.AboutPage{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gradient-text{background:linear-gradient(135deg,#037fff,#6c63ff,#64ffda);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-animation:gradientShift 5s ease infinite;animation:gradientShift 5s ease infinite}.section-heading{display:flex;align-items:center;grid-gap:1rem;gap:1rem;font-size:1.5rem;font-weight:700;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:2rem}.section-heading .section-number{font-size:1rem;font-weight:600;color:#037fff;color:var(--color-primary);font-family:monospace}.about-hero{margin-bottom:4rem}.about-hero__content{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;align-items:center;margin-bottom:3rem}@media screen and (max-width:900px){.about-hero__content{grid-template-columns:1fr;grid-gap:2rem;gap:2rem}}@media screen and (max-width:900px){.about-hero__text{order:2}}.about-hero__badge{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;background:rgba(100,255,218,.1);border:1px solid rgba(100,255,218,.2);border-radius:20px;font-size:.8rem;font-weight:500;color:#64ffda;color:var(--color-accent);margin-bottom:1.25rem}.about-hero__badge .pulse-dot{font-size:.5rem;-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.about-hero__title{font-size:2.75rem;font-weight:800;color:#e6f1ff;color:var(--color-text-bright);line-height:1.2;margin-bottom:1rem}@media screen and (max-width:600px){.about-hero__title{font-size:2rem}}.about-hero__subtitle{font-size:1.15rem;color:#8892b0;color:var(--color-text-muted);line-height:1.7;margin-bottom:1.25rem}.about-hero__location{display:flex;align-items:center;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem;font-size:.9rem;color:#8892b0;color:var(--color-text-muted)}.about-hero__location svg{color:#037fff;color:var(--color-primary);font-size:.85rem}.about-hero__location .separator{color:#1e1e2e;color:var(--color-border)}.about-hero__image{position:relative;display:flex;justify-content:center}@media screen and (max-width:900px){.about-hero__image{order:1}}.image-frame{position:relative;width:320px;height:380px}@media screen and (max-width:600px){.image-frame{width:260px;height:320px}}.image-frame img{width:100%;height:100%;object-fit:cover;border-radius:16px;position:relative;z-index:2}.image-frame__border{position:absolute;inset:-8px;border:2px solid transparent;border-radius:20px;background:linear-gradient(135deg,#037fff,#6c63ff,#64ffda) border-box;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent)) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:1;-webkit-animation:borderGlow 3s ease-in-out infinite;animation:borderGlow 3s ease-in-out infinite}@-webkit-keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}@keyframes borderGlow{0%,to{opacity:.5}50%{opacity:1}}.floating-badge{position:absolute;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-size:1.4rem;z-index:3;-webkit-animation:float 4s ease-in-out infinite;animation:float 4s ease-in-out infinite;box-shadow:0 8px 25px rgba(0,0,0,.3)}@media screen and (max-width:600px){.floating-badge{width:40px;height:40px;font-size:1.1rem}}.floating-badge--react{top:10%;right:-10px;background:linear-gradient(135deg,#61dafb,#21a1c4);color:#fff;-webkit-animation-delay:0s;animation-delay:0s}.floating-badge--node{bottom:20%;left:-10px;background:linear-gradient(135deg,#68a063,#3d6b36);color:#fff;-webkit-animation-delay:1.5s;animation-delay:1.5s}.floating-badge--aws{bottom:-5px;right:20%;background:linear-gradient(135deg,#f90,#c77700);color:#fff;-webkit-animation-delay:3s;animation-delay:3s}@-webkit-keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes float{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.25rem;gap:1.25rem}@media screen and (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:480px){.stats-grid{grid-template-columns:1fr}}.stat-item{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:1.25rem;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;transition:all .3s ease}.stat-item:hover{border-color:#037fff;border-color:var(--color-primary);-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 30px rgba(3,127,255,.1)}.stat-item:hover .stat-item__icon{-webkit-transform:scale(1.1);transform:scale(1.1);background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary))}.stat-item:hover .stat-item__icon svg{color:#fff}.stat-item__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(3,127,255,.1);border-radius:10px;transition:all .3s ease}.stat-item__icon svg{font-size:1.2rem;color:#037fff;color:var(--color-primary)}.stat-item__content{display:flex;flex-direction:column}.stat-item__value{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.stat-item__label{font-size:.8rem;color:#8892b0;color:var(--color-text-muted);font-weight:500}.about-story{margin-bottom:4rem;padding:2.5rem;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:16px;position:relative;overflow:hidden}.about-story:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#037fff,#6c63ff,#64ffda);background:linear-gradient(180deg,var(--color-primary),var(--color-secondary),var(--color-accent))}.about-story__text{margin-bottom:2rem}.about-story__text .lead-text{font-size:1.15rem;font-weight:500;color:#ccd6f6;color:var(--color-text);line-height:1.7;margin-bottom:1.25rem}.about-story__text p{color:#8892b0;color:var(--color-text-muted);line-height:1.8;margin-bottom:1rem}.about-story__text p:last-child{margin-bottom:0}.download-btn{display:inline-flex;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.9rem 1.75rem;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:10px;font-size:.95rem;font-weight:600;color:#fff;text-decoration:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.download-btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 10px 30px rgba(3,127,255,.3)}.download-btn:hover .btn-shine{left:100%}.download-btn .btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);transition:left .5s ease}.experience-section{margin-bottom:4rem}.timeline{position:relative;padding-left:2rem}@media screen and (max-width:600px){.timeline{padding-left:1.5rem}}.timeline-item{display:flex;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem}.timeline-item:last-child{margin-bottom:0}.timeline-item__marker{position:relative;display:flex;flex-direction:column;align-items:center}.timeline-item__marker .marker-dot{width:14px;height:14px;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:50%;flex-shrink:0;z-index:1}.timeline-item__marker .marker-line{width:2px;flex:1 1;background:#1e1e2e;background:var(--color-border);margin-top:.5rem}.timeline-item__content{flex:1 1;padding-bottom:1.5rem}.timeline-year{display:inline-block;font-size:.75rem;font-weight:600;color:#037fff;color:var(--color-primary);background:rgba(3,127,255,.1);padding:.25rem .75rem;border-radius:20px;margin-bottom:.5rem}.timeline-role{font-size:1.15rem;font-weight:700;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.25rem}.timeline-company{display:block;margin-bottom:.5rem}.timeline-company,.timeline-description{font-size:.9rem;color:#8892b0;color:var(--color-text-muted)}.timeline-description{line-height:1.6}.skills-section{margin-bottom:4rem}.skills-grid-new{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem}@media screen and (max-width:900px){.skills-grid-new{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.skills-grid-new{grid-template-columns:1fr}}.skill-card{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .3s ease}.skill-card:hover{border-color:var(--accent-color,var(--color-primary));-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 10px 30px rgba(0,0,0,.15)}.skill-card:hover .skill-card__icon{-webkit-transform:scale(1.1);transform:scale(1.1)}.skill-card__header{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.skill-card__icon{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:10px;font-size:1.2rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.skill-card__title{font-size:1rem;font-weight:600;color:#e6f1ff;color:var(--color-text-bright)}.skill-card__tags{display:flex;flex-wrap:wrap;grid-gap:.4rem;gap:.4rem}.skill-chip{display:inline-block;padding:.3rem .7rem;background:rgba(3,127,255,.06);border:1px solid rgba(3,127,255,.1);border-radius:6px;font-size:.78rem;font-weight:500;color:#ccd6f6;color:var(--color-text);transition:all .2s ease}.skill-chip:hover{background:rgba(3,127,255,.12);border-color:rgba(3,127,255,.25)}.services-section{margin-bottom:4rem}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.25rem;gap:1.25rem}@media screen and (max-width:700px){.services-grid{grid-template-columns:1fr}}.service-card{position:relative;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:14px;padding:2rem;overflow:hidden;transition:all .4s ease}.service-card:hover{border-color:rgba(3,127,255,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 15px 40px rgba(3,127,255,.1)}.service-card:hover .service-card__icon{-webkit-transform:scale(1.1) rotate(5deg);transform:scale(1.1) rotate(5deg)}.service-card:hover .service-card__glow{opacity:.1}.service-card__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:14px;margin-bottom:1.25rem;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.service-card__icon svg{font-size:1.5rem;color:#fff}.service-card__title{font-size:1.2rem;font-weight:700;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.75rem}.service-card__description{font-size:.92rem;color:#8892b0;color:var(--color-text-muted);line-height:1.7}.service-card__glow{position:absolute;top:-50%;right:-50%;width:100%;height:100%;opacity:0;-webkit-filter:blur(80px);filter:blur(80px);transition:opacity .4s ease;pointer-events:none}.about-cta{display:flex;align-items:center;justify-content:space-between;grid-gap:2rem;gap:2rem;padding:2.5rem;background:linear-gradient(135deg,rgba(3,127,255,.08),rgba(108,99,255,.08));border:1px solid rgba(3,127,255,.15);border-radius:16px}@media screen and (max-width:700px){.about-cta{flex-direction:column;text-align:center}}.about-cta__content h3{font-size:1.4rem;font-weight:700;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.35rem}.about-cta__content p{font-size:.95rem;color:#8892b0;color:var(--color-text-muted)}.about-cta .cta-button{display:inline-flex;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.9rem 1.75rem;font-size:.95rem;font-weight:600;color:#fff;text-decoration:none;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:10px;transition:all .3s ease;white-space:nowrap}.about-cta .cta-button svg{font-size:.8rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.about-cta .cta-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 10px 30px rgba(3,127,255,.25)}.about-cta .cta-button:hover svg{-webkit-transform:translateX(4px);transform:translateX(4px)}.btn{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;text-decoration:none;padding:.8rem 2rem;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:8px;font-family:inherit;font-size:.95rem;font-weight:600;color:#fff;letter-spacing:.5px;cursor:pointer;transition:all .35s cubic-bezier(.645,.045,.355,1)}.btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 25px rgba(3,127,255,.25)}.b-title{margin-bottom:3rem}.BlogsPage{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-bottom:4rem}@media screen and (max-width:900px){.BlogsPage{grid-template-columns:1fr}}.BlogsPage .blog{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all .35s cubic-bezier(.645,.045,.355,1)}.BlogsPage .blog:hover{border-color:rgba(3,127,255,.3);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 10px 35px rgba(3,127,255,.08)}.BlogsPage .blog:hover .blog-img img{-webkit-transform:scale(1.05);transform:scale(1.05)}.BlogsPage .blog:hover .blog-link{color:#037fff;color:var(--color-primary)}.BlogsPage .blog .blog-content{text-decoration:none;display:block;color:inherit}.BlogsPage .blog .blog-content .blog-img{overflow:hidden;height:200px}.BlogsPage .blog .blog-content .blog-img img{width:100%;height:100%;object-fit:cover;display:block;transition:-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1),-webkit-transform .5s cubic-bezier(.645,.045,.355,1)}.BlogsPage .blog .blog-content .blog-info{padding:1.25rem 1.5rem 1.5rem}.BlogsPage .blog .blog-content .blog-info .blog-meta-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.BlogsPage .blog .blog-content .blog-info .blog-date{display:flex;align-items:baseline;grid-gap:.5rem;gap:.5rem}.BlogsPage .blog .blog-content .blog-info .blog-date .blog-day{font-size:1.5rem;font-weight:700;color:#037fff;color:var(--color-primary);line-height:1;-webkit-text-fill-color:unset;background:none}.BlogsPage .blog .blog-content .blog-info .blog-date .blog-month{font-size:.8rem;color:#8892b0;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;-webkit-text-fill-color:unset;background:none}.BlogsPage .blog .blog-content .blog-info .blog-read-time{display:flex;align-items:center;grid-gap:.4rem;gap:.4rem;font-size:.78rem;color:#8892b0;color:var(--color-text-muted)}.BlogsPage .blog .blog-content .blog-info .blog-read-time svg{font-size:.7rem}.BlogsPage .blog .blog-content .blog-info .blog-link{color:#e6f1ff;color:var(--color-text-bright);text-decoration:none;font-size:1.1rem;font-weight:600;line-height:1.5;display:block;margin-bottom:.6rem;transition:color .3s ease}.BlogsPage .blog .blog-content .blog-info .blog-excerpt{color:#8892b0;color:var(--color-text-muted);font-size:.88rem;line-height:1.6;margin-bottom:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.BlogsPage .blog .blog-content .blog-info .blog-tags{display:flex;flex-wrap:wrap;grid-gap:.4rem;gap:.4rem}.BlogsPage .blog .blog-content .blog-info .blog-tags .blog-tag{font-size:.72rem;font-weight:500;padding:.2rem .6rem;border-radius:4px;background:rgba(3,127,255,.08);color:#037fff;color:var(--color-primary);letter-spacing:.3px}.BlogPostPage{max-width:800px;margin:0 auto;padding-bottom:4rem}.back-link{font-size:.9rem;font-weight:500;font-family:inherit;background:none;border:none;cursor:pointer;padding:0;margin-bottom:2rem;transition:color .3s ease}.blog-post-not-found{text-align:center;padding:6rem 2rem}.blog-post-not-found h2{font-size:1.8rem;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.75rem}.blog-post-not-found p{color:#8892b0;color:var(--color-text-muted);margin-bottom:2rem}.blog-post{-webkit-animation:fadeInUp .5s ease-out;animation:fadeInUp .5s ease-out}.blog-post-hero{border-radius:12px;overflow:hidden;margin-bottom:2.5rem;border:1px solid #1e1e2e;border:1px solid var(--color-border)}.blog-post-hero .blog-post-cover{width:100%;height:300px;object-fit:cover;display:block}@media screen and (max-width:600px){.blog-post-hero{margin-bottom:1.75rem}.blog-post-hero .blog-post-cover{height:200px}}.blog-post-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border)}.blog-post-meta{display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;margin-bottom:1.25rem}.blog-post-meta .blog-post-date,.blog-post-meta .blog-post-read-time{display:flex;align-items:center;grid-gap:.45rem;gap:.45rem;font-size:.85rem;color:#8892b0;color:var(--color-text-muted)}.blog-post-meta .blog-post-date svg,.blog-post-meta .blog-post-read-time svg{font-size:.8rem;color:#037fff;color:var(--color-primary)}.blog-post-title{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:#e6f1ff;color:var(--color-text-bright);line-height:1.25;letter-spacing:-.5px;margin-bottom:1.25rem}.blog-post-tags{display:flex;flex-wrap:wrap;grid-gap:.5rem;gap:.5rem}.blog-post-tags .blog-post-tag{font-size:.8rem;font-weight:500;padding:.3rem .85rem;border-radius:6px;background:rgba(3,127,255,.08);border:1px solid rgba(3,127,255,.12);color:#037fff;color:var(--color-primary);letter-spacing:.3px}.blog-post-body .post-heading{font-size:1.4rem;font-weight:700;color:#e6f1ff;color:var(--color-text-bright);margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.3px;position:relative;padding-left:1rem}.blog-post-body .post-heading:before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:3px;border-radius:2px;background:linear-gradient(180deg,#037fff,#6c63ff);background:linear-gradient(180deg,var(--color-primary),var(--color-secondary))}.blog-post-body .post-paragraph{color:#ccd6f6;color:var(--color-text);font-size:1.02rem;line-height:1.85;margin-bottom:1.25rem}.blog-post-body .post-paragraph:last-child{margin-bottom:0}.blog-post-body .post-code-block{margin:1.75rem 0;border-radius:10px;overflow:hidden;border:1px solid #1e1e2e;border:1px solid var(--color-border);background:#0d0d14}.blog-post-body .post-code-block .code-header{display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;background:hsla(0,0%,100%,.03);border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border)}.blog-post-body .post-code-block .code-header .code-lang{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#8892b0;color:var(--color-text-muted)}.blog-post-body .post-code-block .code-header .code-dots{display:flex;grid-gap:6px;gap:6px}.blog-post-body .post-code-block .code-header .code-dots span{width:10px;height:10px;border-radius:50%;background:hsla(0,0%,100%,.08)}.blog-post-body .post-code-block .code-header .code-dots span:first-child{background:#ff5f57}.blog-post-body .post-code-block .code-header .code-dots span:nth-child(2){background:#febc2e}.blog-post-body .post-code-block .code-header .code-dots span:last-child{background:#28c840}.blog-post-body .post-code-block pre{margin:0;padding:1.25rem 1.5rem;overflow-x:auto}.blog-post-body .post-code-block pre::-webkit-scrollbar{height:6px}.blog-post-body .post-code-block pre::-webkit-scrollbar-track{background:transparent}.blog-post-body .post-code-block pre::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:3px}.blog-post-body .post-code-block pre code{font-family:"SF Mono","Fira Code","JetBrains Mono",Consolas,monospace;font-size:.85rem;line-height:1.7;color:#ccd6f6;color:var(--color-text);tab-size:2;white-space:pre}.blog-post-nav{display:flex;justify-content:space-between;grid-gap:1.5rem;gap:1.5rem;margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid #1e1e2e;border-top:1px solid var(--color-border)}@media screen and (max-width:600px){.blog-post-nav{flex-direction:column;grid-gap:1rem;gap:1rem}}.post-nav-link{display:flex;flex-direction:column;grid-gap:.4rem;gap:.4rem;text-decoration:none;padding:1.25rem 1.5rem;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;flex:1 1;min-width:0;transition:all .3s ease}.post-nav-link:hover{border-color:rgba(3,127,255,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 6px 20px rgba(3,127,255,.06)}.post-nav-link.next{text-align:right}.post-nav-link .post-nav-label{font-size:.78rem;font-weight:500;color:#037fff;color:var(--color-primary);text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;grid-gap:.4rem;gap:.4rem}.post-nav-link .post-nav-label svg{font-size:.7rem}.post-nav-link.next .post-nav-label{justify-content:flex-end}.post-nav-link .post-nav-title{font-size:.92rem;font-weight:600;color:#e6f1ff;color:var(--color-text-bright);line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (max-width:600px){.blog-post-header{margin-bottom:2rem;padding-bottom:1.5rem}.blog-post-meta{grid-gap:1rem;gap:1rem}.blog-post-body .post-heading{font-size:1.2rem;margin-top:2rem}.blog-post-body .post-paragraph{font-size:.95rem;line-height:1.75}.blog-post-body .post-code-block pre{padding:1rem}.blog-post-body .post-code-block pre code{font-size:.78rem}}.ContactPage-new{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out}.contact-header{text-align:center;margin-bottom:2rem}.contact-header__subtitle{font-size:1.1rem;color:#8892b0;color:var(--color-text-muted);margin-top:-1rem}.availability-banner{margin-bottom:2.5rem;padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(100,255,218,.08),rgba(3,127,255,.08));border:1px solid rgba(100,255,218,.2);border-radius:12px}.availability-banner__content{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;grid-gap:1rem;gap:1rem}@media screen and (max-width:600px){.availability-banner__content{flex-direction:column;align-items:flex-start}}.availability-banner .availability-status{display:flex;align-items:center;grid-gap:.6rem;gap:.6rem;font-size:.9rem;font-weight:500;color:#64ffda;color:var(--color-accent)}.availability-banner .availability-status .status-dot{font-size:.5rem}.availability-banner .availability-status .status-dot.pulse{-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.availability-banner .response-time{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:.85rem;color:#8892b0;color:var(--color-text-muted)}.availability-banner .response-time svg{font-size:.8rem;color:#037fff;color:var(--color-primary)}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:3rem}@media screen and (max-width:900px){.contact-grid{grid-template-columns:1fr}}.contact-form-section{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:16px;padding:2rem}@media screen and (max-width:600px){.contact-form-section{padding:1.5rem}}.form-header{margin-bottom:1.75rem}.form-header h3{font-size:1.3rem;font-weight:700;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.35rem}.form-header p{font-size:.9rem;color:#8892b0;color:var(--color-text-muted)}.contact-form .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media screen and (max-width:600px){.contact-form .form-row{grid-template-columns:1fr}}.contact-form .form-group{margin-bottom:1.25rem}.contact-form .form-group label{display:block;font-size:.85rem;font-weight:500;color:#ccd6f6;color:var(--color-text);margin-bottom:.5rem}.contact-form .form-group input,.contact-form .form-group textarea{width:100%;padding:.85rem 1rem;background:#0a0a0f;background:var(--color-bg);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;font-family:inherit;font-size:.95rem;color:#e6f1ff;color:var(--color-text-bright);transition:all .3s ease}.contact-form .form-group input::-webkit-input-placeholder,.contact-form .form-group textarea::-webkit-input-placeholder{color:#8892b0;color:var(--color-text-muted);opacity:.6}.contact-form .form-group input::placeholder,.contact-form .form-group textarea::placeholder{color:#8892b0;color:var(--color-text-muted);opacity:.6}.contact-form .form-group input:focus,.contact-form .form-group textarea:focus{outline:none;border-color:#037fff;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(3,127,255,.1)}.contact-form .form-group input:hover:not(:focus),.contact-form .form-group textarea:hover:not(:focus){border-color:rgba(3,127,255,.3)}.contact-form .form-group textarea{resize:vertical;min-height:120px}.submit-btn{display:inline-flex;align-items:center;justify-content:center;grid-gap:.6rem;gap:.6rem;width:100%;padding:1rem 1.5rem;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border:none;border-radius:10px;font-family:inherit;font-size:1rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease}.submit-btn svg{font-size:.9rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.submit-btn:hover:not(:disabled){-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 10px 30px rgba(3,127,255,.3)}.submit-btn:hover:not(:disabled) svg{-webkit-transform:translateX(3px);transform:translateX(3px)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.contact-info-section{display:flex;flex-direction:column;grid-gap:1.5rem;gap:1.5rem}.contact-cards{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem}.contact-card{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:1rem 1.25rem;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;text-decoration:none;color:inherit;transition:all .3s ease}.contact-card:hover{border-color:var(--card-color,var(--color-primary));-webkit-transform:translateX(5px);transform:translateX(5px);box-shadow:0 5px 20px rgba(0,0,0,.1)}.contact-card:hover .contact-card__icon{background:var(--color-primary);background:var(--card-color,var(--color-primary));color:#fff;-webkit-transform:scale(1.05);transform:scale(1.05)}.contact-card:hover .contact-card__arrow{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.contact-card__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(3,127,255,.1);border-radius:10px;flex-shrink:0;transition:all .3s ease}.contact-card__icon svg{font-size:1.1rem;color:var(--color-primary);color:var(--card-color,var(--color-primary))}.contact-card__content{flex:1 1;display:flex;flex-direction:column;grid-gap:.15rem;gap:.15rem}.contact-card__title{font-size:.75rem;font-weight:600;color:#8892b0;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.contact-card__value{font-size:.95rem;font-weight:500;color:#e6f1ff;color:var(--color-text-bright)}.contact-card__arrow{font-size:.8rem;color:#8892b0;color:var(--color-text-muted);opacity:0;-webkit-transform:translateX(-5px);transform:translateX(-5px);transition:all .3s ease}.social-section{padding:1.25rem;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px}.social-section h4{font-size:.9rem;font-weight:600;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:1rem}.social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:rgba(3,127,255,.08);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;font-size:1.1rem;color:#8892b0;color:var(--color-text-muted);text-decoration:none;transition:all .3s ease}.social-link:hover{background:var(--color-primary);background:var(--social-color,var(--color-primary));border-color:var(--social-color,var(--color-primary));color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.2)}.quick-info{padding:1.25rem;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px}.quick-info h4{font-size:.9rem;font-weight:600;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:1rem}.info-list{list-style:none;padding:0;margin:0}.info-list li{display:flex;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.5rem 0;font-size:.88rem;color:#8892b0;color:var(--color-text-muted)}.info-list li svg{font-size:.85rem;color:#64ffda;color:var(--color-accent);flex-shrink:0}.info-list li:not(:last-child){border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border)}.map-section{margin-top:2rem}.map-wrapper{position:relative;border-radius:16px;overflow:hidden;border:1px solid #1e1e2e;border:1px solid var(--color-border)}.map-wrapper iframe{width:100%;height:300px;display:block;-webkit-filter:invert(90%) hue-rotate(180deg) brightness(.7) contrast(1.3);filter:invert(90%) hue-rotate(180deg) brightness(.7) contrast(1.3)}.map-wrapper .map-overlay{position:absolute;bottom:1rem;left:1rem;display:flex;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.6rem 1rem;background:rgba(10,10,15,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;font-size:.85rem;font-weight:500;color:#e6f1ff;color:var(--color-text-bright)}.map-wrapper .map-overlay .location-pin{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:8px}.map-wrapper .map-overlay .location-pin svg{font-size:.9rem;color:#fff}@-webkit-keyframes pulse{0%,to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.5;-webkit-transform:scale(1.2);transform:scale(1.2)}}.title{margin-bottom:2rem}.ContactPage{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem;gap:2rem;margin-bottom:4rem}@media screen and (max-width:1000px){.ContactPage{grid-template-columns:1fr}}.map-sect{border-radius:12px;overflow:hidden;border:1px solid #1e1e2e;border:1px solid var(--color-border);min-height:400px}.map-sect iframe{width:100%;height:100%;display:block;-webkit-filter:invert(90%) hue-rotate(180deg) brightness(.7) contrast(1.3);filter:invert(90%) hue-rotate(180deg) brightness(.7) contrast(1.3)}@media screen and (max-width:1000px){.map-sect{min-height:300px}}.contact-sect{display:flex;flex-direction:column;justify-content:center;grid-gap:1rem;gap:1rem}.ContactItem{width:100%}.ContactItem .contact{display:flex;align-items:center;grid-gap:1.25rem;gap:1.25rem;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .35s cubic-bezier(.645,.045,.355,1)}.ContactItem .contact:hover{border-color:rgba(3,127,255,.3);-webkit-transform:translateX(5px);transform:translateX(5px);box-shadow:0 5px 20px rgba(3,127,255,.06)}.ContactItem .contact img{width:50px;height:50px;padding:.65rem;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;flex-shrink:0;transition:border-color .3s ease}.ContactItem .contact:hover img{border-color:#037fff;border-color:var(--color-primary)}.ContactItem .contact .right-items h6{font-size:1.05rem;font-weight:600;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.25rem}.ContactItem .contact .right-items p{color:#8892b0;color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.App .sidebar{width:16%;height:100vh;background-color:#0f0f17;background-color:var(--color-bg-sidebar);position:fixed;z-index:11;border-right:1px solid #1e1e2e;border-right:1px solid var(--color-border);-webkit-transform-origin:left;transform-origin:left}@media screen and (max-width:1000px){.App .sidebar{transition:all .4s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(-100%);transform:translateX(-100%);width:280px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background-color:rgba(15,15,23,.95)}}@media screen and (max-width:411px){.App .sidebar{width:260px}}@media screen and (max-width:1000px){.App .nav-toggle{transition:all .4s cubic-bezier(.645,.045,.355,1);-webkit-transform:translateX(0);transform:translateX(0)}}.App .main-content{width:84%;margin-left:16%;background-color:#0a0a0f;background-color:var(--color-bg);min-height:100vh;display:grid;position:relative}.App .main-content:before{content:"";position:fixed;top:0;left:16%;width:84%;height:100%;background:radial-gradient(ellipse at 15% 50%,rgba(3,127,255,.04) 0,transparent 50%),radial-gradient(ellipse at 85% 20%,rgba(108,99,255,.04) 0,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(100,255,218,.02) 0,transparent 50%);pointer-events:none;z-index:0}.App .main-content .content{margin:5rem 12rem;position:relative;z-index:1}@media screen and (max-width:1400px){.App .main-content .content{margin:3rem 8rem}}@media screen and (max-width:1100px){.App .main-content .content{margin:2rem 6rem}}@media screen and (max-width:710px){.App .main-content .content{margin:2rem}}@media screen and (max-width:411px){.App .main-content .content{margin:1.5rem 1.25rem}}@media screen and (max-width:1000px){.App .main-content{margin-left:0;width:100%}.App .main-content:before{left:0;width:100%}}.nav-btn{position:fixed;z-index:12;right:2rem;top:2rem;width:2.75rem;height:2.75rem;display:none;flex-direction:column;align-items:center;justify-content:center;grid-gap:6px;gap:6px;cursor:pointer;padding:.5rem;border-radius:8px;background:rgba(15,15,23,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #1e1e2e;border:1px solid var(--color-border);transition:all .3s ease}.nav-btn:hover{border-color:#037fff;border-color:var(--color-primary)}.nav-btn .lines-1,.nav-btn .lines-2,.nav-btn .lines-3{height:2px;width:100%;background-color:#ccd6f6;background-color:var(--color-text);border-radius:2px;transition:all .3s cubic-bezier(.645,.045,.355,1);display:block}.nav-btn.active .lines-1{-webkit-transform:rotate(45deg) translate(5px,6px);transform:rotate(45deg) translate(5px,6px)}.nav-btn.active .lines-2{opacity:0;-webkit-transform:translateX(-10px);transform:translateX(-10px)}.nav-btn.active .lines-3{-webkit-transform:rotate(-45deg) translate(5px,-6px);transform:rotate(-45deg) translate(5px,-6px)}@media screen and (max-width:1000px){.nav-btn{display:flex}}.HomePage{display:flex;flex-direction:column;min-height:calc(100vh - 8rem);position:relative;overflow:hidden}.hero-bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.hero-bg .gradient-orb{position:absolute;border-radius:50%;-webkit-filter:blur(80px);filter:blur(80px);opacity:.4;-webkit-animation:floatOrb 15s ease-in-out infinite;animation:floatOrb 15s ease-in-out infinite}.hero-bg .orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(3,127,255,.25),transparent 70%);top:5%;left:15%;-webkit-animation-delay:0s;animation-delay:0s}.hero-bg .orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(108,99,255,.2),transparent 70%);top:40%;right:5%;-webkit-animation-delay:-5s;animation-delay:-5s;-webkit-animation-duration:18s;animation-duration:18s}.hero-bg .orb-3{width:350px;height:350px;background:radial-gradient(circle,rgba(100,255,218,.12),transparent 70%);bottom:5%;left:35%;-webkit-animation-delay:-10s;animation-delay:-10s;-webkit-animation-duration:20s;animation-duration:20s}.hero-bg .grid-pattern{position:absolute;inset:0;background-image:linear-gradient(hsla(0,0%,100%,.02) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.02) 1px,transparent 0);background-size:60px 60px;opacity:.5}@-webkit-keyframes floatOrb{0%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}25%{-webkit-transform:translate(40px,-50px) scale(1.08);transform:translate(40px,-50px) scale(1.08)}50%{-webkit-transform:translate(-30px,30px) scale(.95);transform:translate(-30px,30px) scale(.95)}75%{-webkit-transform:translate(20px,40px) scale(1.05);transform:translate(20px,40px) scale(1.05)}}@keyframes floatOrb{0%,to{-webkit-transform:translate(0) scale(1);transform:translate(0) scale(1)}25%{-webkit-transform:translate(40px,-50px) scale(1.08);transform:translate(40px,-50px) scale(1.08)}50%{-webkit-transform:translate(-30px,30px) scale(.95);transform:translate(-30px,30px) scale(.95)}75%{-webkit-transform:translate(20px,40px) scale(1.05);transform:translate(20px,40px) scale(1.05)}}.code-decorations{position:fixed;top:0;left:16%;width:84%;height:100%;pointer-events:none;z-index:0;overflow:hidden}@media screen and (max-width:1000px){.code-decorations{left:0;width:100%}}.code-block{position:absolute;padding:.6rem 1rem;background:rgba(18,18,26,.8);border:1px solid rgba(3,127,255,.2);border-radius:8px;font-family:"SF Mono","Fira Code",monospace;font-size:.75rem;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.6;-webkit-animation:floatCode 20s ease-in-out infinite;animation:floatCode 20s ease-in-out infinite}.code-block .code-keyword{color:#c792ea}.code-block .code-string{color:#c3e88d}.code-block .code-function{color:#82aaff}.code-block--1{top:15%;right:8%;-webkit-animation-delay:0s;animation-delay:0s}.code-block--2{top:45%;right:12%;-webkit-animation-delay:-7s;animation-delay:-7s}.code-block--3{bottom:20%;right:5%;-webkit-animation-delay:-14s;animation-delay:-14s}@media screen and (max-width:1100px){.code-block{display:none}}@-webkit-keyframes floatCode{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:.6}25%{-webkit-transform:translateY(-15px) rotate(1deg);transform:translateY(-15px) rotate(1deg);opacity:.8}50%{-webkit-transform:translateY(10px) rotate(-1deg);transform:translateY(10px) rotate(-1deg);opacity:.5}75%{-webkit-transform:translateY(-8px) rotate(.5deg);transform:translateY(-8px) rotate(.5deg);opacity:.7}}@keyframes floatCode{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:.6}25%{-webkit-transform:translateY(-15px) rotate(1deg);transform:translateY(-15px) rotate(1deg);opacity:.8}50%{-webkit-transform:translateY(10px) rotate(-1deg);transform:translateY(10px) rotate(-1deg);opacity:.5}75%{-webkit-transform:translateY(-8px) rotate(.5deg);transform:translateY(-8px) rotate(.5deg);opacity:.7}}.hero-container{display:grid;grid-template-columns:1.1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;flex:1 1;position:relative;z-index:1}@media screen and (max-width:1100px){.hero-container{grid-template-columns:1fr;grid-gap:3rem;gap:3rem;text-align:center}}.hero-content{-webkit-animation:fadeInUp .8s ease-out;animation:fadeInUp .8s ease-out}.hero-badge{display:inline-flex;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.5rem 1.25rem;background:rgba(100,255,218,.06);border:1px solid rgba(100,255,218,.15);border-radius:50px;font-size:.85rem;margin-bottom:2rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:all .3s ease}.hero-badge:hover{background:rgba(100,255,218,.1);border-color:rgba(100,255,218,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.hero-badge .badge-dot{width:8px;height:8px;border-radius:50%;background:#64ffda;background:var(--color-accent);-webkit-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}.hero-badge .badge-text{color:#64ffda;color:var(--color-accent);font-weight:500;letter-spacing:.5px}.hero-badge .badge-arrow{color:#64ffda;color:var(--color-accent);font-size:.75rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.hero-badge:hover .badge-arrow{-webkit-transform:translateX(3px);transform:translateX(3px)}.hero-heading{margin-bottom:1.5rem}.hero-greeting{font-size:1.1rem;color:#8892b0;color:var(--color-text-muted);font-weight:400;letter-spacing:1px;margin-bottom:.5rem}.hero-name{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#e6f1ff;color:var(--color-text-bright);line-height:1.1;margin-bottom:1rem;letter-spacing:-1px}.hero-name .gradient-name{background:linear-gradient(135deg,#037fff,#6c63ff 50%,#64ffda);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary) 50%,var(--color-accent));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;-webkit-animation:gradientShift 4s ease-in-out infinite;animation:gradientShift 4s ease-in-out infinite}@-webkit-keyframes gradientShift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}@keyframes gradientShift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.hero-title{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:clamp(1.3rem,3vw,1.8rem);font-weight:600;color:#ccd6f6;color:var(--color-text)}@media screen and (max-width:1100px){.hero-title{justify-content:center;flex-wrap:wrap}}.title-static{color:#8892b0;color:var(--color-text-muted)}.title-rotating{height:1.3em;overflow:hidden;position:relative}.title-rotating span{display:block;height:1.3em;line-height:1.3em;color:#037fff;color:var(--color-primary);-webkit-animation:rotateText 8s ease-in-out infinite;animation:rotateText 8s ease-in-out infinite}@-webkit-keyframes rotateText{0%,20%{-webkit-transform:translateY(0);transform:translateY(0)}25%,45%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%,70%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}75%,95%{-webkit-transform:translateY(-300%);transform:translateY(-300%)}to{-webkit-transform:translateY(-400%);transform:translateY(-400%)}}@keyframes rotateText{0%,20%{-webkit-transform:translateY(0);transform:translateY(0)}25%,45%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}50%,70%{-webkit-transform:translateY(-200%);transform:translateY(-200%)}75%,95%{-webkit-transform:translateY(-300%);transform:translateY(-300%)}to{-webkit-transform:translateY(-400%);transform:translateY(-400%)}}.hero-description{font-size:1.05rem;color:#8892b0;color:var(--color-text-muted);line-height:1.8;margin-bottom:2rem;max-width:500px}.hero-description .highlight{color:#e6f1ff;color:var(--color-text-bright);font-weight:500}@media screen and (max-width:1100px){.hero-description{margin-left:auto;margin-right:auto}}.hero-metrics{display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;margin-bottom:2rem;padding:1rem 0;border-top:1px solid #1e1e2e;border-top:1px solid var(--color-border);border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border)}@media screen and (max-width:1100px){.hero-metrics{justify-content:center}}@media screen and (max-width:480px){.hero-metrics{grid-gap:1rem;gap:1rem}}.metric{display:flex;flex-direction:column;grid-gap:.2rem;gap:.2rem}.metric-value{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,#037fff,#64ffda);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width:480px){.metric-value{font-size:1.2rem}}.metric-label{font-size:.75rem;color:#8892b0;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.metric-divider{width:1px;height:35px;background:#1e1e2e;background:var(--color-border)}.hero-actions{display:flex;align-items:center;grid-gap:1rem;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}@media screen and (max-width:1100px){.hero-actions{justify-content:center}}@media screen and (max-width:600px){.hero-actions{flex-direction:column;width:100%}}.btn-primary{display:inline-flex;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.9rem 1.75rem;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;text-decoration:none;border-radius:10px;font-size:.95rem;font-weight:600;letter-spacing:.3px;position:relative;overflow:hidden;transition:all .35s cubic-bezier(.645,.045,.355,1)}.btn-primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transition:left .5s ease}.btn-primary .btn-icon{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;font-size:.85rem}.btn-primary:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 15px 40px rgba(3,127,255,.3)}.btn-primary:hover:after{left:100%}.btn-primary:hover .btn-icon{-webkit-transform:translateX(4px);transform:translateX(4px)}@media screen and (max-width:600px){.btn-primary{width:100%;justify-content:center}}.btn-secondary{display:inline-flex;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.9rem 1.75rem;background:transparent;color:#e6f1ff;color:var(--color-text-bright);text-decoration:none;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px;font-size:.95rem;font-weight:600;letter-spacing:.3px;transition:all .35s cubic-bezier(.645,.045,.355,1)}.btn-secondary .btn-icon-left{font-size:.9rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.btn-secondary:hover{border-color:#037fff;border-color:var(--color-primary);color:#037fff;color:var(--color-primary);background:rgba(3,127,255,.06);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn-secondary:hover .btn-icon-left{-webkit-transform:translateY(2px);transform:translateY(2px)}@media screen and (max-width:600px){.btn-secondary{width:100%;justify-content:center}}.btn-tertiary{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.9rem 1.5rem;background:transparent;color:#8892b0;color:var(--color-text-muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:all .3s ease}.btn-tertiary:hover{color:#64ffda;color:var(--color-accent)}@media screen and (max-width:600px){.btn-tertiary{width:100%;justify-content:center;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:10px}}.hero-social{display:flex;align-items:center;grid-gap:1rem;gap:1rem}@media screen and (max-width:1100px){.hero-social{justify-content:center}}.social-label{font-size:.8rem;color:#8892b0;color:var(--color-text-muted);font-weight:500}.social-links{display:flex;grid-gap:.75rem;gap:.75rem}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:1px solid #1e1e2e;border:1px solid var(--color-border);color:#8892b0;color:var(--color-text-muted);font-size:1.1rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.social-links a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity .3s ease;border-radius:inherit}.social-links a svg{position:relative;z-index:1}.social-links a:hover{border-color:transparent;color:#fff;-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 8px 20px rgba(3,127,255,.2)}.social-links a:hover:before{opacity:1}.hero-visual{display:flex;flex-direction:column;align-items:center;grid-gap:1.5rem;gap:1.5rem;-webkit-animation:fadeInUp .8s ease-out .2s both;animation:fadeInUp .8s ease-out .2s both}@media screen and (max-width:1100px){.hero-visual{order:-1}}.profile-container{position:relative;display:flex;align-items:center;justify-content:center}.profile-image{width:280px;height:280px;overflow:visible}.profile-image,.profile-image img{position:relative;border-radius:50%}.profile-image img{width:100%;height:100%;object-fit:cover;z-index:2}@media screen and (max-width:600px){.profile-image{width:220px;height:220px}}.profile-ring{position:absolute;inset:-15px;border-radius:50%;border:2px solid rgba(3,127,255,.3);-webkit-animation:ringPulse 3s ease-in-out infinite;animation:ringPulse 3s ease-in-out infinite}.profile-ring--2{inset:-30px;border-color:rgba(108,99,255,.2);-webkit-animation-delay:-1.5s;animation-delay:-1.5s}@-webkit-keyframes ringPulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.5}50%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:.8}}@keyframes ringPulse{0%,to{-webkit-transform:scale(1);transform:scale(1);opacity:.5}50%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:.8}}.tech-orbit{position:absolute;inset:-60px;-webkit-animation:orbitSpin 30s linear infinite;animation:orbitSpin 30s linear infinite}@-webkit-keyframes orbitSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes orbitSpin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.tech-icon{position:absolute;width:45px;height:45px;display:flex;align-items:center;justify-content:center;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;font-size:1.2rem;color:var(--color-primary);color:var(--tech-color,var(--color-primary));box-shadow:0 5px 20px rgba(0,0,0,.2);-webkit-animation:orbitSpinReverse 30s linear infinite;animation:orbitSpinReverse 30s linear infinite;transition:all .3s ease}.tech-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2);box-shadow:0 10px 30px rgba(0,0,0,.3);border-color:var(--tech-color)}.tech-icon--1{top:-25px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tech-icon--2{top:20%;right:-25px}.tech-icon--3{bottom:20%;right:-25px}.tech-icon--4{bottom:-25px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.tech-icon--5{bottom:20%;left:-25px}@media screen and (max-width:600px){.tech-icon{width:38px;height:38px;font-size:1rem}}@-webkit-keyframes orbitSpinReverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}@keyframes orbitSpinReverse{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}}.status-card{position:absolute;bottom:10%;left:-80px;display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.75rem 1rem;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);-webkit-animation:floatCard 4s ease-in-out infinite;animation:floatCard 4s ease-in-out infinite;z-index:10}@media screen and (max-width:1100px){.status-card{left:-60px;bottom:5%}}@media screen and (max-width:600px){.status-card{display:none}}.status-card__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:8px;color:#fff;font-size:.9rem}.status-card__content{display:flex;flex-direction:column}.status-card__label{font-size:.65rem;color:#8892b0;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.status-card__value{font-size:.8rem;font-weight:600;color:#e6f1ff;color:var(--color-text-bright);white-space:nowrap}@-webkit-keyframes floatCard{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}@keyframes floatCard{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}}.experience-badge{position:absolute;top:10%;right:-60px;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(135deg,rgba(100,255,218,.1),rgba(3,127,255,.1));border:1px solid rgba(100,255,218,.3);border-radius:12px;-webkit-animation:floatCard 4s ease-in-out infinite;animation:floatCard 4s ease-in-out infinite;-webkit-animation-delay:-2s;animation-delay:-2s;z-index:10}@media screen and (max-width:1100px){.experience-badge{right:-40px;top:5%}}@media screen and (max-width:600px){.experience-badge{display:none}}.experience-badge__number{font-size:1.5rem;font-weight:800;color:#64ffda;color:var(--color-accent)}.experience-badge__text{font-size:.65rem;color:#8892b0;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;line-height:1.3}.featured-preview{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:16px;padding:1.25rem;width:100%;max-width:320px;-webkit-animation:fadeInUp .8s ease-out .4s both;animation:fadeInUp .8s ease-out .4s both}.featured-preview__header{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:.8rem;font-weight:600;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border)}.featured-preview__header svg{color:#64ffda;color:var(--color-accent)}.featured-preview__list{display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.featured-preview__link{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:.8rem;color:#037fff;color:var(--color-primary);text-decoration:none;font-weight:500;transition:all .3s ease}.featured-preview__link svg{font-size:.7rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.featured-preview__link:hover{color:#64ffda;color:var(--color-accent)}.featured-preview__link:hover svg{-webkit-transform:translateX(5px);transform:translateX(5px)}.featured-item{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem}.featured-item__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.featured-item__info{display:flex;flex-direction:column;grid-gap:.1rem;gap:.1rem}.featured-item__name{font-size:.85rem;font-weight:600;color:#e6f1ff;color:var(--color-text-bright)}.featured-item__type{font-size:.7rem;color:#8892b0;color:var(--color-text-muted)}.tech-stack-bar{display:flex;align-items:center;grid-gap:2rem;gap:2rem;padding:1.25rem 2rem;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:16px;margin-top:2rem;position:relative;z-index:1;-webkit-animation:fadeInUp .8s ease-out .5s both;animation:fadeInUp .8s ease-out .5s both}@media screen and (max-width:900px){.tech-stack-bar{flex-direction:column;grid-gap:1rem;gap:1rem;text-align:center}}.tech-stack-label{font-size:.8rem;font-weight:600;color:#8892b0;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.tech-stack-icons{display:flex;align-items:center;grid-gap:1.5rem;gap:1.5rem;flex-wrap:wrap}@media screen and (max-width:900px){.tech-stack-icons{justify-content:center;grid-gap:1rem;gap:1rem}}.tech-stack-item{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;background:hsla(0,0%,100%,.02);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;font-size:.85rem;color:#ccd6f6;color:var(--color-text);transition:all .3s ease}.tech-stack-item svg{font-size:1.1rem}.tech-stack-item span{font-weight:500}.tech-stack-item:hover{border-color:#037fff;border-color:var(--color-primary);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}@media screen and (max-width:600px){.tech-stack-item{padding:.4rem .75rem;font-size:.8rem}}.scroll-indicator{position:fixed;bottom:2rem;left:66%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;grid-gap:.5rem;gap:.5rem;z-index:5;-webkit-animation:fadeInUp .8s ease-out .6s both;animation:fadeInUp .8s ease-out .6s both}@media screen and (max-width:1000px){.scroll-indicator{left:50%}}@media screen and (max-width:600px){.scroll-indicator{display:none}}.scroll-line{width:1px;height:40px;background:linear-gradient(180deg,#037fff,transparent);background:linear-gradient(180deg,var(--color-primary),transparent);-webkit-animation:scrollPulse 2s ease-in-out infinite;animation:scrollPulse 2s ease-in-out infinite}@-webkit-keyframes scrollPulse{0%,to{opacity:1;height:40px}50%{opacity:.5;height:30px}}@keyframes scrollPulse{0%,to{opacity:1;height:40px}50%{opacity:.5;height:30px}}.scroll-text{font-size:.65rem;color:#8892b0;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:2px;font-weight:500}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(100,255,218,.5)}50%{opacity:.7;box-shadow:0 0 0 8px rgba(100,255,218,0)}}@media screen and (max-width:900px){.hero-bg .orb-1{width:300px;height:300px}.hero-bg .orb-2{width:250px;height:250px}.hero-bg .orb-3{width:200px;height:200px}}@media screen and (max-width:700px){.HomePage{min-height:calc(100vh - 6rem)}.hero-badge{margin-bottom:1.5rem;font-size:.8rem}.hero-greeting{font-size:1rem}.hero-name{margin-bottom:.75rem}.hero-title{font-size:1.2rem}.hero-description{font-size:.95rem}.hero-actions,.hero-description,.hero-metrics{margin-bottom:1.5rem}.profile-image{width:200px;height:200px}.featured-preview{max-width:100%}}@media screen and (max-width:480px){.hero-greeting{font-size:.9rem}.hero-title{flex-direction:column;grid-gap:.25rem;gap:.25rem}.metric-value{font-size:1.1rem}.metric-label{font-size:.65rem}}@media screen and (max-width:360px){.hero-badge{font-size:.75rem;padding:.4rem 1rem}.btn-primary,.btn-secondary,.btn-tertiary{font-size:.9rem;padding:.8rem 1.25rem}}.NavBar{height:100vh}.NavBar .nav{height:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.NavBar .nav .profile{width:100%;text-align:center;padding:2rem 1.5rem 1.5rem;border-bottom:1px solid #1e1e2e;border-bottom:1px solid var(--color-border)}.NavBar .nav .profile img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:3px solid transparent;background-image:linear-gradient(#0f0f17,#0f0f17),linear-gradient(135deg,#037fff,#6c63ff,#64ffda);background-image:linear-gradient(var(--color-bg-sidebar),var(--color-bg-sidebar)),linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-accent));background-origin:border-box;background-clip:content-box,border-box;margin-bottom:.75rem;transition:box-shadow .4s ease,-webkit-transform .4s ease;transition:transform .4s ease,box-shadow .4s ease;transition:transform .4s ease,box-shadow .4s ease,-webkit-transform .4s ease}.NavBar .nav .profile img:hover{-webkit-transform:scale(1.05);transform:scale(1.05);box-shadow:0 0 25px rgba(3,127,255,.2)}.NavBar .nav .profile .profile-name{font-size:1rem;font-weight:700;color:#e6f1ff;color:var(--color-text-bright);letter-spacing:.5px;margin-bottom:.2rem}.NavBar .nav .profile .profile-role{font-size:.75rem;color:#8892b0;color:var(--color-text-muted);letter-spacing:.5px}.NavBar .nav .nav-items{width:100%;flex:1 1;display:flex;flex-direction:column;justify-content:center;padding:1rem 0}.NavBar .nav .nav-items .nav-item{list-style:none}.NavBar .nav .nav-items .nav-item a{text-decoration:none;font-size:.9rem;font-weight:500;color:#8892b0;color:var(--color-text-muted);display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.8rem 1.5rem;position:relative;letter-spacing:.3px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.NavBar .nav .nav-items .nav-item a .nav-icon{font-size:.85rem;width:18px;opacity:.7;transition:opacity .3s ease}.NavBar .nav .nav-items .nav-item a:before{content:"";position:absolute;top:50%;left:0;width:3px;height:0;background:linear-gradient(180deg,#037fff,#6c63ff);background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:0 4px 4px 0;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:height .3s cubic-bezier(.645,.045,.355,1)}.NavBar .nav .nav-items .nav-item a:hover{color:#e6f1ff;color:var(--color-text-bright);background:rgba(3,127,255,.05)}.NavBar .nav .nav-items .nav-item a:hover .nav-icon{opacity:1}.NavBar .nav .nav-items .nav-item a:hover:before{height:55%}.NavBar .nav .nav-items .nav-item a.active-nav{color:#e6f1ff;color:var(--color-text-bright);background:rgba(3,127,255,.08)}.NavBar .nav .nav-items .nav-item a.active-nav .nav-icon{opacity:1;color:#037fff;color:var(--color-primary)}.NavBar .nav .nav-items .nav-item a.active-nav:before{height:55%}.NavBar .nav .footer{width:100%;border-top:1px solid #1e1e2e;border-top:1px solid var(--color-border)}.NavBar .nav .footer p{text-align:center;padding:1rem 0;font-size:.75rem;color:#8892b0;color:var(--color-text-muted);letter-spacing:.3px}.skills-container .skill-title{font-size:.95rem;font-weight:600;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.6rem}.skills-container .skill-bar{display:flex;align-items:center;grid-gap:1rem;gap:1rem}.skills-container .skill-bar .skill-text{font-size:.8rem;color:#037fff;color:var(--color-primary);font-weight:700;min-width:36px;text-align:right;-webkit-font-feature-settings:"tnum";font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.skills-container .skill-bar .skill-progress{width:100%}.skills-container .skill-bar .skill-progress .progress{width:100%;height:6px;background:rgba(3,127,255,.1);border-radius:4px;overflow:hidden;position:relative}.skills-container .skill-bar .skill-progress .progress .inner-pregress{position:absolute;height:100%;bottom:0;left:0;background:linear-gradient(90deg,#037fff,#6c63ff);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:4px;transition:width 1.2s cubic-bezier(.645,.045,.355,1)}.PortfolioPage .title{margin-bottom:2rem}.portfolio-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.25rem;gap:1.25rem;margin-bottom:3.5rem}@media screen and (max-width:700px){.portfolio-stats{grid-template-columns:1fr;grid-gap:1rem;gap:1rem}}.portfolio-stats .stat-card{display:flex;align-items:center;grid-gap:1rem;gap:1rem;padding:1.25rem 1.5rem;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;transition:all .3s cubic-bezier(.645,.045,.355,1)}.portfolio-stats .stat-card:hover{border-color:rgba(3,127,255,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 25px rgba(3,127,255,.08)}.portfolio-stats .stat-card:hover .stat-icon{background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-transform:scale(1.05);transform:scale(1.05)}.portfolio-stats .stat-card:hover .stat-icon svg{color:#fff}.portfolio-stats .stat-card .stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:rgba(3,127,255,.1);border-radius:10px;color:#037fff;color:var(--color-primary);font-size:1.1rem;transition:all .3s ease}.portfolio-stats .stat-card .stat-content{display:flex;flex-direction:column;grid-gap:.15rem;gap:.15rem}.portfolio-stats .stat-card .stat-content .stat-number{font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.portfolio-stats .stat-card .stat-content .stat-label{font-size:.8rem;color:#8892b0;color:var(--color-text-muted);font-weight:500}.featured-section{margin-bottom:3rem}.featured-section .section-header{margin-bottom:2rem}.featured-section .section-header .section-title{font-size:1.4rem;font-weight:700;color:#e6f1ff;color:var(--color-text-bright);display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;margin-bottom:.4rem}.featured-section .section-header .section-title .section-icon-wrap{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:10px;color:#fff;font-size:.9rem}.featured-section .section-header .section-subtitle{color:#8892b0;color:var(--color-text-muted);font-size:.95rem;margin-left:2.85rem}.featured-grid-new{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.75rem;gap:1.75rem}@media screen and (max-width:900px){.featured-grid-new{grid-template-columns:1fr}}.project-showcase{display:flex;flex-direction:column;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;-webkit-animation:fadeInUp .5s ease-out both;animation:fadeInUp .5s ease-out both;transition:all .4s cubic-bezier(.645,.045,.355,1)}.project-showcase:hover{border-color:rgba(3,127,255,.4);-webkit-transform:translateY(-6px);transform:translateY(-6px);box-shadow:0 20px 50px rgba(3,127,255,.15),0 10px 30px rgba(0,0,0,.2)}.project-showcase:hover .browser-mockup{-webkit-transform:scale(1.02);transform:scale(1.02)}.project-showcase:hover .browser-mockup__content .floating-shapes .shape{-webkit-animation-play-state:running;animation-play-state:running}.project-showcase:hover .mobile-device-badge{-webkit-transform:translateX(5px);transform:translateX(5px)}.project-showcase:hover .mobile-device-badge .phone-mockup{-webkit-transform:rotate(-3deg) scale(1.05);transform:rotate(-3deg) scale(1.05)}.project-showcase:hover .project-showcase__cta{color:#037fff;color:var(--color-primary)}.project-showcase:hover .project-showcase__cta .arrow-icon{-webkit-transform:translateX(5px);transform:translateX(5px)}@media screen and (min-width:900px){.project-showcase--hero{grid-column:span 2}.project-showcase--hero .project-showcase__preview{height:320px}.project-showcase--hero .browser-mockup__content .project-icon-display .project-emoji{font-size:4rem}}.project-showcase__preview{position:relative;height:240px;padding:1rem;background:linear-gradient(135deg,rgba(3,127,255,.03),rgba(108,99,255,.03))}@media screen and (max-width:600px){.project-showcase__preview{height:200px;padding:.75rem}}.browser-mockup{width:100%;height:100%;border-radius:10px;overflow:hidden;background:#1a1a24;box-shadow:0 4px 20px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.05);transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}.browser-mockup__header{display:flex;align-items:center;grid-gap:.75rem;gap:.75rem;padding:.6rem 1rem;background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.05)}.browser-mockup__header .browser-dots{display:flex;grid-gap:6px;gap:6px}.browser-mockup__header .browser-dots span{width:10px;height:10px;border-radius:50%}.browser-mockup__header .browser-url{flex:1 1;display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.35rem .75rem;background:hsla(0,0%,100%,.05);border-radius:6px;font-size:.72rem;color:#8892b0;color:var(--color-text-muted)}.browser-mockup__header .browser-url svg{font-size:.65rem;opacity:.7}.browser-mockup__content{position:relative;height:calc(100% - 38px);overflow:hidden;display:flex;align-items:center;justify-content:center}.floating-shapes{position:absolute;inset:0;overflow:hidden;pointer-events:none}.floating-shapes .shape{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);-webkit-animation:floatShape 6s ease-in-out infinite;animation:floatShape 6s ease-in-out infinite;-webkit-animation-play-state:paused;animation-play-state:paused}.floating-shapes .shape--1{width:100px;height:100px;top:-20px;right:-20px;-webkit-animation-delay:0s;animation-delay:0s}.floating-shapes .shape--2{width:60px;height:60px;bottom:20px;left:10%;-webkit-animation-delay:2s;animation-delay:2s}.floating-shapes .shape--3{width:40px;height:40px;top:40%;right:15%;-webkit-animation-delay:4s;animation-delay:4s}@-webkit-keyframes floatShape{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:.1}50%{-webkit-transform:translateY(-15px) rotate(180deg);transform:translateY(-15px) rotate(180deg);opacity:.2}}@keyframes floatShape{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg);opacity:.1}50%{-webkit-transform:translateY(-15px) rotate(180deg);transform:translateY(-15px) rotate(180deg);opacity:.2}}.project-icon-display{position:relative;z-index:2}.project-icon-display .project-emoji{font-size:3rem;-webkit-filter:drop-shadow(0 4px 20px rgba(0,0,0,.3));filter:drop-shadow(0 4px 20px rgba(0,0,0,.3))}@media screen and (max-width:600px){.project-icon-display .project-emoji{font-size:2.5rem}}.mock-ui{position:absolute;inset:0;padding:1rem;display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;opacity:.15}.mock-ui__nav{height:8px;background:hsla(0,0%,100%,.3);border-radius:4px;width:100%}.mock-ui__hero{display:flex;flex-direction:column;align-items:center;grid-gap:.5rem;gap:.5rem;padding:1rem 0}.mock-ui__title{height:12px;width:60%;background:hsla(0,0%,100%,.4);border-radius:6px}.mock-ui__subtitle{height:8px;width:40%;background:hsla(0,0%,100%,.25);border-radius:4px}.mock-ui__btn{height:20px;width:80px;background:hsla(0,0%,100%,.5);border-radius:10px;margin-top:.5rem}.mock-ui__cards{display:flex;grid-gap:.5rem;gap:.5rem;margin-top:auto}.mock-ui__card{flex:1 1;height:40px;background:hsla(0,0%,100%,.2);border-radius:6px}.mobile-device-badge{position:absolute;bottom:.75rem;right:.75rem;display:flex;flex-direction:column;align-items:center;grid-gap:.35rem;gap:.35rem}.mobile-device-badge,.mobile-device-badge .phone-mockup{transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.mobile-device-badge .phone-mockup{width:36px;height:70px;background:#1a1a24;border-radius:8px;padding:3px;box-shadow:0 4px 15px rgba(0,0,0,.4);position:relative}.mobile-device-badge .phone-mockup__notch{position:absolute;top:5px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:12px;height:3px;background:hsla(0,0%,100%,.1);border-radius:2px}.mobile-device-badge .phone-mockup__screen{width:100%;height:100%;border-radius:5px;display:flex;align-items:center;justify-content:center}.mobile-device-badge .phone-mockup__screen .phone-emoji{font-size:1rem}.mobile-device-badge .mobile-label{font-size:.6rem;font-weight:600;color:#8892b0;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.year-badge{position:absolute;top:1.5rem;left:1.5rem;padding:.3rem .7rem;font-size:.7rem;font-weight:700;color:#fff;border-radius:6px;box-shadow:0 2px 10px rgba(0,0,0,.3)}.project-showcase__info{padding:1.5rem;display:flex;flex-direction:column;grid-gap:.75rem;gap:.75rem;flex:1 1}@media screen and (max-width:600px){.project-showcase__info{padding:1.25rem}}.project-showcase__header{display:flex;flex-direction:column;grid-gap:.15rem;gap:.15rem}.project-showcase__title{font-size:1.25rem;font-weight:700;color:#e6f1ff;color:var(--color-text-bright);margin:0}.project-showcase__subtitle{font-size:.8rem;font-weight:500;color:#8892b0;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.project-showcase__description{font-size:.9rem;color:#ccd6f6;color:var(--color-text);line-height:1.6;margin:0}.project-showcase__tech{display:flex;flex-wrap:wrap;grid-gap:.4rem;gap:.4rem;margin-top:.25rem}.project-showcase__tech .tech-chip{font-size:.72rem;font-weight:500;padding:.25rem .6rem;background:transparent;border:1px solid;border-radius:20px;transition:all .2s ease}.project-showcase__cta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:.75rem;border-top:1px solid #1e1e2e;border-top:1px solid var(--color-border);color:#8892b0;color:var(--color-text-muted);transition:color .3s ease}.project-showcase__cta .view-project{display:flex;align-items:center;grid-gap:.5rem;gap:.5rem;font-size:.85rem;font-weight:600}.project-showcase__cta .view-project svg{font-size:.75rem}.project-showcase__cta .arrow-icon{font-size:.8rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.section-divider{display:flex;align-items:center;grid-gap:1.25rem;gap:1.25rem;margin:3rem 0}.section-divider .divider-line{flex:1 1;height:1px;background:linear-gradient(90deg,transparent,#1e1e2e,transparent);background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.section-divider .divider-text{display:flex;align-items:center;grid-gap:.6rem;gap:.6rem;font-size:.85rem;font-weight:600;color:#8892b0;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1.5px}.section-divider .divider-text svg{font-size:.9rem;color:#037fff;color:var(--color-primary)}.category-filter{display:flex;flex-wrap:wrap;grid-gap:.6rem;gap:.6rem;margin-bottom:2rem}.category-filter .filter-btn{display:inline-flex;align-items:center;grid-gap:.45rem;gap:.45rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.82rem;font-weight:500;color:#8892b0;color:var(--color-text-muted);background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .3s ease}.category-filter .filter-btn .filter-icon{font-size:.7rem;opacity:.5}.category-filter .filter-btn:hover{color:#e6f1ff;color:var(--color-text-bright);border-color:rgba(3,127,255,.3);background:rgba(3,127,255,.05)}.category-filter .filter-btn--active{color:#fff;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:transparent}.category-filter .filter-btn--active .filter-icon{opacity:1}.category-filter .filter-btn--active:hover{background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-transform:translateY(-1px);transform:translateY(-1px)}.portfolios-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}@media screen and (max-width:1100px){.portfolios-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.portfolios-grid{grid-template-columns:1fr}}.portfolio-card{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;overflow:hidden;-webkit-animation:fadeInUp .4s ease-out both;animation:fadeInUp .4s ease-out both;transition:all .35s cubic-bezier(.645,.045,.355,1)}.portfolio-card:hover{border-color:#037fff;border-color:var(--color-primary);-webkit-transform:translateY(-4px);transform:translateY(-4px);box-shadow:0 12px 30px rgba(3,127,255,.1)}.portfolio-card:hover .portfolio-card__image img{-webkit-transform:scale(1.08);transform:scale(1.08)}.portfolio-card:hover .portfolio-card__overlay{opacity:1}.portfolio-card:hover .portfolio-card__title{color:#037fff;color:var(--color-primary)}.portfolio-card__image{position:relative;height:180px;overflow:hidden;background:linear-gradient(135deg,#0a0a0f,#12121a);background:linear-gradient(135deg,var(--color-bg),var(--color-bg-surface))}.portfolio-card__image img{width:100%;height:100%;object-fit:cover;transition:-webkit-transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1);transition:transform .5s cubic-bezier(.645,.045,.355,1),-webkit-transform .5s cubic-bezier(.645,.045,.355,1)}.portfolio-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(3,127,255,.05),rgba(108,99,255,.05))}.portfolio-card__placeholder svg{font-size:2.5rem;color:#1e1e2e;color:var(--color-border)}.portfolio-card__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,15,.9) 0,transparent 60%);display:flex;align-items:flex-end;padding:1rem;opacity:0;transition:opacity .3s ease}.portfolio-card__category{font-size:.72rem;font-weight:600;padding:.3rem .7rem;background:#037fff;background:var(--color-primary);color:#fff;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.portfolio-card__info{padding:1.25rem}.portfolio-card__title{font-size:1.05rem;font-weight:600;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.4rem;transition:color .3s ease}.portfolio-card__description{font-size:.82rem;color:#8892b0;color:var(--color-text-muted);line-height:1.5;margin-bottom:.75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.portfolio-card__tech{display:flex;flex-wrap:wrap;grid-gap:.35rem;gap:.35rem;margin-bottom:.5rem}.portfolio-card__tech .tech-pill{font-size:.68rem;font-weight:500;padding:.2rem .5rem;background:rgba(3,127,255,.08);color:#8892b0;color:var(--color-text-muted);border-radius:4px}.mobile-badge-small{display:inline-flex;align-items:center;grid-gap:.3rem;gap:.3rem;font-size:.7rem;font-weight:500;color:#6c63ff;color:var(--color-secondary)}.mobile-badge-small svg{font-size:.65rem}.no-projects{grid-column:1/-1;text-align:center;padding:3rem;color:#8892b0;color:var(--color-text-muted)}.portfolio-cta{display:flex;align-items:center;justify-content:space-between;grid-gap:2rem;gap:2rem;margin-top:4rem;padding:2rem 2.5rem;background:linear-gradient(135deg,rgba(3,127,255,.08),rgba(108,99,255,.08));border:1px solid rgba(3,127,255,.15);border-radius:16px}@media screen and (max-width:700px){.portfolio-cta{flex-direction:column;text-align:center;padding:2rem 1.5rem}}.portfolio-cta .cta-content h3{font-size:1.3rem;font-weight:700;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.3rem}.portfolio-cta .cta-content p{font-size:.9rem;color:#8892b0;color:var(--color-text-muted)}.portfolio-cta .cta-button{display:inline-flex;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;color:#fff;text-decoration:none;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:10px;transition:all .3s ease;white-space:nowrap}.portfolio-cta .cta-button svg{font-size:.8rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.portfolio-cta .cta-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 8px 25px rgba(3,127,255,.25)}.portfolio-cta .cta-button:hover svg{-webkit-transform:translateX(4px);transform:translateX(4px)}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.buttons{display:flex;flex-wrap:wrap;grid-gap:.6rem;gap:.6rem;margin-bottom:2rem}.buttons .btn-port{padding:.55rem 1.1rem;font-family:inherit;font-size:.82rem;font-weight:500;color:#8892b0;color:var(--color-text-muted);background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:all .3s ease}.buttons .btn-port:hover{color:#e6f1ff;color:var(--color-text-bright);border-color:rgba(3,127,255,.3);background:rgba(3,127,255,.05)}.portfolis{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}@media screen and (max-width:1100px){.portfolis{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:600px){.portfolis{grid-template-columns:1fr}}.services-container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:1.5rem;gap:1.5rem;margin-top:3rem;margin-bottom:3rem}@media screen and (max-width:700px){.services-container{grid-template-columns:1fr}}.ServicesSection .service{background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:12px;padding:2rem;height:100%;transition:all .35s cubic-bezier(.645,.045,.355,1);position:relative;overflow:hidden}.ServicesSection .service:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#037fff,#6c63ff);background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));opacity:0;transition:opacity .35s ease}.ServicesSection .service:hover{border-color:rgba(3,127,255,.3);-webkit-transform:translateY(-5px);transform:translateY(-5px);box-shadow:0 12px 40px rgba(3,127,255,.08)}.ServicesSection .service:hover:before{opacity:1}.ServicesSection .service:hover .s-icon{-webkit-transform:scale(1.1);transform:scale(1.1);background:rgba(3,127,255,.15)}.ServicesSection .service .service-content .s-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;background:rgba(3,127,255,.08);margin-bottom:1.5rem;transition:all .35s ease}.ServicesSection .service .service-content .s-icon svg{font-size:1.4rem;color:#037fff;color:var(--color-primary)}.ServicesSection .service .service-content .s-img{width:48px;height:48px;margin-bottom:1.5rem;opacity:.9}.ServicesSection .service .service-content .s-title{font-size:1.2rem;font-weight:600;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.75rem}.ServicesSection .service .service-content .s-text{color:#8892b0;color:var(--color-text-muted);line-height:1.7;font-size:.95rem}.Title{margin-bottom:2rem}.Title,.Title h3{position:relative}.Title h3{font-size:1.75rem;color:#e6f1ff;color:var(--color-text-bright);font-weight:700;letter-spacing:.5px;text-transform:uppercase;display:inline-block;padding-bottom:.75rem}.Title h3:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:3px;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:2px}.Title h3 span{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:4rem;font-weight:800;opacity:.03;color:#e6f1ff;color:var(--color-text-bright);-webkit-text-fill-color:unset;background:none;pointer-events:none;white-space:nowrap;letter-spacing:2px}.ResumePage{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out}.resume-header{text-align:center;margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.5rem 1rem;margin-bottom:1.5rem;font-size:.85rem;color:#8892b0;color:var(--color-text-muted);text-decoration:none;border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:8px;transition:all .3s ease}.back-link:hover{color:#037fff;color:var(--color-primary);border-color:#037fff;border-color:var(--color-primary);-webkit-transform:translateX(-5px);transform:translateX(-5px)}.back-link svg{font-size:.75rem}.resume-title{font-size:clamp(2rem,4vw,3rem);font-weight:800;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.75rem;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resume-subtitle{font-size:1.05rem;color:#8892b0;color:var(--color-text-muted);max-width:500px;margin:0 auto}.resume-actions{display:flex;align-items:center;justify-content:center;grid-gap:1rem;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.resume-btn{display:inline-flex;align-items:center;grid-gap:.6rem;gap:.6rem;padding:.85rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .35s cubic-bezier(.645,.045,.355,1)}.resume-btn svg{font-size:.9rem}.resume-btn--primary{background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;position:relative;overflow:hidden}.resume-btn--primary:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.15),transparent);transition:left .5s ease}.resume-btn--primary:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);box-shadow:0 15px 40px rgba(3,127,255,.3)}.resume-btn--primary:hover:after{left:100%}.resume-btn--secondary{background:transparent;color:#e6f1ff;color:var(--color-text-bright);border:1px solid #1e1e2e;border:1px solid var(--color-border)}.resume-btn--secondary:hover{border-color:#037fff;border-color:var(--color-primary);color:#037fff;color:var(--color-primary);background:rgba(3,127,255,.06);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.resume-viewer{margin-bottom:2rem}.resume-frame{position:relative;width:100%;height:70vh;min-height:500px;max-height:800px;background:#12121a;background:var(--color-bg-surface);border:1px solid #1e1e2e;border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.2)}.resume-frame iframe{width:100%;height:100%;border:none;background:#fff}@media screen and (max-width:700px){.resume-frame{height:60vh;min-height:400px}}.resume-info{display:flex;justify-content:center}.info-card{max-width:500px;padding:2rem;background:linear-gradient(135deg,rgba(3,127,255,.08),rgba(108,99,255,.08));border:1px solid rgba(3,127,255,.2);border-radius:16px;text-align:center}.info-card h3{font-size:1.25rem;font-weight:700;color:#e6f1ff;color:var(--color-text-bright);margin-bottom:.75rem}.info-card p{font-size:.95rem;color:#8892b0;color:var(--color-text-muted);line-height:1.7;margin-bottom:1.5rem}.info-card__link{display:inline-flex;align-items:center;grid-gap:.5rem;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#037fff,#6c63ff);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;text-decoration:none;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s ease}.info-card__link svg{font-size:.75rem;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.info-card__link:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);box-shadow:0 10px 30px rgba(3,127,255,.3)}.info-card__link:hover svg{-webkit-transform:translateX(3px);transform:translateX(3px)}:root{--color-primary:#037fff;--color-secondary:#6c63ff;--color-bg:#0a0a0f;--color-bg-surface:#12121a;--color-bg-sidebar:#0f0f17;--color-border:#1e1e2e;--color-text:#ccd6f6;--color-text-muted:#8892b0;--color-text-bright:#e6f1ff;--color-accent:#64ffda;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif}*{padding:0;margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#037fff,#6c63ff);background:linear-gradient(180deg,var(--color-primary),var(--color-secondary));border-radius:50px}body::-webkit-scrollbar-track{background-color:#0a0a0f;background-color:var(--color-bg)}body{color:#ccd6f6;color:var(--color-text);font-family:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-sans);font-size:1.05rem;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}span{color:#037fff;color:var(--color-primary)}a{transition:all .3s cubic-bezier(.645,.045,.355,1)}@media screen and (max-width:700px){html{font-size:90%}}@media screen and (max-width:411px){html{font-size:80%}}@media screen and (max-width:480px){h2,h3{font-size:80%}}
/*# sourceMappingURL=main.de26b491.chunk.css.map */