@import "https://fonts.googleapis.com/css2?family=Audiowide&family=Michroma&family=Oxanium:wght@300;400;500;600;700;800&family=Rajdhani:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#030609;--bg-2:#071016;--panel:#051016c7;--panel-strong:#07161eeb;--line:#4df3ff33;--text:#ecfeff;--muted:#94aeb8;--cyan:#4df3ff;--red:#ff3158;--green:#7cff9b;--amber:#ffe66d;--shadow:0 28px 90px #00000075;--display:"Michroma", "Audiowide", "Oxanium", sans-serif;--tech:"Oxanium", "Rajdhani", system-ui, sans-serif;--mono:"Rajdhani", "Cascadia Code", Consolas, monospace}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef7f9;--bg-2:#dceff4;--panel:#fffc;--panel-strong:#fffffff0;--line:#005a6e33;--text:#071116;--muted:#49616b;--cyan:#007b91;--red:#c5173b;--green:#0f8b4c;--amber:#9a7200;--shadow:0 22px 70px #0c2a342e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 20% 5%, color-mix(in srgb, var(--cyan) 17%, transparent), transparent 27rem), radial-gradient(circle at 82% 14%, color-mix(in srgb, var(--red) 18%, transparent), transparent 25rem), linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 46%, var(--bg) 100%);min-width:320px;color:var(--text);font-family:var(--tech);margin:0}a,button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}.app-shell{min-height:100vh;position:relative;overflow:hidden}.mesh-bg,.grid-bg,.scanlines{pointer-events:none;z-index:0;position:fixed;inset:0}.mesh-bg{background:conic-gradient(from 120deg at 18% 12%, transparent, color-mix(in srgb, var(--cyan) 18%, transparent), transparent 26%), conic-gradient(from 260deg at 82% 24%, transparent, color-mix(in srgb, var(--red) 18%, transparent), transparent 30%);filter:blur(8px);opacity:.72;animation:13s ease-in-out infinite alternate meshDrift}.grid-bg{background-image:linear-gradient(color-mix(in srgb, var(--cyan) 9%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--cyan) 9%, transparent) 1px, transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(#000,#0000 94%);mask-image:linear-gradient(#000,#0000 94%)}.scanlines{opacity:.24;background:repeating-linear-gradient(#ffffff0a,#ffffff0a 1px,#0000 1px 5px)}@keyframes meshDrift{0%{transform:translate(-1%,-1%)scale(1)}to{transform:translate(1.4%,1.8%)scale(1.04)}}.topbar,.hero,.metrics,.section,.footer{z-index:1;width:min(1200px,100% - 32px);margin:0 auto;position:relative}.topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:78px;display:flex}.brand,.icon-link,.primary-btn,.ghost-btn,.contact-strip a{align-items:center;gap:10px;display:inline-flex}.brand{color:var(--cyan);font-family:var(--display);letter-spacing:0;font-size:.84rem}.topbar nav{color:var(--muted);font-family:var(--display);gap:22px;font-size:.72rem;display:flex}.topbar nav a:hover,.footer a:hover{color:var(--cyan)}.header-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.control-group,.font-controls{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, transparent);min-height:42px;box-shadow:inset 0 0 18px color-mix(in srgb, var(--cyan) 7%, transparent);align-items:center;gap:6px;padding:0 8px;display:inline-flex}.control-group span,.font-controls span{color:var(--muted);font-family:var(--display);text-transform:uppercase;font-size:.62rem}.control-group select,.font-controls button,.font-controls input{border:1px solid color-mix(in srgb, var(--cyan) 22%, transparent);background:color-mix(in srgb, var(--cyan) 6%, transparent);min-height:28px;color:var(--text);font-family:var(--display);outline:0;font-size:.64rem}.control-group select,.font-controls button{padding:0 8px}.font-controls input{text-align:center;width:54px;padding:0 6px}.font-controls button:hover,.control-group select:hover,.font-controls input:hover,.font-controls input:focus{border-color:color-mix(in srgb, var(--cyan) 58%, transparent);color:var(--cyan)}.icon-link{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 80%, transparent);width:42px;height:42px;box-shadow:inset 0 0 18px color-mix(in srgb, var(--cyan) 8%, transparent);justify-content:center;position:relative}.copy-tip{border:1px solid var(--line);background:var(--panel-strong);color:var(--green);padding:5px 8px;font-size:.72rem;position:absolute;top:48px;right:0}.hero{grid-template-columns:1.18fr .82fr;align-items:center;gap:34px;min-height:calc(100vh - 78px);padding:52px 0 40px;display:grid}.eyebrow{color:var(--green);font-family:var(--display);text-transform:uppercase;margin:0 0 16px;font-size:.72rem}.hero h1{color:var(--text);font-family:var(--display);text-shadow:0 0 28px color-mix(in srgb, var(--cyan) 25%, transparent);margin:0;font-size:clamp(3.2rem,7.2vw,7rem);line-height:.98}.hero h2{color:var(--cyan);font-family:var(--display);margin:20px 0 16px;font-size:clamp(1.05rem,2.1vw,1.8rem)}.hero p{max-width:820px;color:color-mix(in srgb, var(--text) 78%, var(--muted));font-size:1.09rem;line-height:1.72}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);opacity:.42;pointer-events:none;position:absolute;inset:0}.glitch:before{color:var(--cyan);clip-path:inset(0 0 58%);animation:3s steps(2,end) infinite glitchA;transform:translate(3px,-2px)}.glitch:after{color:var(--red);clip-path:inset(55% 0 0);animation:2.6s steps(2,end) infinite glitchB;transform:translate(-3px,2px)}@keyframes glitchA{0%,90%,to{clip-path:inset(0 0 62%)}93%{clip-path:inset(24% 0 28%)}96%{clip-path:inset(68% 0 8%)}}@keyframes glitchB{0%,88%,to{clip-path:inset(58% 0 0)}91%{clip-path:inset(12% 0 54%)}95%{clip-path:inset(42% 0 22%)}}.contact-strip{flex-wrap:wrap;gap:10px;margin:24px 0 0;display:flex}.contact-strip a,.primary-btn,.ghost-btn{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 82%, transparent);min-height:44px;color:color-mix(in srgb, var(--text) 86%, var(--cyan));padding:0 15px}.contact-strip a{font-size:.86rem}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primary-btn,.ghost-btn{font-family:var(--display);text-transform:uppercase;font-size:.72rem}.primary-btn{border-color:color-mix(in srgb, var(--cyan) 58%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--cyan) 22%, transparent), color-mix(in srgb, var(--green) 14%, transparent));color:var(--cyan);box-shadow:0 0 36px color-mix(in srgb, var(--cyan) 18%, transparent)}.terminal-card,.holo-card,.terminal-panel,.education-card{border:1px solid var(--line);background:linear-gradient(180deg, var(--panel), color-mix(in srgb, var(--panel) 80%, transparent));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.terminal-card{min-height:470px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--cyan) 7%, transparent);height:43px;color:var(--muted);font-family:var(--display);align-items:center;gap:8px;padding:0 16px;font-size:.66rem;display:flex}.panel-header span{border-radius:50%;width:9px;height:9px}.panel-header span:first-child{background:var(--red)}.panel-header span:nth-child(2){background:var(--amber)}.panel-header span:nth-child(3){background:var(--green)}.terminal-screen{min-height:427px;font-family:var(--mono);padding:24px;position:relative;overflow:hidden}.terminal-screen:before{content:"";border:1px solid color-mix(in srgb, var(--cyan) 16%, transparent);clip-path:polygon(0 0,92% 0,100% 12%,100% 100%,8% 100%,0 88%);position:absolute;inset:14px}.terminal-screen p{z-index:1;color:var(--muted);margin:0 0 13px;font-size:1rem;position:relative}.terminal-screen p.active{color:var(--green);text-shadow:0 0 16px color-mix(in srgb, var(--green) 35%, transparent)}.terminal-screen b{color:var(--red)}.boot{font-family:var(--display);color:var(--cyan)!important;font-size:.76rem!important}.radar-orbit{border:1px solid color-mix(in srgb, var(--cyan) 26%, transparent);width:148px;height:148px;color:var(--cyan);border-radius:50%;place-items:center;animation:2.8s ease-in-out infinite pulseRadar;display:grid;position:absolute;bottom:34px;right:42px}.radar-orbit:before,.radar-orbit:after{content:"";border:1px solid color-mix(in srgb, var(--cyan) 22%, transparent);border-radius:50%;position:absolute;inset:24px}.radar-orbit:after{inset:48px}@keyframes pulseRadar{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--cyan) 28%, transparent)}50%{box-shadow:0 0 0 18px #0000}}.metrics{grid-template-columns:repeat(5,1fr);gap:12px;margin-top:-38px;margin-bottom:76px;display:grid}.metrics div{border:1px solid var(--line);background:color-mix(in srgb, var(--panel) 88%, transparent);padding:18px}.metrics strong{color:var(--cyan);font-family:var(--display);font-size:1.45rem;display:block}.metrics span{color:var(--muted);font-size:.9rem}.analytics-panel{z-index:1;border:1px solid var(--line);background:linear-gradient(135deg, color-mix(in srgb, var(--cyan) 8%, transparent), transparent 34%), linear-gradient(180deg, var(--panel), color-mix(in srgb, var(--panel) 82%, transparent));width:min(1200px,100% - 32px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin:-38px auto 58px;padding:22px;position:relative}.analytics-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.analytics-head span{color:var(--green);font-family:var(--display);font-size:.68rem}.analytics-head h2{font-family:var(--display);margin:6px 0 0;font-size:1.16rem}.analytics-head p{max-width:520px;color:var(--muted);margin:0;line-height:1.45}.analytics-grid{grid-template-columns:.7fr .7fr 1.6fr;gap:12px;display:grid}.analytics-card{border:1px solid color-mix(in srgb, var(--cyan) 14%, transparent);background:color-mix(in srgb, var(--cyan) 5%, transparent);min-height:92px;padding:16px}.analytics-card strong{color:var(--cyan);font-family:var(--display);overflow-wrap:anywhere;font-size:1.35rem;display:block}.analytics-card span{color:var(--muted)}.source-list{grid-template-columns:repeat(4,1fr);gap:10px;margin-top:12px;display:grid}.source-list div,.latest-visits span{border:1px solid color-mix(in srgb, var(--cyan) 12%, transparent);background:color-mix(in srgb, var(--panel) 74%, transparent);color:color-mix(in srgb, var(--text) 78%, var(--muted));justify-content:space-between;gap:12px;padding:10px 12px;display:flex}.source-list strong{color:var(--green)}.latest-visits{gap:8px;margin-top:12px;font-size:.86rem;display:grid}.section{padding:32px 0 72px}.section-heading{align-items:end;gap:14px;margin-bottom:24px;display:flex}.section-heading span{color:var(--red);font-family:var(--display);font-weight:800}.section-heading h2{font-family:var(--display);margin:0;font-size:clamp(1.25rem,3vw,2.2rem)}.skills-grid,.projects-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.holo-card{transition:transform .18s,border-color .18s,box-shadow .18s;position:relative;overflow:hidden}.holo-card:before{content:"";background:linear-gradient(120deg, transparent 10%, color-mix(in srgb, var(--cyan) 18%, transparent), transparent 48%, color-mix(in srgb, var(--red) 12%, transparent), transparent 82%);opacity:0;transition:opacity .18s;position:absolute;inset:-1px;transform:translate(-65%)}.holo-card:hover{border-color:color-mix(in srgb, var(--cyan) 55%, transparent);box-shadow:0 26px 90px color-mix(in srgb, var(--cyan) 10%, transparent);transform:translateY(-5px)}.holo-card:hover:before{opacity:1;animation:1.2s cardSweep}@keyframes cardSweep{to{transform:translate(65%)}}.skill-card{min-height:182px;padding:18px}.card-title{z-index:1;color:var(--cyan);align-items:center;gap:10px;margin-bottom:14px;display:flex;position:relative}.card-title h3,.project-card h3,.education-card h3,.experience-card h3{font-family:var(--display);margin:0;font-size:.88rem}.chips,.stack{z-index:1;flex-wrap:wrap;gap:8px;display:flex;position:relative}.chips span,.stack span{border:1px solid color-mix(in srgb, var(--cyan) 16%, transparent);background:color-mix(in srgb, var(--cyan) 6%, transparent);color:color-mix(in srgb, var(--text) 83%, var(--cyan));font-family:var(--mono);padding:7px 9px;font-size:.82rem}.experience-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.experience-card{grid-template-columns:48px 1fr;gap:14px;padding:20px;display:grid}.experience-icon{border:1px solid var(--line);width:42px;height:42px;color:var(--cyan);background:color-mix(in srgb, var(--cyan) 8%, transparent);place-items:center;display:grid}.experience-card span{color:var(--green);font-family:var(--display);font-size:.72rem}.experience-card p,.education-card p,.project-card li{color:color-mix(in srgb, var(--text) 75%, var(--muted));line-height:1.6}.project-card{flex-direction:column;min-height:455px;padding:22px;display:flex}.project-top{z-index:1;color:var(--green);font-family:var(--display);justify-content:space-between;gap:14px;margin-bottom:18px;font-size:.68rem;display:flex;position:relative}.project-card h3{z-index:1;color:var(--text);font-size:.96rem;line-height:1.45;position:relative}.project-card ul{z-index:1;margin:18px 0 0;padding:0;list-style:none;position:relative}.project-card li{margin-bottom:14px;padding-left:18px;font-size:.95rem;position:relative}.project-card li:before{content:">";color:var(--red);font-family:var(--display);position:absolute;left:0}.stack{margin-top:auto;padding-top:18px}.education-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.education-card{grid-template-columns:42px 1fr;gap:16px;padding:22px;display:grid}.education-card svg{color:var(--cyan)}.cert-list{margin:10px 0 0;padding:0;list-style:none}.cert-list li{border-bottom:1px solid color-mix(in srgb, var(--cyan) 10%, transparent);color:color-mix(in srgb, var(--text) 78%, var(--muted));padding:8px 0}.floating-actions{z-index:20;gap:10px;display:grid;position:fixed;bottom:18px;right:18px}.floating-actions button{border:1px solid var(--line);background:var(--panel-strong);width:46px;height:46px;color:var(--cyan);place-items:center;display:grid;box-shadow:0 18px 50px #00000047}.palette-overlay{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008f;place-items:start center;padding-top:12vh;display:grid;position:fixed;inset:0}.command-palette{border:1px solid var(--line);background:var(--panel-strong);width:min(680px,100% - 28px);box-shadow:var(--shadow)}.palette-head{border-bottom:1px solid var(--line);color:var(--cyan);grid-template-columns:24px 1fr 40px;align-items:center;gap:10px;padding:14px;display:grid}.palette-head input{width:100%;color:var(--text);font-family:var(--mono);background:0 0;border:0;outline:0;font-size:1rem}.palette-head button,.palette-list button{background:0 0;border:0}.palette-list{padding:10px;display:grid}.palette-list button{min-height:44px;color:color-mix(in srgb, var(--text) 82%, var(--muted));text-align:left;align-items:center;gap:10px;padding:0 12px;display:flex}.palette-list button:hover{background:color-mix(in srgb, var(--cyan) 10%, transparent);color:var(--cyan)}.command-palette p{color:var(--muted);margin:0;padding:0 14px 14px;font-size:.86rem}.footer{border-top:1px solid var(--line);min-height:88px;color:var(--muted);font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;font-size:.9rem;display:flex}.footer a{align-items:center;gap:8px;display:inline-flex}@media (width<=1020px){.hero,.education-grid{grid-template-columns:1fr}.metrics,.skills-grid,.projects-grid,.source-list{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.metrics{margin-top:0}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 0}.topbar nav{gap:16px;width:100%;padding-bottom:6px;overflow-x:auto}.header-actions{width:100%}.control-group,.font-controls{flex:auto}.hero{min-height:auto;padding-top:38px}.hero h1{font-size:3.15rem}.metrics,.skills-grid,.projects-grid,.experience-grid,.source-list{grid-template-columns:1fr}.analytics-head{flex-direction:column;align-items:flex-start}.project-card{min-height:auto}.floating-actions{bottom:12px;right:12px}}