:root{--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--bg: #070b14;--bg-secondary: #0b1120;--bg-tertiary: #10192d;--surface: rgba(15, 23, 42, .72);--surface-elevated: rgba(22, 33, 59, .85);--surface-card: rgba(16, 25, 46, .65);--surface-hover: rgba(30, 45, 80, .75);--accent-cyan: #38bdf8;--accent-blue: #3b82f6;--accent-indigo: #6366f1;--accent-purple: #a855f7;--accent-emerald: #10b981;--grad-primary: linear-gradient(135deg, #38bdf8 0%, #6366f1 100%);--grad-text: linear-gradient(135deg, #ffffff 10%, #93c5fd 60%, #38bdf8 100%);--grad-surface: linear-gradient(180deg, rgba(255, 255, 255, .05) 0%, rgba(255, 255, 255, .01) 100%);--grad-glow: radial-gradient(circle at center, rgba(56, 189, 248, .15) 0%, transparent 70%);--text-main: #f8fafc;--text-muted: #94a3b8;--text-faint: #64748b;--text-inverse: #030712;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .14);--border-accent: rgba(56, 189, 248, .35);--shadow-sm: 0 4px 12px rgba(0, 0, 0, .25);--shadow-md: 0 10px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5);--shadow-glow: 0 0 35px rgba(56, 189, 248, .2);--max-width: 1200px;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-full: 9999px;--header-height: 72px;--trans-fast: .18s cubic-bezier(.16, 1, .3, 1);--trans-normal: .28s cubic-bezier(.16, 1, .3, 1);--trans-slow: .5s cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 1.25rem)}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-main);line-height:1.65;font-size:16px;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 15% 15%,rgba(56,189,248,.08) 0px,transparent 50%),radial-gradient(at 85% 30%,rgba(99,102,241,.08) 0px,transparent 55%),radial-gradient(at 50% 80%,rgba(59,130,246,.06) 0px,transparent 60%);background-attachment:fixed}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,.4)}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.container{width:100%;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}@media (max-width: 768px){.container{padding-left:1.25rem;padding-right:1.25rem}}@media (max-width: 480px){.container{padding-left:1rem;padding-right:1rem}}.section{padding:clamp(3.75rem,8vw,6.5rem) 0;position:relative}.section-header{text-align:center;max-width:720px;margin:0 auto clamp(2.5rem,5vw,3.75rem)}.section-kicker{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.12em;padding:.32rem .85rem;border-radius:var(--radius-full);background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.2);margin-bottom:.85rem}.section-title{font-size:clamp(1.85rem,4.5vw,2.6rem);font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.2;margin-bottom:.85rem}.section-subtitle{font-size:clamp(.95rem,2vw,1.1rem);color:var(--text-muted);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:.8rem 1.5rem;font-family:var(--font-sans);font-size:.95rem;font-weight:600;border-radius:var(--radius-md);text-decoration:none;cursor:pointer;transition:all var(--trans-normal);border:none;white-space:nowrap;min-height:48px}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 20px #38bdf84d;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .6s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #38bdf873}.btn-outline{background:rgba(255,255,255,.04);color:var(--text-main);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-outline:hover{background:rgba(255,255,255,.09);border-color:var(--accent-cyan);color:#fff;transform:translateY(-2px)}.btn-icon{width:18px;height:18px;flex-shrink:0;transition:transform var(--trans-fast)}.btn:hover .btn-icon-arrow{transform:translate(4px)}.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1000;transition:all var(--trans-normal);background:rgba(7,11,20,.4);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-header.scrolled{background:rgba(7,11,20,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:0 10px 30px #00000059}.header-inner{display:flex;align-items:center;justify-content:space-between;height:100%}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:700;font-size:1.1rem;color:var(--text-main);letter-spacing:-.02em;flex-shrink:0}.brand-badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--grad-primary);color:#fff;font-size:.9rem;font-weight:800;box-shadow:0 0 15px #38bdf859;transition:transform var(--trans-normal)}.brand:hover .brand-badge{transform:rotate(6deg) scale(1.05)}.brand-name{display:flex;flex-direction:column}.brand-title{font-size:1rem;font-weight:700;line-height:1.2}.brand-subtitle{font-family:var(--font-mono);font-size:.65rem;color:var(--accent-cyan);font-weight:500;letter-spacing:.04em}.nav-links{display:flex;align-items:center;gap:.25rem;background:rgba(15,23,42,.6);padding:.3rem .5rem;border-radius:var(--radius-full);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav-link{font-size:.85rem;font-weight:500;color:var(--text-muted);text-decoration:none;padding:.4rem .8rem;border-radius:var(--radius-full);transition:all var(--trans-fast);white-space:nowrap}.nav-link:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-link.active{color:#fff;background:rgba(56,189,248,.15);font-weight:600}.header-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.social-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);color:var(--text-muted);background:rgba(255,255,255,.03);border:1px solid var(--border);transition:all var(--trans-fast);text-decoration:none}.social-icon-btn:hover{color:var(--accent-cyan);background:rgba(56,189,248,.1);border-color:var(--border-accent);transform:translateY(-2px)}.resume-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.85rem;font-weight:600;color:var(--text-main);background:rgba(255,255,255,.04);border:1px solid var(--border-light);border-radius:var(--radius-full);text-decoration:none;transition:all var(--trans-fast)}.resume-btn:hover{background:var(--grad-primary);color:#fff;border-color:transparent;box-shadow:0 4px 16px #38bdf84d;transform:translateY(-2px)}.mobile-toggle{display:none;background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-main);width:42px;height:42px;cursor:pointer;padding:8px;border-radius:var(--radius-sm);align-items:center;justify-content:center;transition:all var(--trans-fast)}.mobile-toggle:hover{background:rgba(56,189,248,.1);border-color:var(--border-accent)}.mobile-nav-overlay{display:none}@media (max-width: 1024px){.nav-links{display:none}.mobile-toggle{display:flex}.mobile-nav-overlay{display:block;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:rgba(7,11,20,.97);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);z-index:999;padding:1.5rem;overflow-y:auto;transform:translateY(-100%);opacity:0;pointer-events:none;transition:all var(--trans-normal)}.mobile-nav-overlay.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-list{display:flex;flex-direction:column;gap:.65rem;list-style:none;max-width:480px;margin:0 auto}.mobile-nav-link{font-size:1.15rem;font-weight:600;color:var(--text-muted);text-decoration:none;padding:.85rem 1.1rem;border-radius:var(--radius-md);transition:all var(--trans-fast);display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.02);border:1px solid var(--border)}.mobile-nav-link:hover,.mobile-nav-link.active{color:#fff;background:rgba(56,189,248,.1);border-color:var(--border-accent)}}@media (max-width: 480px){.brand-title{font-size:.92rem}.brand-subtitle,.header-actions .social-icon-btn{display:none}}.hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding-top:calc(var(--header-height) + 1.5rem);padding-bottom:3.5rem;overflow:hidden}.hero-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:auto}.hero-canvas-container canvas{width:100%;height:100%;display:block}.hero-glow-sphere{position:absolute;top:25%;left:50%;transform:translate(-50%,-50%);width:min(700px,90vw);height:min(700px,90vw);background:radial-gradient(circle,rgba(56,189,248,.12) 0%,rgba(99,102,241,.05) 50%,transparent 70%);pointer-events:none;z-index:0}.hero-content{position:relative;z-index:2;max-width:820px}.hero-status-pill{display:inline-flex;align-items:center;gap:.65rem;padding:.4rem .95rem;border-radius:var(--radius-full);background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);color:#34d399;font-size:clamp(.78rem,2vw,.85rem);font-weight:600;margin-bottom:1.25rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:100%;word-break:break-word}.status-dot-pulse{width:8px;height:8px;flex-shrink:0;border-radius:50%;background-color:#10b981;box-shadow:0 0 #10b981b3;animation:pulseBeacon 2s infinite cubic-bezier(.66,0,0,1)}@keyframes pulseBeacon{to{box-shadow:0 0 0 10px #10b98100}}.hero-title{font-size:clamp(2.2rem,5.8vw,3.8rem);font-weight:800;line-height:1.1;letter-spacing:-.04em;margin-bottom:1.1rem}.hero-title-highlight{background:var(--grad-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.hero-role-wrapper{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:1.35rem}.hero-role-prefix{font-size:clamp(1rem,2.5vw,1.2rem);color:var(--text-muted);font-weight:500}.hero-role-badge{font-family:var(--font-mono);font-size:clamp(.85rem,2.2vw,1.05rem);color:var(--accent-cyan);background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.25);padding:.25rem .75rem;border-radius:var(--radius-sm);font-weight:600;max-width:100%}.hero-lead{font-size:clamp(1rem,2.2vw,1.15rem);color:var(--text-muted);line-height:1.7;margin-bottom:2.25rem;max-width:680px}.hero-actions{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-bottom:clamp(2rem,4vw,3.5rem)}.hero-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;padding-top:1.75rem;border-top:1px solid var(--border);max-width:640px}.hero-stat-item{display:flex;flex-direction:column}.stat-number{font-size:clamp(1.1rem,2.8vw,1.5rem);font-weight:800;color:#fff;line-height:1.2}.stat-label{font-size:.8rem;color:var(--text-faint);font-weight:500;line-height:1.4;margin-top:.2rem}@media (max-width: 768px){.hero{min-height:auto;padding-top:calc(var(--header-height) + 2rem);padding-bottom:3.5rem}.hero-stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem}}@media (max-width: 640px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;justify-content:center}.hero-stats-grid{grid-template-columns:1fr;gap:.85rem;background:rgba(16,25,46,.4);padding:1.25rem;border-radius:var(--radius-md);border:1px solid var(--border)}}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.about-bio-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.5rem,3.5vw,2.5rem);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.about-bio-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-primary)}.about-bio-card h3{font-size:clamp(1.3rem,2.5vw,1.6rem);color:#fff;font-weight:700;margin-bottom:1.1rem}.about-bio-card p{color:var(--text-muted);line-height:1.75;margin-bottom:1.1rem;font-size:clamp(.92rem,1.8vw,1rem)}.about-highlights-list{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border)}.about-pill{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;color:var(--accent-cyan);background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.2);padding:.35rem .8rem;border-radius:var(--radius-full)}.capabilities-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.85rem,2vw,1.25rem)}.capability-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(1.25rem,2.5vw,1.75rem);transition:all var(--trans-normal);display:flex;flex-direction:column;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.capability-card:hover{transform:translateY(-4px);border-color:var(--border-accent);background:var(--surface-hover);box-shadow:var(--shadow-md)}.capability-icon-wrap{width:44px;height:44px;border-radius:var(--radius-sm);background:rgba(56,189,248,.1);border:1px solid rgba(56,189,248,.2);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);margin-bottom:1.1rem}.capability-card h4{font-size:1.05rem;color:#fff;font-weight:700;margin-bottom:.45rem}.capability-card p{font-size:.88rem;color:var(--text-muted);line-height:1.6}@media (max-width: 992px){.about-grid{grid-template-columns:1fr}}@media (max-width: 580px){.capabilities-grid{grid-template-columns:1fr}}.skills-categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:clamp(1rem,2.5vw,1.5rem)}.skill-category-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.25rem,3vw,2rem);transition:all var(--trans-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column}.skill-category-card:hover{transform:translateY(-4px);border-color:var(--border-accent);box-shadow:var(--shadow-glow)}.skill-category-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.25rem;padding-bottom:.85rem;border-bottom:1px solid var(--border)}.skill-category-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:rgba(99,102,241,.12);border:1px solid rgba(99,102,241,.25);display:flex;align-items:center;justify-content:center;color:var(--accent-indigo);flex-shrink:0}.skill-category-card:nth-child(1) .skill-category-icon{background:rgba(56,189,248,.12);border-color:#38bdf840;color:var(--accent-cyan)}.skill-category-card:nth-child(3) .skill-category-icon{background:rgba(16,185,129,.12);border-color:#10b98140;color:var(--accent-emerald)}.skill-category-header h3{font-size:1.15rem;font-weight:700;color:#fff}.skills-tags-wrap{display:flex;flex-wrap:wrap;gap:.55rem}.skill-tag-chip{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:500;color:var(--text-main);background:rgba(255,255,255,.03);border:1px solid var(--border);padding:.38rem .75rem;border-radius:var(--radius-sm);transition:all var(--trans-fast)}.skill-tag-chip:hover{background:rgba(56,189,248,.1);border-color:var(--border-accent);color:#fff;transform:translateY(-2px)}.skill-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-cyan);flex-shrink:0}.projects-filter-bar{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.55rem;margin-bottom:clamp(1.75rem,4vw,2.75rem)}.filter-btn{background:rgba(255,255,255,.03);border:1px solid var(--border);color:var(--text-muted);padding:.45rem 1.1rem;font-size:.85rem;font-weight:600;border-radius:var(--radius-full);cursor:pointer;transition:all var(--trans-fast);min-height:40px}.filter-btn:hover{color:#fff;background:rgba(255,255,255,.07)}.filter-btn.active{background:var(--grad-primary);color:#fff;border-color:transparent;box-shadow:0 4px 16px #38bdf840}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:clamp(1.25rem,3vw,2rem)}.project-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:all var(--trans-normal);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative}.project-card:hover{transform:translateY(-6px);border-color:var(--border-accent);box-shadow:var(--shadow-lg),var(--shadow-glow)}.project-banner-mockup{height:clamp(140px,25vw,175px);position:relative;display:flex;flex-direction:column;padding:.9rem 1.15rem;overflow:hidden;border-bottom:1px solid var(--border)}.project-mockup-browser{display:flex;align-items:center;gap:5px;margin-bottom:.75rem}.mockup-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.25)}.mockup-dot:nth-child(1){background:#ef4444}.mockup-dot:nth-child(2){background:#f59e0b}.mockup-dot:nth-child(3){background:#10b981}.project-banner-body{margin-top:auto;position:relative;z-index:2}.project-category-badge{font-family:var(--font-mono);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.25rem .65rem;border-radius:var(--radius-full);background:rgba(0,0,0,.45);border:1px solid rgba(255,255,255,.15);color:#fff;display:inline-block;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-mockup-watermark{position:absolute;right:-8px;bottom:-15px;font-size:clamp(4rem,10vw,5.5rem);font-weight:900;color:#ffffff0a;-webkit-user-select:none;user-select:none;pointer-events:none;font-family:var(--font-mono)}.project-banner-grad-1{background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 50%,#312e81 100%)}.project-banner-grad-2{background:linear-gradient(135deg,#042f2e 0%,#0f172a 60%,#115e59 100%)}.project-banner-grad-3{background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 50%,#581c87 100%)}.project-card-body{padding:clamp(1.2rem,3vw,1.6rem);display:flex;flex-direction:column;flex-grow:1}.project-title{font-size:clamp(1.15rem,2.5vw,1.3rem);font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.3}.project-description{font-size:.88rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.15rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-tags-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;margin-top:auto}.project-tech-tag{font-family:var(--font-mono);font-size:.72rem;color:var(--accent-cyan);background:rgba(56,189,248,.08);border:1px solid rgba(56,189,248,.18);padding:.22rem .55rem;border-radius:var(--radius-sm)}.project-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.95rem;border-top:1px solid var(--border);gap:.5rem}.project-meta-info{display:flex;align-items:center;gap:.65rem;font-size:.78rem;color:var(--text-faint);flex-wrap:wrap}.project-meta-pill{display:flex;align-items:center;gap:.3rem}.project-card-actions{display:flex;align-items:center;gap:.45rem;flex-shrink:0}.btn-card-action{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.38rem .75rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-sm);background:rgba(255,255,255,.05);border:1px solid var(--border);color:var(--text-main);text-decoration:none;cursor:pointer;transition:all var(--trans-fast);min-height:36px}.btn-card-action:hover{background:rgba(56,189,248,.15);border-color:var(--accent-cyan);color:#fff}.btn-card-primary{background:rgba(56,189,248,.1);border-color:#38bdf840;color:var(--accent-cyan)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(4,7,13,.85);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:modalFadeIn .22s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-dialog{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);max-width:650px;width:100%;max-height:90vh;max-height:90dvh;overflow-y:auto;box-shadow:0 25px 60px #0009;position:relative;animation:modalSlideUp .28s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(16px) scale(.98);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-close-btn{position:absolute;top:1rem;right:1rem;width:38px;height:38px;border-radius:var(--radius-full);background:rgba(255,255,255,.08);border:1px solid var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;transition:all var(--trans-fast);z-index:10}.modal-close-btn:hover{background:rgba(255,255,255,.18);color:#fff;transform:scale(1.05)}.modal-body{padding:clamp(1.25rem,3.5vw,2.25rem)}.modal-category{font-family:var(--font-mono);font-size:.78rem;color:var(--accent-cyan);text-transform:uppercase;font-weight:600}.modal-title{font-size:clamp(1.4rem,3vw,1.75rem);font-weight:800;color:#fff;margin-bottom:1rem;line-height:1.25}.modal-long-desc{color:var(--text-muted);line-height:1.7;margin-bottom:1.25rem;font-size:.95rem}.modal-features-title{font-size:1rem;font-weight:700;color:#fff;margin-bottom:.65rem}.modal-features-list{list-style:none;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.45rem}.modal-features-list li{display:flex;align-items:flex-start;gap:.55rem;color:var(--text-muted);font-size:.88rem;line-height:1.5}.modal-check-icon{color:var(--accent-cyan);flex-shrink:0;margin-top:1px}.modal-actions{display:flex;gap:.85rem;flex-wrap:wrap;padding-top:1.25rem;border-top:1px solid var(--border)}.modal-actions .btn{flex:1 1 auto}.timeline-stream{position:relative;padding-left:clamp(1.5rem,4vw,2rem);display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2rem)}.timeline-stream:before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:linear-gradient(180deg,var(--accent-cyan) 0%,rgba(99,102,241,.4) 70%,transparent 100%)}.timeline-entry{position:relative;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:clamp(1.25rem,3vw,1.75rem);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--trans-normal)}.timeline-entry:hover{transform:translate(4px);border-color:var(--border-accent);background:var(--surface-hover)}.timeline-dot{position:absolute;left:clamp(-1.5rem,-4vw,-2rem);top:1.5rem;transform:translate(-50%);width:14px;height:14px;border-radius:50%;background:var(--bg);border:3px solid var(--accent-cyan);box-shadow:0 0 10px #38bdf899}.timeline-date-pill{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--accent-cyan);background:rgba(56,189,248,.1);padding:.2rem .6rem;border-radius:var(--radius-full);display:inline-block}.timeline-role{font-size:clamp(1.1rem,2.5vw,1.25rem);font-weight:700;color:#fff;margin-bottom:.25rem;margin-top:.35rem}.timeline-organization{font-size:.92rem;color:var(--accent-blue);font-weight:600;margin-bottom:.75rem}.timeline-desc{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:.85rem}.timeline-achievements-list{list-style:none;display:flex;flex-direction:column;gap:.4rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.05)}.timeline-achievements-list li{font-size:.85rem;color:var(--text-muted);display:flex;align-items:flex-start;gap:.45rem;line-height:1.5}.timeline-achievements-list li:before{content:"▸";color:var(--accent-cyan);flex-shrink:0}.education-courses-wrap{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.85rem}.course-chip{font-size:.75rem;font-weight:500;color:var(--text-muted);background:rgba(255,255,255,.03);border:1px solid var(--border);padding:.25rem .6rem;border-radius:var(--radius-sm)}.contact-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.contact-info-panel{display:flex;flex-direction:column;gap:1.5rem}.contact-status-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.25rem,3.5vw,2rem);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;overflow:hidden}.contact-status-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:var(--grad-primary)}.contact-status-card h3{font-size:clamp(1.2rem,2.5vw,1.4rem);font-weight:700;color:#fff;margin-bottom:.65rem}.contact-status-card p{color:var(--text-muted);line-height:1.65;font-size:.92rem;margin-bottom:1.35rem}.contact-direct-links{display:flex;flex-direction:column;gap:.75rem}.contact-channel-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem;background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:var(--text-main);transition:all var(--trans-fast);gap:.75rem;min-height:52px}.contact-channel-item:hover{background:rgba(56,189,248,.08);border-color:var(--border-accent);transform:translate(3px)}.contact-channel-left{display:flex;align-items:center;gap:.75rem;min-width:0}.contact-channel-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:rgba(56,189,248,.1);display:flex;align-items:center;justify-content:center;color:var(--accent-cyan);flex-shrink:0}.contact-channel-name{font-size:.78rem;color:var(--text-faint);font-weight:500}.contact-channel-val{font-size:.9rem;color:#fff;font-weight:600;word-break:break-all}.copy-badge{font-size:.75rem;font-weight:600;color:var(--accent-cyan);padding:.25rem .6rem;border-radius:var(--radius-full);background:rgba(56,189,248,.12);flex-shrink:0}.contact-form-card{background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(1.25rem,3.5vw,2.25rem);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.contact-form-card h3{font-size:clamp(1.3rem,2.5vw,1.5rem);font-weight:700;color:#fff;margin-bottom:.45rem}.contact-form-card .form-subtitle{color:var(--text-muted);font-size:.92rem;margin-bottom:1.75rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-main);margin-bottom:.4rem}.form-input,.form-textarea{width:100%;padding:.85rem 1rem;font-family:var(--font-sans);font-size:16px;color:#fff;background:rgba(255,255,255,.03);border:1px solid var(--border-light);border-radius:var(--radius-md);outline:none;transition:all var(--trans-fast)}.form-input:focus,.form-textarea:focus{border-color:var(--accent-cyan);background:rgba(255,255,255,.06);box-shadow:0 0 0 3px #38bdf833}.form-textarea{resize:vertical;min-height:120px}.form-feedback{padding:.85rem 1rem;border-radius:var(--radius-md);font-size:.88rem;font-weight:500;margin-bottom:1.25rem}.form-feedback.success{background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#34d399}.form-feedback.error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.3);color:#f87171}.form-buttons-row{display:flex;gap:1rem}@media (max-width: 992px){.contact-grid{grid-template-columns:1fr}}.site-footer{padding:clamp(3rem,6vw,4.5rem) 0 2rem;border-top:1px solid var(--border);background:rgba(7,11,20,.6);position:relative;z-index:10}.footer-top{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.75rem;margin-bottom:2.5rem}.footer-brand h4{font-size:1.2rem;color:#fff;font-weight:700;margin-bottom:.25rem}.footer-brand p{color:var(--text-faint);font-size:.88rem}.footer-nav{display:flex;flex-wrap:wrap;gap:1.25rem}.footer-nav a{color:var(--text-muted);text-decoration:none;font-size:.88rem;font-weight:500;transition:color var(--trans-fast)}.footer-nav a:hover{color:var(--accent-cyan)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.25rem;padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.05)}.footer-copy{color:var(--text-faint);font-size:.82rem}.footer-tech-stack{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-cyan)}.back-to-top-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.8rem;font-weight:600;border-radius:var(--radius-full);background:rgba(255,255,255,.04);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;transition:all var(--trans-fast);min-height:38px}.back-to-top-btn:hover{color:#fff;background:rgba(255,255,255,.1);border-color:var(--accent-cyan);transform:translateY(-2px)}@media (max-width: 640px){.footer-top,.footer-bottom{flex-direction:column;align-items:flex-start}}