@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";
:root{--bg-primary:#fff;--bg-secondary:#f7f8fc;--bg-tertiary:#eef0f8;--bg-card:#ffffffd9;--bg-glass:#fff9;--bg-glass-hover:#ffffffe6;--accent-primary:#5a4fcf;--accent-secondary:#0ea5e9;--accent-tertiary:#e8567a;--accent-warm:#f59e42;--accent-gradient:linear-gradient(135deg,#5a4fcf 0%,#0ea5e9 100%);--accent-gradient-warm:linear-gradient(135deg,#e8567a 0%,#f59e42 100%);--accent-gradient-text:linear-gradient(135deg,#5a4fcf,#0ea5e9);--accent-glow:0 8px 32px #5a4fcf2e;--accent-glow-lg:0 16px 60px #5a4fcf24;--text-primary:#12131a;--text-secondary:#4b4f6a;--text-muted:#8b90b0;--border-color:#5a4fcf14;--border-hover:#5a4fcf40;--shadow-sm:0 2px 12px #5a4fcf12;--shadow-md:0 6px 30px #5a4fcf1a;--shadow-lg:0 16px 60px #5a4fcf1f;--font-heading:"Space Grotesk",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--container-max:1160px;--transition-fast:.2s cubic-bezier(.4,0,.2,1);--transition-medium:.4s cubic-bezier(.4,0,.2,1);--transition-slow:.7s cubic-bezier(.4,0,.2,1);--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:32px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.7;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-primary);border-radius:3px}::selection{color:var(--text-primary);background:#5a4fcf26}#three-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.main-content{z-index:1;position:relative}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}.page-section{padding:100px 0;position:relative}.navbar{z-index:100;width:100%;transition:var(--transition-medium);padding:.9rem 2rem;position:fixed;top:0;left:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#ffffffe0}.navbar-inner{max-width:var(--container-max);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-heading);background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;text-decoration:none}.nav-links{align-items:center;gap:.25rem;list-style:none;display:flex}.nav-links a{color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition-fast);padding:.45rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav-links a.active{color:var(--accent-primary);background:#5a4fcf14;font-weight:600}.nav-menu-btn{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;gap:5px;padding:5px;display:none}.nav-menu-btn span{background:var(--text-primary);width:22px;height:2px;transition:var(--transition-fast);border-radius:2px}.gradient-text{background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-medium);font-size:.9rem;font-weight:600;font-family:var(--font-body);border:none;align-items:center;gap:.5rem;padding:.8rem 2rem;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 20px #5a4fcf4d}.btn-primary:before{content:"";width:100%;height:100%;transition:var(--transition-slow);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #5a4fcf66}.btn-outline{color:var(--accent-primary);background:0 0;border:2px solid #5a4fcf40}.btn-outline:hover{border-color:var(--accent-primary);background:#5a4fcf0f;transform:translateY(-2px)}.btn-ghost{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary)}.section-header{margin-bottom:3.5rem}.section-header.center{text-align:center}.section-tag{font-family:var(--font-mono);color:var(--accent-primary);letter-spacing:3px;text-transform:uppercase;margin-bottom:.75rem;font-size:.78rem;font-weight:500;display:block}.section-title{font-family:var(--font-heading);letter-spacing:-1px;color:var(--text-primary);margin-bottom:.75rem;font-size:clamp(1.9rem,3.5vw,2.7rem);font-weight:800}.section-subtitle{color:var(--text-muted);max-width:520px;font-size:1rem;line-height:1.75}.section-header.center .section-subtitle{margin:0 auto}.section-line{background:var(--accent-gradient);border-radius:2px;width:44px;height:3px;margin-top:1.25rem}.section-header.center .section-line{margin:1.25rem auto 0}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-medium);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2rem;position:relative;overflow:hidden}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-accent-top:before{content:"";background:var(--accent-gradient);transform-origin:0;height:2px;transition:var(--transition-medium);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.card-accent-top:hover:before{transform:scaleX(1)}.card-accent-left:before{content:"";background:var(--accent-gradient);width:3px;height:100%;position:absolute;top:0;left:0}.hero{background:linear-gradient(160deg,#f7f8fc 0%,#fff 40%,#edf2ff 100%);align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:5rem;min-height:85vh;display:grid}.hero-badge{border-radius:var(--radius-xl);color:var(--accent-primary);font-size:.8rem;font-weight:600;font-family:var(--font-mono);background:#5a4fcf12;border:1px solid #5a4fcf26;align-items:center;gap:.6rem;margin-bottom:1.5rem;padding:.45rem 1.1rem;display:inline-flex}.hero-badge .dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.6;box-shadow:0 0 0 6px #22c55e00}}.hero-name{font-family:var(--font-heading);letter-spacing:-2px;color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2.8rem,5.5vw,4.6rem);font-weight:800;line-height:1.08}.hero-title{color:var(--text-secondary);margin-bottom:1.2rem;font-size:1.2rem;font-weight:400}.hero-desc{color:var(--text-muted);max-width:460px;margin-bottom:2.2rem;font-size:.95rem;line-height:1.85}.hero-stats{gap:2.5rem;margin-bottom:2.5rem;display:flex}.hero-stat-value{font-family:var(--font-heading);background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;display:block}.hero-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.74rem}.hero-cta{flex-wrap:wrap;gap:1rem;display:flex}.hero-visual{justify-content:center;align-items:center;min-height:500px;display:flex;position:relative}.hero-avatar-container{width:380px;height:420px;position:relative}.hero-avatar-shape{background:linear-gradient(145deg,#f0f0ff,#e8eeff,#dde8ff);border:1px solid #5a4fcf1f;border-radius:38% 62% 62% 38%/38% 38% 62% 62%;justify-content:center;align-items:center;width:100%;height:100%;animation:9s ease-in-out infinite morphShape;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 80px #5a4fcf26}@keyframes morphShape{0%,to{border-radius:38% 62% 62% 38%/38% 38% 62% 62%}25%{border-radius:58% 42% 75% 25%/76% 46% 54% 24%}50%{border-radius:50% 50% 33% 67%/55% 27% 73% 45%}75%{border-radius:33% 67% 58% 42%/63% 68% 32% 37%}}.hero-avatar-inner{z-index:1;flex-direction:column;align-items:center;gap:.5rem;display:flex}.hero-avatar-initials{font-family:var(--font-heading);background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:7rem;font-weight:900;line-height:1}.hero-avatar-tagline{font-family:var(--font-mono);color:var(--accent-primary);letter-spacing:3px;text-transform:uppercase;opacity:.6;font-size:.72rem}.hero-orbit{border:1px dashed #5a4fcf26;border-radius:50%;animation:22s linear infinite spin;position:absolute}.hero-orbit-1{width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-orbit-2{width:580px;height:580px;animation-duration:32s;animation-direction:reverse;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-dot{border-radius:50%;width:10px;height:10px;position:absolute}.orbit-dot-1{background:var(--accent-primary);top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 14px #5a4fcf80}.orbit-dot-2{background:var(--accent-secondary);bottom:0;right:0;transform:translate(50%,50%);box-shadow:0 0 14px #0ea5e980}.orbit-dot-3{background:var(--accent-tertiary);top:50%;right:0;transform:translate(50%,-50%);box-shadow:0 0 14px #e8567a80}@keyframes spin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.hero-float-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-md);z-index:3;box-shadow:var(--shadow-md);border:1px solid #5a4fcf1a;padding:.85rem 1.25rem;font-size:.82rem;animation:6s ease-in-out infinite float;position:absolute}.hero-float-card.top-right{top:10px;right:-50px}.hero-float-card.bottom-left{animation-delay:-3s;bottom:30px;left:-55px}.hero-float-card.top-left{animation-delay:-1.5s;top:40px;left:-55px}.hero-float-card .float-icon{margin-bottom:.2rem;font-size:1.4rem;display:block}.hero-float-card .float-label{color:var(--text-primary);font-size:.85rem;font-weight:700}.hero-float-card .float-sub{color:var(--text-muted);font-size:.72rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.ticker-section{background:var(--bg-secondary);border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:1.4rem 0;overflow:hidden}.ticker-track{gap:3rem;width:max-content;animation:28s linear infinite ticker;display:flex}.ticker-track:hover{animation-play-state:paused}.ticker-item{color:var(--text-muted);white-space:nowrap;transition:color var(--transition-fast);align-items:center;gap:.6rem;font-size:.9rem;font-weight:600;display:flex}.ticker-item:hover{color:var(--accent-primary)}.ticker-item span{font-size:1.3rem}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}.highlights-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.highlight-card{text-align:center;cursor:pointer;color:inherit;background:var(--bg-card);padding:2.5rem 2rem;text-decoration:none}.highlight-icon{border-radius:var(--radius-md);width:64px;height:64px;transition:var(--transition-medium);justify-content:center;align-items:center;margin:0 auto 1.25rem;font-size:1.6rem;display:flex}.highlight-icon-1{background:#5a4fcf14}.highlight-icon-2{background:#0ea5e914}.highlight-icon-3{background:#e8567a14}.highlight-card:hover .highlight-icon{transform:scale(1.12)rotate(6deg)}.highlight-title{font-family:var(--font-heading);color:var(--text-primary);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.highlight-desc{color:var(--text-muted);font-size:.85rem;line-height:1.65}.highlight-link{color:var(--accent-primary);transition:var(--transition-fast);align-items:center;gap:.3rem;margin-top:1rem;font-size:.82rem;font-weight:600;display:inline-flex}.highlight-card:hover .highlight-link{gap:.6rem}.github-section{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:linear-gradient(160deg,#f7f8fc 0%,#edf2ff 100%)}.github-profile-header{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex}.github-avatar{background:var(--accent-gradient);color:#fff;width:80px;height:80px;font-size:2rem;font-weight:900;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.github-avatar img{object-fit:cover;width:100%;height:100%}.github-profile-name{font-family:var(--font-heading);margin-bottom:.2rem;font-size:1.3rem;font-weight:700}.github-profile-handle{color:var(--accent-primary);font-family:var(--font-mono);margin-bottom:.75rem;font-size:.875rem}.github-meta-row{flex-wrap:wrap;gap:1.5rem;display:flex}.github-meta-item{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.github-stats-row{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2.5rem;display:grid}.github-stat-card{text-align:center;padding:1.5rem 1rem}.github-stat-num{font-family:var(--font-heading);background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:2rem;font-weight:800;display:block}.github-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.78rem}.repos-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;display:grid}.repo-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition-medium);color:inherit;flex-direction:column;gap:.75rem;padding:1.5rem;text-decoration:none;display:flex}.repo-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-3px)}.repo-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.repo-name{font-family:var(--font-heading);color:var(--accent-primary);font-size:.95rem;font-weight:700}.repo-visibility{border-radius:var(--radius-xl);color:var(--accent-primary);white-space:nowrap;background:#5a4fcf14;border:1px solid #5a4fcf26;padding:.2rem .6rem;font-size:.68rem}.repo-desc{color:var(--text-muted);flex:1;font-size:.83rem;line-height:1.6}.repo-footer{color:var(--text-muted);align-items:center;gap:1.2rem;font-size:.78rem;display:flex}.repo-footer .repo-stat{align-items:center;gap:.3rem;display:flex}.repo-lang-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.github-loading{color:var(--text-muted);font-family:var(--font-mono);justify-content:center;align-items:center;gap:.75rem;padding:3rem;font-size:.875rem;display:flex}.github-loading .spinner{border:2px solid var(--border-color);border-top-color:var(--accent-primary);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin-load}@keyframes spin-load{to{transform:rotate(360deg)}}.github-error{text-align:center;color:var(--text-muted);padding:3rem}.featured-projects{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.project-card-visual{border-radius:var(--radius-lg)var(--radius-lg)0 0;justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.project-pattern{opacity:.6;position:absolute;inset:0}.pattern-dots{background-image:radial-gradient(#5a4fcf1f 1.5px,#0000 1.5px);background-size:20px 20px}.pattern-lines{background-image:repeating-linear-gradient(45deg,#5a4fcf0f 0 1px,#0000 1px 14px)}.pattern-grid{background-image:linear-gradient(#5a4fcf0f 1px,#0000 1px),linear-gradient(90deg,#5a4fcf0f 1px,#0000 1px);background-size:28px 28px}.pattern-waves{background-image:repeating-linear-gradient(0deg,#5a4fcf0d 0,#0000 2px 18px)}.project-visual-icon{z-index:1;font-size:3.5rem}.project-visual-gradient{z-index:0;position:absolute;inset:0}.pg-1{background:linear-gradient(135deg,#f0f0ff,#e0e7ff)}.pg-2{background:linear-gradient(135deg,#fff0f5,#ffe0ec)}.pg-3{background:linear-gradient(135deg,#f0faff,#e0f2ff)}.pg-4{background:linear-gradient(135deg,#f5f0ff,#ede0ff)}.featured-project{color:inherit;border-radius:var(--radius-lg);padding:0;text-decoration:none;overflow:hidden}.project-card-body{padding:1.75rem}.project-card-title{font-family:var(--font-heading);margin-bottom:.35rem;font-size:1.2rem;font-weight:700}.project-card-subtitle{color:var(--accent-secondary);margin-bottom:.75rem;font-size:.8rem}.project-card-desc{color:var(--text-muted);margin-bottom:1rem;font-size:.85rem;line-height:1.7}.tech-tags{flex-wrap:wrap;gap:.4rem;display:flex}.tech-tag{border-radius:var(--radius-xl);color:var(--accent-primary);font-size:.72rem;font-family:var(--font-mono);background:#5a4fcf12;border:1px solid #5a4fcf1f;padding:.22rem .65rem}.parallax-section{position:relative;overflow:hidden}.parallax-bg-layer{will-change:transform;z-index:0;position:absolute;inset:-20%}.parallax-content{z-index:1;position:relative}.services-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.service-card{text-align:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-medium);padding:2.5rem 2rem}.service-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-6px)}.service-icon{background:linear-gradient(145deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);width:70px;height:70px;transition:var(--transition-medium);box-shadow:var(--shadow-sm);border-radius:20px;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.8rem;display:flex}.service-card:hover .service-icon{box-shadow:var(--shadow-md);transform:scale(1.1)rotate(6deg)}.service-title{font-family:var(--font-heading);margin-bottom:.75rem;font-size:1.1rem;font-weight:700}.service-desc{color:var(--text-muted);font-size:.875rem;line-height:1.7}.about-hero-grid{grid-template-columns:360px 1fr;align-items:start;gap:4rem;display:grid}.about-visual{position:sticky;top:120px}.about-avatar-frame{aspect-ratio:5/6;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);background:linear-gradient(145deg,#f0f0ff,#e0e8ff);border:1px solid #5a4fcf1a;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.about-avatar-letters{font-family:var(--font-heading);background:var(--accent-gradient);-webkit-text-fill-color:transparent;z-index:1;-webkit-background-clip:text;background-clip:text;font-size:7rem;font-weight:900}.about-avatar-glow{background:var(--accent-primary);opacity:.06;filter:blur(60px);border-radius:50%;width:200px;height:200px;position:absolute}.about-stats-row{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1.5rem;display:grid}.about-stat-card{text-align:center;padding:1.25rem .5rem}.about-stat-num{font-family:var(--font-heading);background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:800;display:block}.about-stat-text{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.about-content h2{font-family:var(--font-heading);margin-top:2.5rem;margin-bottom:.9rem;font-size:1.5rem;font-weight:700}.about-content h2:first-child{margin-top:0}.about-content p{color:var(--text-secondary);margin-bottom:1rem;font-size:.95rem;line-height:1.85}.about-info-grid{grid-template-columns:1fr 1fr;gap:.9rem;margin-top:1.5rem;display:grid}.about-info-card{padding:1.1rem}.about-info-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:.3rem;font-size:.68rem}.about-info-value{font-size:.88rem;font-weight:600}.exp-timeline{padding-left:3rem;position:relative}.exp-timeline:before{content:"";background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary),transparent);opacity:.2;width:2px;position:absolute;top:0;bottom:0;left:8px}.exp-timeline-item{margin-bottom:3rem;position:relative}.exp-timeline-dot{border:3px solid var(--accent-primary);z-index:2;background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:2rem;left:-3rem;transform:translate(-1px);box-shadow:0 0 0 4px #5a4fcf14}.exp-card{padding:2.5rem}.exp-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.exp-company{font-family:var(--font-heading);font-size:1.5rem;font-weight:700}.exp-role{color:var(--accent-secondary);margin-top:.2rem;font-size:1rem;font-weight:500}.exp-period{border-radius:var(--radius-xl);color:var(--accent-primary);font-size:.8rem;font-weight:500;font-family:var(--font-mono);white-space:nowrap;background:#5a4fcf12;border:1px solid #5a4fcf21;padding:.35rem 1rem}.exp-details{gap:.65rem;display:grid}.exp-detail{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.9rem;line-height:1.7;display:flex}.exp-detail .bullet{background:var(--accent-primary);border-radius:50%;width:5px;min-width:5px;height:5px;margin-top:.65rem}.exp-achievements{border-top:1px solid var(--border-color);margin-top:2rem;padding-top:2rem}.exp-achievements-title{font-family:var(--font-heading);color:var(--accent-warm);margin-bottom:1.2rem;font-size:1rem;font-weight:600}.achievement-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.achievement-card{padding:1.3rem}.achievement-num{font-size:1.8rem;font-weight:800;font-family:var(--font-heading);background:var(--accent-gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.3rem;display:block}.achievement-text{color:var(--text-muted);font-size:.82rem;line-height:1.6}.skills-categories{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.skill-card{padding:2rem}.skill-card-icon{border-radius:var(--radius-sm);background:#5a4fcf12;border:1px solid #5a4fcf17;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:1rem;font-size:1.4rem;display:flex}.skill-card-title{font-family:var(--font-heading);margin-bottom:1rem;font-size:1.05rem;font-weight:700}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{border-radius:var(--radius-xl);color:var(--text-secondary);transition:var(--transition-fast);cursor:default;background:#5a4fcf0f;border:1px solid #5a4fcf1a;padding:.32rem .85rem;font-size:.8rem}.skill-tag:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#5a4fcf1f;transform:translateY(-2px)}.skill-bar-group{margin-top:3rem}.skill-bar-item{margin-bottom:1.5rem}.skill-bar-header{justify-content:space-between;margin-bottom:.5rem;display:flex}.skill-bar-name{font-size:.87rem;font-weight:600}.skill-bar-level{color:var(--accent-primary);font-size:.8rem;font-family:var(--font-mono)}.skill-bar-track{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.skill-bar-fill{background:var(--accent-gradient);border-radius:3px;width:0;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.skill-bar-fill.animated{width:var(--fill-width)}.projects-list{flex-direction:column;gap:3rem;display:flex}.project-showcase{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:var(--transition-medium);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr;gap:0;display:grid;overflow:hidden}.project-showcase:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-showcase:nth-child(2n){direction:rtl}.project-showcase:nth-child(2n)>*{direction:ltr}.project-showcase-visual{justify-content:center;align-items:center;min-height:360px;display:flex;position:relative;overflow:hidden}.project-showcase-content{flex-direction:column;justify-content:center;padding:2.75rem;display:flex}.project-year{font-family:var(--font-mono);color:var(--accent-primary);letter-spacing:2px;margin-bottom:.5rem;font-size:.75rem}.project-name{font-family:var(--font-heading);margin-bottom:.25rem;font-size:1.6rem;font-weight:800}.project-type{color:var(--accent-secondary);margin-bottom:.9rem;font-size:.85rem}.project-desc{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem;line-height:1.8}.project-features-list{margin-bottom:1.5rem;padding:0;list-style:none}.project-feature-item{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.83rem;display:flex}.feature-check{color:var(--accent-primary);font-weight:700}.edu-cards{flex-direction:column;gap:2rem;display:flex}.edu-card{grid-template-columns:190px 1fr;align-items:start;gap:2rem;padding:2.5rem;display:grid}.edu-year{font-family:var(--font-mono);color:var(--accent-primary);border-radius:var(--radius-sm);text-align:center;background:#5a4fcf0f;border:1px solid #5a4fcf1a;padding:.5rem 1rem;font-size:.8rem}.edu-degree{font-family:var(--font-heading);margin-bottom:.3rem;font-size:1.25rem;font-weight:700}.edu-school{color:var(--accent-secondary);margin-bottom:.75rem;font-size:.9rem}.edu-desc{color:var(--text-muted);font-size:.85rem;line-height:1.7}.cert-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:2rem;display:grid}.cert-card{align-items:center;gap:1rem;padding:1.5rem;display:flex}.cert-icon{flex-shrink:0;font-size:2rem}.cert-name{font-family:var(--font-heading);font-size:.95rem;font-weight:600}.contact-layout{grid-template-columns:1fr 1.2fr;gap:4rem;display:grid}.contact-info h2{font-family:var(--font-heading);margin-bottom:.75rem;font-size:1.8rem}.contact-info-desc{color:var(--text-secondary);margin-bottom:2rem;line-height:1.8}.contact-items{flex-direction:column;gap:.75rem;display:flex}.contact-item{color:inherit;border-radius:var(--radius-md);transition:var(--transition-medium);background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:1rem 1.25rem;text-decoration:none;display:flex}.contact-item:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);background:#fff;transform:translate(4px)}.contact-item-icon{border-radius:var(--radius-sm);background:#5a4fcf12;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.3rem;display:flex}.contact-item-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.68rem}.contact-item-value{font-size:.9rem;font-weight:500}.contact-form{flex-direction:column;gap:1rem;display:flex}.contact-form-card{padding:2.5rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-input,.form-textarea{background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-fast);outline:none;padding:.9rem 1.2rem;font-size:.9rem}.form-input:focus,.form-textarea:focus{border-color:var(--accent-primary);background:#fff;box-shadow:0 0 0 4px #5a4fcf12}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:140px}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:3.5rem 2rem 2rem}.footer-inner{max-width:var(--container-max);margin:0 auto}.footer-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:3rem;display:flex}.footer-brand{flex-shrink:0;align-items:center;gap:1rem;display:flex}.footer-logo{width:44px;height:44px;font-family:var(--font-heading);color:#fff;background:linear-gradient(135deg,#5a4fcf,#0ea5e9);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.footer-name{font-family:var(--font-heading);color:var(--text-primary);font-size:.95rem;font-weight:700}.footer-tagline{color:var(--text-muted);margin-top:.15rem;font-size:.75rem}.footer-nav{flex-wrap:wrap;gap:3rem;display:flex}.footer-nav-col{flex-direction:column;gap:.55rem;display:flex}.footer-nav-heading{letter-spacing:1.2px;text-transform:uppercase;color:var(--text-muted);margin-bottom:.2rem;font-size:.7rem;font-weight:700}.footer-nav-link{color:var(--text-secondary);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-nav-link:hover{color:var(--accent-primary)}.footer-divider{background:var(--border-color);height:1px;margin-bottom:1.75rem}.footer-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-copy{color:var(--text-muted);font-size:.78rem}.footer-socials{gap:.6rem;display:flex}.footer-social-link{background:var(--bg-card);border:1px solid var(--border-color);width:34px;height:34px;color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s;display:flex}.footer-social-link:hover{border-color:var(--accent-primary);color:var(--accent-primary);background:#5a4fcf12;transform:translateY(-2px)}.footer-made{color:var(--text-muted);font-size:.78rem}.cursor-ripple{pointer-events:none;z-index:9999;background:radial-gradient(circle,#5a4fcf59 0%,#0000 70%);border-radius:50%;width:12px;height:12px;transition:width .15s,height .15s;position:fixed;transform:translate(-50%,-50%)}.reveal{opacity:0;transform:translateY(28px)}.reveal.revealed{opacity:1;transition:opacity .65s ease-out,transform .65s ease-out;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px)}.reveal-left.revealed{opacity:1;transition:opacity .65s ease-out,transform .65s ease-out;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px)}.reveal-right.revealed{opacity:1;transition:opacity .65s ease-out,transform .65s ease-out;transform:translate(0)}.back-link{color:var(--text-muted);transition:var(--transition-fast);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--accent-primary)}.page-enter{animation:.5s ease-out forwards pageIn}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-bg-shape{filter:blur(80px);opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.hero-bg-shape-1{background:var(--accent-primary);width:500px;height:500px;top:-100px;right:-100px}.hero-bg-shape-2{background:var(--accent-secondary);width:350px;height:350px;bottom:0;right:200px}.hero-bg-shape-3{background:var(--accent-tertiary);width:280px;height:280px;top:40%;left:-50px}@media (max-width:968px){.hero-grid{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-desc{margin:0 auto 2rem}.hero-stats,.hero-cta{justify-content:center}.hero-visual{order:-1}.hero-avatar-container{width:280px;height:320px}.hero-float-card{display:none}.about-hero-grid{grid-template-columns:1fr}.about-visual{max-width:340px;margin:0 auto;position:static}.contact-layout,.featured-projects,.highlights-grid,.services-grid,.achievement-grid,.project-showcase{grid-template-columns:1fr}.project-showcase:nth-child(2n){direction:ltr}.project-showcase-visual{min-height:240px}.edu-card{grid-template-columns:1fr}.github-stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:99;background:#fffffff7;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;width:100%;height:100vh;display:none;position:fixed;top:0;left:0}.nav-links.active{display:flex}.nav-links a{font-size:1.2rem}.nav-menu-btn{display:flex}.footer-top{flex-direction:column;gap:2rem}.footer-nav{gap:2rem}.footer-bottom{text-align:center;flex-direction:column;gap:.75rem}.footer-socials{justify-content:center}.form-row{grid-template-columns:1fr}.hero-orbit{display:none}}@media (max-width:480px){.container{padding:0 1rem}.hero-stats{flex-direction:column;align-items:center;gap:1rem}.skills-categories,.about-info-grid{grid-template-columns:1fr}.github-stats-row{grid-template-columns:1fr 1fr}}
