:root{--bg-base:#070913;--bg-surface:#0c1222;--bg-card:#0d1426bf;--bg-card-hover:#141e3ae0;--bg-glass:#0a1020d1;--bg-input:#080d19e0;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--accent-cyan:#38bdf8;--accent-blue:#0284c7;--accent-purple:#a855f7;--accent-violet:#818cf8;--accent-emerald:#10b981;--accent-amber:#f59e0b;--border-subtle:#ffffff14;--border-glass:#94a3b824;--border-glow:#38bdf866;--gradient-brand:linear-gradient(135deg, #38bdf8 0%, #818cf8 50%, #c084fc 100%);--gradient-accent:linear-gradient(135deg, #0284c7 0%, #818cf8 100%);--gradient-emerald:linear-gradient(135deg, #10b981 0%, #059669 100%);--gradient-card:linear-gradient(180deg, #ffffff0a 0%, #fff0 100%);--gradient-glow:radial-gradient(circle, #38bdf838 0%, #818cf81f 45%, transparent 70%);--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 12px 30px -10px #0000008c;--shadow-lg:0 24px 50px -12px #000000bf;--shadow-glow:0 0 35px #38bdf838;--shadow-specular:inset 0 1px 1px 0 #ffffff1f;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:26px;--radius-pill:9999px;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", monospace;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s ease;--transition-bounce:all .35s cubic-bezier(.34, 1.56, .64, 1)}[data-theme=light]{--bg-base:#f8fafc;--bg-surface:#fff;--bg-card:#fffffff0;--bg-card-hover:#fff;--bg-glass:#f8fafce0;--bg-input:#fff;--text-main:#0f172a;--text-muted:#475569;--text-dim:#94a3b8;--accent-cyan:#0284c7;--accent-blue:#0284c7;--accent-purple:#7c3aed;--accent-violet:#6366f1;--accent-emerald:#059669;--accent-amber:#d97706;--border-subtle:#e2e8f0e6;--border-glass:#cbd5e1d9;--border-glow:#0284c766;--gradient-brand:linear-gradient(135deg, #0284c7 0%, #6366f1 50%, #7c3aed 100%);--gradient-accent:linear-gradient(135deg, #0284c7 0%, #6366f1 100%);--gradient-emerald:linear-gradient(135deg, #059669 0%, #047857 100%);--gradient-card:linear-gradient(180deg, #fffffff2 0%, #f8fafcf2 100%);--gradient-glow:radial-gradient(circle, #0284c726 0%, #7c3aed14 50%, transparent 70%);--shadow-sm:0 2px 6px #0f172a0d;--shadow-md:0 10px 25px -5px #0f172a14;--shadow-lg:0 20px 40px -8px #0f172a1f;--shadow-glow:0 0 25px #0284c726;--shadow-specular:inset 0 1px 1px 0 #fffc}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-base);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:-1;background-image:radial-gradient(at 15% 15%,#38bdf812 0,#0000 50%),radial-gradient(at 85% 85%,#a855f712 0,#0000 50%),radial-gradient(#94a3b80a 1px,#0000 1px);background-size:100% 100%,100% 100%,28px 28px;width:100%;height:100%;position:fixed;top:0;left:0}::selection{background:var(--accent-purple);color:#fff}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);border:2px solid var(--bg-base);background:#94a3b847}::-webkit-scrollbar-thumb:hover{background:var(--accent-cyan)}.scroll-progress-bar{background:var(--gradient-brand);z-index:9999;height:3px;transition:width .1s ease-out;position:fixed;top:0;left:0;box-shadow:0 0 10px #38bdf899}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.app-wrapper{flex-direction:column;min-height:100vh;display:flex}.gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.shimmer-text{background-size:200%;animation:6s linear infinite text-shimmer}@keyframes text-shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-md), var(--shadow-specular);transition:var(--transition);position:relative}.svg-icon{vertical-align:middle;flex-shrink:0;display:inline-block}.section-header-centered{text-align:center;max-width:760px;margin:0 auto 3.75rem}.section-pill-tag{border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.14em;color:var(--accent-cyan);background:#38bdf814;border:1px solid #38bdf847;align-items:center;gap:.5rem;margin-bottom:1.15rem;padding:.38rem .95rem;font-size:.74rem;font-weight:700;display:inline-flex;box-shadow:0 0 12px #38bdf81f}.pill-dot{background-color:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%}.section-heading-lg{letter-spacing:-.03em;color:var(--text-main);margin-bottom:.95rem;font-size:clamp(2.1rem,4.2vw,2.85rem);font-weight:800;line-height:1.2}.section-description-centered{color:var(--text-muted);font-size:1.05rem;line-height:1.75}.btn-modern{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-bounce);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.55rem;padding:.78rem 1.55rem;font-size:.92rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-accent{background:var(--gradient-brand);color:#fff;position:relative;overflow:hidden;box-shadow:0 4px 18px #38bdf859}.btn-accent:hover{color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #38bdf885}.btn-resume{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b98159}.btn-resume:hover{border-color:var(--accent-emerald);color:var(--accent-emerald);background:#10b98138;transform:translateY(-2px);box-shadow:0 4px 16px #10b98140}.btn-ghost{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-glass)}.btn-ghost:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-2px);box-shadow:0 4px 16px #38bdf82e}.btn-clipboard{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-glass)}.btn-clipboard:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-clipboard.is-copied{border-color:var(--accent-emerald);color:var(--accent-emerald);background:#10b9812e}.btn-arrow-right{transition:transform .2s}.btn-modern:hover .btn-arrow-right{transform:translate(4px)}.tech-badge{font-size:.76rem;font-weight:500;font-family:var(--font-mono);color:var(--accent-cyan);transition:var(--transition-fast);background:#38bdf814;border:1px solid #38bdf833;border-radius:6px;align-items:center;padding:.3rem .7rem;display:inline-flex}.tech-badge:hover{border-color:var(--accent-cyan);background:#38bdf82e;transform:translateY(-1px);box-shadow:0 2px 8px #38bdf833}.navbar-wrapper{z-index:1000;pointer-events:none;width:100%;padding:1.25rem 0;transition:padding .3s;position:fixed;top:0;left:0}.navbar-wrapper.is-scrolled{padding:.65rem 0}.navbar-pill{pointer-events:auto;border-radius:var(--radius-pill);max-width:900px;box-shadow:var(--shadow-md), var(--shadow-specular);border:1px solid var(--border-glass);background:var(--bg-glass);-webkit-backdrop-filter:blur(20px);justify-content:space-between;align-items:center;margin:0 auto;padding:.5rem 1.25rem;display:flex}.nav-logo{font-family:var(--font-mono);color:var(--text-main);border-radius:var(--radius-pill);transition:var(--transition-fast);align-items:center;gap:2px;padding:.3rem .65rem;font-size:1.15rem;font-weight:800;text-decoration:none;display:inline-flex}.nav-logo:hover{transform:scale(1.05)}.logo-bracket{color:var(--accent-cyan);font-weight:700}.logo-name{background:var(--gradient-brand);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;font-weight:800}.nav-menu-desktop{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:#ffffff08;align-items:center;gap:.4rem;padding:.25rem;display:flex}.nav-item{color:var(--text-muted);border-radius:var(--radius-pill);transition:var(--transition-fast);padding:.35rem .95rem;font-size:.86rem;font-weight:500;text-decoration:none}.nav-item:hover{color:var(--text-main)}.nav-item.active{color:var(--accent-cyan);background:#38bdf824;font-weight:600;box-shadow:0 0 10px #38bdf826}.nav-actions-group{align-items:center;gap:.65rem;display:flex}.nav-resume-btn{color:var(--accent-emerald);border-radius:var(--radius-pill);transition:var(--transition-fast);background:#10b9811a;border:1px solid #10b9814d;align-items:center;gap:.4rem;padding:.32rem .85rem;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex}.nav-resume-btn:hover{border-color:var(--accent-emerald);background:#10b98133;transform:translateY(-1px)}.nav-views-pill{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:#ffffff0a;align-items:center;gap:.45rem;padding:.32rem .75rem;font-weight:600;display:inline-flex}.views-dot{background-color:var(--accent-emerald);width:6px;height:6px;box-shadow:0 0 6px var(--accent-emerald);border-radius:50%;animation:2s ease-in-out infinite pulse-beacon}@keyframes pulse-beacon{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.theme-button{border:1px solid var(--border-subtle);width:34px;height:34px;color:var(--text-main);cursor:pointer;transition:var(--transition);background:#ffffff0a;border-radius:50%;place-items:center;font-size:.95rem;display:grid}.theme-button:hover{border-color:var(--accent-cyan);transform:rotate(30deg)scale(1.1);box-shadow:0 0 12px #38bdf84d}.nav-hamburger{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;background:#ffffff0a;flex-direction:column;justify-content:space-around;width:34px;height:34px;padding:8px 7px;display:none}.nav-hamburger span{background:var(--text-main);width:100%;height:2px;transition:var(--transition);transform-origin:1px;border-radius:2px}.nav-hamburger.open span:first-child{transform:rotate(45deg)}.nav-hamburger.open span:nth-child(2){opacity:0;transform:translate(8px)}.nav-hamburger.open span:nth-child(3){transform:rotate(-45deg)}.nav-drawer{pointer-events:auto;background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:999;padding:1.25rem;transition:transform .3s cubic-bezier(.4,0,.2,1);display:none;position:fixed;top:75px;left:1.5rem;right:1.5rem;transform:translateY(-130%)}.nav-drawer.is-open{transform:translateY(0)}.nav-drawer-links{flex-direction:column;gap:.6rem;display:flex}.nav-drawer-links a{color:var(--text-main);border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:var(--transition-fast);align-items:center;gap:.75rem;padding:.8rem 1rem;font-size:.98rem;font-weight:600;text-decoration:none;display:flex}.nav-drawer-links a:hover{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#38bdf81f}.drawer-resume{color:var(--accent-emerald)!important;background:#10b98114!important;border-color:#10b98159!important}.drawer-linkedin{color:var(--accent-cyan)!important;border-color:#38bdf84d!important}.nav-backdrop{pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background:#0009;width:100vw;height:100vh;position:fixed;top:0;left:0}.hero-section{flex-direction:column;justify-content:center;min-height:calc(100vh - 40px);padding:8.5rem 0 3.5rem;display:flex;position:relative;overflow:hidden}.hero-mesh-background{background:var(--gradient-glow);filter:blur(80px);pointer-events:none;z-index:0;width:550px;height:550px;position:absolute;top:10%;right:5%}.hero-container{z-index:1;grid-template-columns:1.2fr .9fr;align-items:center;gap:3.5rem;margin-bottom:3.5rem;display:grid;position:relative}.hero-intro{flex-direction:column;align-items:flex-start;display:flex}.hero-status-pill{border-radius:var(--radius-pill);color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b98159;align-items:center;gap:.6rem;margin-bottom:1.35rem;padding:.38rem .95rem;font-size:.82rem;font-weight:600;display:inline-flex;box-shadow:0 0 15px #10b98126}.status-beacon{background-color:var(--accent-emerald);width:8px;height:8px;box-shadow:0 0 8px var(--accent-emerald);border-radius:50%;animation:1.8s infinite pulse-beacon}.hero-main-title{letter-spacing:-.035em;color:var(--text-main);margin-bottom:1.25rem;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.15}.hero-subtext{color:var(--text-muted);max-width:580px;margin-bottom:2rem;font-size:1.05rem;line-height:1.8}.hero-subtext strong{color:var(--text-main);font-weight:600}.hero-action-row{flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:2rem;display:flex}.hero-social-strip{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.social-strip-link{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.social-strip-link:hover{color:var(--accent-cyan)}.social-views-badge{font-size:.82rem;font-family:var(--font-mono);color:var(--text-dim);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);align-items:center;gap:.45rem;padding:.3rem .75rem;display:inline-flex}.views-live-indicator{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 6px var(--accent-cyan);border-radius:50%}.social-views-badge strong{color:var(--accent-cyan)}.hero-bento-visual{justify-content:center;display:flex}.bento-profile-box{flex-direction:column;gap:1.5rem;width:100%;max-width:420px;padding:1.75rem;display:flex}.bento-profile-box:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg), var(--shadow-glow)}.profile-photo-wrapper{width:200px;height:200px;margin:0 auto;position:relative}.photo-ambient-ring{background:var(--gradient-brand);filter:blur(20px);opacity:.45;border-radius:50%;width:114%;height:114%;animation:4s ease-in-out infinite alternate ring-pulse;position:absolute;top:-7%;left:-7%}@keyframes ring-pulse{0%{opacity:.35;transform:scale(.96)}to{opacity:.6;transform:scale(1.06)}}.profile-photo{z-index:2;object-fit:cover;border:3px solid var(--border-glass);width:100%;height:100%;box-shadow:var(--shadow-md);border-radius:50%;transition:transform .3s;position:relative}.profile-photo:hover{transform:scale(1.03)}.profile-online-badge{z-index:3;border:2px solid var(--bg-surface);background-color:#10b981;border-radius:50%;width:14px;height:14px;position:absolute;top:10px;right:14px;box-shadow:0 0 8px #10b981}.floating-badge-cs{z-index:4;background:var(--bg-surface);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-md);align-items:center;gap:.5rem;padding:.5rem .85rem;display:flex;position:absolute;bottom:-8px;right:-20px}.badge-icon{font-size:1.25rem}.badge-text{flex-direction:column;line-height:1.15;display:flex}.badge-text strong{color:var(--text-main);font-size:.82rem}.badge-text span{color:var(--accent-cyan);font-size:.72rem}.hero-quick-metrics{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#ffffff06;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.quick-metric-item{text-align:center;flex-direction:column;align-items:center;display:flex}.metric-val{color:var(--accent-cyan);font-size:.88rem;font-weight:700;font-family:var(--font-mono)}.metric-lbl{color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-size:.68rem}.metric-divider{background:var(--border-subtle);width:1px;height:24px}.profile-code-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#050812bf;overflow:hidden}.code-header{border-bottom:1px solid var(--border-subtle);background:#ffffff08;justify-content:space-between;align-items:center;gap:.5rem;padding:.55rem .85rem;display:flex}.code-window-dots{align-items:center;gap:6px;display:flex}.code-dot{border-radius:50%;width:9px;height:9px}.code-dot.red{background:#ef4444}.code-dot.yellow{background:#f59e0b}.code-dot.green{background:#10b981}.code-tabs-list{gap:4px;display:flex}.code-tab-btn{font-size:.7rem;font-family:var(--font-mono);color:var(--text-dim);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;border-radius:4px;padding:.2rem .55rem}.code-tab-btn:hover{color:var(--text-main);background:#ffffff0d}.code-tab-btn.active{color:var(--accent-cyan);background:#38bdf81f;font-weight:600}.code-content{font-family:var(--font-mono);color:var(--text-main);white-space:pre-wrap;word-break:break-word;padding:.95rem;font-size:.78rem;line-height:1.6;overflow-x:auto}.hero-tech-ribbon{border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#ffffff05;width:100vw;margin-left:calc(50% - 50vw);padding:.95rem 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.marquee-track{gap:2.75rem;width:max-content;animation:32s linear infinite marquee-slide;display:flex}.hero-tech-ribbon:hover .marquee-track{animation-play-state:paused}.marquee-item{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;align-items:center;gap:.65rem;font-size:.86rem;font-weight:600;transition:color .2s;display:inline-flex}.marquee-item:hover{color:var(--accent-cyan)}.marquee-dot{color:var(--accent-cyan);font-size:.55rem}@keyframes marquee-slide{0%{transform:translate(0)}to{transform:translate(-50%)}}.projects-modern-section{padding:7rem 0;scroll-margin-top:60px}.projects-filter-bar{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1.75rem;padding:.35rem;display:inline-flex}.filter-pill{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast);background:0 0;border:none;padding:.48rem 1.15rem;font-size:.84rem;font-weight:600}.filter-pill:hover{color:var(--text-main)}.filter-pill.active{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 12px #38bdf861}.projects-bento-grid{grid-template-columns:repeat(2,1fr);gap:2.25rem;display:grid}.project-bento-card{flex-direction:column;padding:2.25rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.project-bento-card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-8px)}.project-browser-frame{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:#00000059;margin:-.75rem -.75rem 1.5rem;overflow:hidden}.browser-top-bar{border-bottom:1px solid var(--border-subtle);background:#ffffff09;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .85rem;display:flex}.browser-dots{align-items:center;gap:5px;display:flex}.browser-dot{border-radius:50%;width:8px;height:8px}.browser-dot.red{background:#ef4444}.browser-dot.yellow{background:#f59e0b}.browser-dot.green{background:#10b981}.browser-url-pill{border-radius:var(--radius-pill);font-size:.72rem;font-family:var(--font-mono);color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;background:#0000004d;align-items:center;gap:.4rem;max-width:220px;padding:.2rem .65rem;display:flex;overflow:hidden}.url-lock{font-size:.65rem}.browser-view-tabs{gap:4px;display:flex}.browser-tab-btn{border-radius:var(--radius-sm);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition-fast);background:#ffffff0a;padding:.2rem .55rem;font-size:.72rem;font-weight:600}.browser-tab-btn:hover{color:var(--text-main);border-color:var(--accent-cyan)}.browser-tab-btn.active{color:var(--accent-cyan);border-color:var(--accent-cyan);background:#38bdf826}.browser-screen-wrapper{aspect-ratio:16/9.5;background:#020617;width:100%;position:relative;overflow:hidden}.browser-screenshot{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .4s}.project-bento-card:hover .browser-screenshot{transform:scale(1.04)}.screenshot-overlay{opacity:0;background:linear-gradient(#0000 40%,#070a1399 100%);justify-content:flex-end;align-items:flex-end;width:100%;height:100%;padding:.75rem;transition:opacity .25s;display:flex;position:absolute;top:0;left:0}.project-bento-card:hover .screenshot-overlay{opacity:1}.btn-preview-visit{border-radius:var(--radius-pill);color:#070913;background:#38bdf8e6;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.76rem;font-weight:700;text-decoration:none;transition:transform .2s;display:inline-flex;box-shadow:0 4px 12px #0006}.btn-preview-visit:hover{transform:scale(1.06)}.card-top-row{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.project-icon-box{border-radius:var(--radius-md);background:#38bdf81a;border:1px solid #38bdf840;place-items:center;width:48px;height:48px;font-size:1.55rem;transition:transform .3s;display:grid}.project-bento-card:hover .project-icon-box{transform:scale(1.1)rotate(5deg)}.status-badge-modern{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-surface);align-items:center;gap:.45rem;padding:.35rem .85rem;font-size:.74rem;font-weight:600;display:inline-flex}.beacon-indicator{border-radius:50%;width:7px;height:7px}.status-live{color:var(--accent-emerald);background:#10b9811a;border-color:#10b9814d}.status-live .beacon-indicator{background-color:var(--accent-emerald);box-shadow:0 0 6px var(--accent-emerald)}.status-hackathon{color:var(--accent-purple);background:#a855f71a;border-color:#a855f74d}.status-hackathon .beacon-indicator{background-color:var(--accent-purple)}.status-academic{color:var(--accent-cyan);background:#38bdf81a;border-color:#38bdf84d}.status-academic .beacon-indicator{background-color:var(--accent-cyan)}.project-header-block{margin-bottom:.85rem}.project-category-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-cyan);margin-bottom:.35rem;font-size:.74rem;font-weight:700;display:block}.project-card-name{color:var(--text-main);letter-spacing:-.015em;font-size:1.45rem;font-weight:800;line-height:1.25}.project-tagline{color:var(--accent-violet);margin-top:.25rem;font-size:.9rem;font-weight:500}.project-body-text{color:var(--text-muted);margin-bottom:1.25rem;font-size:.95rem;line-height:1.7}.project-feature-list{border-radius:var(--radius-sm);border-left:2px solid var(--accent-cyan);background:#ffffff05;flex-direction:column;gap:.45rem;margin-bottom:1.5rem;padding:.85rem 1rem;display:flex}.feature-item{color:var(--text-main);align-items:center;gap:.55rem;font-size:.85rem;display:flex}.feature-bullet{color:var(--accent-emerald);font-size:.9rem;font-weight:800}.project-tech-badges{flex-wrap:wrap;gap:.45rem;margin-top:auto;margin-bottom:1.75rem;display:flex}.project-card-footer{border-top:1px solid var(--border-subtle);padding-top:1.25rem}.project-buttons-wrap{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.btn-action{border-radius:var(--radius-sm);transition:var(--transition-fast);align-items:center;gap:.45rem;padding:.55rem 1rem;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-action-live{background:var(--gradient-brand);color:#fff;box-shadow:0 2px 10px #38bdf847}.btn-action-live:hover{color:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #38bdf873}.btn-action-github{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-glass)}.btn-action-github:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-2px)}.action-arrow{font-size:.9rem;transition:transform .2s}.btn-action:hover .action-arrow{transform:translate(2px,-2px)}.project-confidential-note{color:var(--text-dim);font-size:.82rem;font-style:italic}.about-modern-section{background:var(--bg-surface);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:7rem 0;scroll-margin-top:60px}.about-bento-grid{grid-template-columns:repeat(12,1fr);gap:1.75rem;display:grid}.bento-tile{flex-direction:column;padding:2.25rem;display:flex}.bento-tile:hover{border-color:var(--border-glow)}.tile-eyebrow{letter-spacing:.1em;color:var(--accent-cyan);align-items:center;gap:.45rem;margin-bottom:1.15rem;font-size:.75rem;font-weight:700;display:inline-flex}.bento-tile-main{grid-column:span 7}.tile-title{color:var(--text-main);margin-bottom:1rem;font-size:1.45rem;font-weight:800;line-height:1.35}.tile-paragraph{color:var(--text-muted);margin-bottom:1rem;font-size:.98rem;line-height:1.8}.tile-paragraph strong{color:var(--text-main)}.tile-actions-row{flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:auto;padding-top:1.25rem;display:flex}.bento-tile-academic{grid-column:span 5}.academic-seal-box{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:#ffffff08;align-items:center;gap:1rem;margin-bottom:1rem;padding:.9rem;display:flex}.seal-icon{font-size:2.2rem}.academic-degree{color:var(--text-main);font-size:1.1rem;font-weight:800}.academic-school{color:var(--accent-cyan);font-size:.88rem;font-weight:600}.academic-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.9rem;line-height:1.7}.credential-pill{border-radius:var(--radius-pill);color:var(--accent-cyan);background:#38bdf814;border:1px solid #38bdf840;align-items:center;gap:.5rem;margin-top:auto;padding:.45rem .85rem;font-size:.78rem;font-weight:600;display:inline-flex}.credential-dot{background-color:var(--accent-cyan);border-radius:50%;width:6px;height:6px}.bento-tile-systems{grid-column:span 5}.systems-title{color:var(--text-main);margin-bottom:.65rem;font-size:1.18rem;font-weight:800}.systems-text{color:var(--text-muted);margin-bottom:1.25rem;font-size:.92rem;line-height:1.75}.systems-text strong{color:var(--text-main)}.systems-chips{flex-wrap:wrap;gap:.45rem;margin-top:auto;display:flex}.system-chip{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--accent-violet);padding:.35rem .75rem;font-size:.76rem;font-weight:600}.bento-tile-skills{grid-column:span 7}.skills-cluster-grid{grid-template-columns:repeat(2,1fr);gap:1.15rem;display:grid}.skill-cluster-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:var(--transition-fast);background:#ffffff05;padding:1.15rem}.skill-cluster-card:hover{border-color:var(--border-glow);transform:translateY(-2px)}.cluster-header{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.cluster-icon{font-size:1.1rem}.cluster-name{color:var(--text-main);font-size:.88rem;font-weight:700}.cluster-tags{flex-wrap:wrap;gap:.38rem;display:flex}.contact-modern-section{padding:7rem 0;scroll-margin-top:60px}.contact-modern-grid{grid-template-columns:.9fr 1.1fr;align-items:flex-start;gap:3rem;display:grid}.contact-cards-column{flex-direction:column;gap:1.1rem;display:flex}.contact-info-card{color:var(--text-main);border-radius:var(--radius-md);align-items:center;gap:1.1rem;padding:1.15rem 1.4rem;text-decoration:none;display:flex}.contact-info-card.hoverable:hover{border-color:var(--border-glow);box-shadow:var(--shadow-sm);transform:translate(4px)}.info-card-icon{border-radius:var(--radius-md);width:44px;height:44px;color:var(--accent-cyan);background:#38bdf81a;flex-shrink:0;place-items:center;font-size:1.25rem;display:grid}.info-card-text{flex-direction:column;flex-grow:1;display:flex}.info-card-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.72rem}.info-card-main-link{color:var(--text-main);font-size:.95rem;font-weight:600;text-decoration:none}.location-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.live-clock-pill{border-radius:var(--radius-pill);font-size:.72rem;font-family:var(--font-mono);color:var(--accent-cyan);background:#38bdf814;border:1px solid #38bdf840;align-items:center;gap:.4rem;padding:.2rem .55rem;font-weight:600;display:inline-flex}.clock-dot{background:var(--accent-cyan);width:5px;height:5px;box-shadow:0 0 5px var(--accent-cyan);border-radius:50%}.phone-numbers-group{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.phone-item{color:var(--text-main);font-size:.92rem;font-weight:600;text-decoration:none;transition:color .2s}.phone-item:hover{color:var(--accent-cyan)}.phone-sep{color:var(--text-dim)}.btn-quick-copy{border-radius:var(--radius-sm);color:var(--accent-cyan);cursor:pointer;transition:var(--transition-fast);background:#38bdf81a;border:1px solid #38bdf840;padding:.35rem .75rem;font-size:.76rem;font-weight:600}.btn-quick-copy:hover{background:#38bdf833}.info-card-arrow{color:var(--text-dim);transition:transform .2s}.contact-info-card:hover .info-card-arrow{color:var(--accent-cyan);transform:translate(2px,-2px)}.modern-glass-form{padding:2.5rem}.form-header-badge{border-radius:var(--radius-pill);color:var(--accent-cyan);background:#38bdf814;border:1px solid #38bdf840;align-items:center;gap:.45rem;margin-bottom:.85rem;padding:.25rem .65rem;font-size:.72rem;font-weight:700;display:inline-flex}.badge-dot{background:var(--accent-cyan);border-radius:50%;width:5px;height:5px}.form-heading{color:var(--text-main);margin-bottom:.35rem;font-size:1.45rem;font-weight:800}.form-subtext{color:var(--text-muted);margin-bottom:1.75rem;font-size:.92rem}.form-field-group{margin-bottom:1.25rem}.field-label{color:var(--text-main);margin-bottom:.45rem;font-size:.82rem;font-weight:600;display:block}.modern-input{background:var(--bg-input);border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;color:var(--text-main);transition:var(--transition);padding:.85rem 1.15rem;font-family:inherit;font-size:.95rem}.modern-input:focus{border-color:var(--accent-cyan);outline:none;box-shadow:0 0 0 3px #38bdf82e}.modern-input::placeholder{color:var(--text-dim)}.modern-textarea{resize:vertical;min-height:125px}.btn-full-width{width:100%;margin-top:.5rem;padding:.95rem}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.75s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.form-alert{border-radius:var(--radius-sm);align-items:center;gap:.65rem;margin-top:1.25rem;padding:.85rem 1.2rem;font-size:.88rem;font-weight:500;display:flex}.alert-success{color:var(--accent-emerald);background:#10b9811f;border:1px solid #10b98159}.alert-error{color:#ef4444;background:#ef44441f;border:1px solid #ef444459}.footer-modern{background:var(--bg-surface);border-top:1px solid var(--border-subtle);margin-top:auto;padding:4.5rem 0 2rem}.footer-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.footer-brand-box{max-width:420px}.footer-logo{font-family:var(--font-mono);color:var(--text-main);align-items:center;font-size:1.35rem;font-weight:800;text-decoration:none;display:inline-flex}.footer-brand-desc{color:var(--text-dim);margin-top:.65rem;font-size:.88rem;line-height:1.65}.footer-nav-menu{flex-wrap:wrap;align-items:center;gap:1.75rem;display:flex}.footer-nav-menu a{color:var(--text-muted);font-size:.92rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-nav-menu a:hover{color:var(--accent-cyan)}.footer-resume-tag{color:var(--accent-emerald)!important;font-weight:600!important}.btn-back-to-top{background:var(--bg-card);border:1px solid var(--border-glass);width:44px;height:44px;color:var(--text-main);cursor:pointer;transition:var(--transition-bounce);border-radius:50%;place-items:center;font-size:1.25rem;display:grid}.btn-back-to-top:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);transform:translateY(-4px);box-shadow:0 4px 16px #38bdf84d}.footer-divider{background:var(--border-subtle);height:1px;margin:2.5rem 0 1.5rem}.footer-bottom-row{color:var(--text-dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.84rem;display:flex}.footer-social-strip{align-items:center;gap:1.25rem;display:flex}.footer-social-link{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-social-link:hover{color:var(--accent-cyan)}@media (width<=992px){.hero-container{text-align:center;grid-template-columns:1fr;gap:3rem}.hero-intro{align-items:center}.hero-subtext{margin:0 auto 2rem}.hero-action-row,.hero-social-strip{justify-content:center}.projects-bento-grid,.about-bento-grid{grid-template-columns:1fr}.bento-tile-main,.bento-tile-academic,.bento-tile-systems,.bento-tile-skills{grid-column:span 1}.contact-modern-grid{grid-template-columns:1fr}}@media (width<=768px){.nav-menu-desktop,.nav-resume-btn{display:none}.nav-hamburger{display:flex}.nav-drawer{display:block}.navbar-pill{margin:0 1rem}.skills-cluster-grid{grid-template-columns:1fr}.footer-top-row,.footer-bottom-row{text-align:center;flex-direction:column}.modern-glass-form,.project-bento-card{padding:1.75rem}}@media (width<=480px){.hero-main-title{font-size:2.15rem}.bento-profile-box{padding:1.25rem}.profile-photo-wrapper{width:170px;height:170px}.floating-badge-cs{padding:.4rem .65rem;bottom:-10px;right:-4px}.hero-action-row{flex-direction:column;width:100%}.btn-modern{width:100%}.nav-views-pill{display:none}.phone-numbers-group{flex-direction:column;align-items:flex-start}}