:root{color-scheme:dark;--bg: #03040a;--panel: #0a0e22;--neon: #6bfeff;--neon-2: #6f86ff;--neon-3: #7bffb1;--neon-red: #ff3b3b;--text: #e7f0ff;--muted: #9fb0d3;--grid: rgba(110, 251, 255, .08);--glow: 0 0 26px rgba(107, 254, 255, .6);--glow-2: 0 0 30px rgba(111, 134, 255, .6);--glow-3: 0 0 28px rgba(123, 255, 177, .5);--glow-red: 0 0 24px rgba(255, 59, 59, .55);--radius: 18px;--max: 1080px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Space Grotesk,Sora,Inter,system-ui,-apple-system,sans-serif;line-height:1.6;scroll-padding-top:140px}body{min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(1100px 700px at 10% -10%,rgba(107,254,255,.28),transparent 55%),radial-gradient(900px 600px at 90% -20%,rgba(111,134,255,.22),transparent 60%),radial-gradient(1200px 900px at 50% 120%,rgba(123,255,177,.16),transparent 60%);pointer-events:none;z-index:0}body:after{content:"";position:fixed;inset:0;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:80px 80px;opacity:.35;pointer-events:none;z-index:0}.scanlines{position:fixed;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px);mix-blend-mode:screen;opacity:.4;pointer-events:none;z-index:1}.bg-canvas{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.55;mix-blend-mode:screen}main{position:relative;z-index:2}.top-nav{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:28px;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;padding:8px 10px;background:#050a14cc;backdrop-filter:blur(8px);border-radius:999px;border:1px solid rgba(110,251,255,.2)}.top-nav a{color:var(--text);text-decoration:none;padding:8px 12px;border-radius:999px;border:1px solid rgba(110,251,255,.2);background:#070c1899;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.top-nav a:hover{transform:translateY(-1px);border-color:#6efbff99;box-shadow:var(--glow)}.wrapper{max-width:var(--max);margin:0 auto;padding:48px 24px 80px}.hero{display:grid;gap:24px;margin-bottom:48px}.badge{display:inline-flex;align-items:center;gap:10px;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--neon);border:1px solid rgba(110,251,255,.4);padding:8px 16px;border-radius:999px;box-shadow:var(--glow);width:fit-content;background:#050a1466;backdrop-filter:blur(6px);position:relative}.badge-word{transition:color .2s ease,text-shadow .2s ease}.badge:hover .badge-word{color:var(--neon-red);text-shadow:var(--glow-red)}.badge:after{content:"";position:absolute;right:-10px;top:50%;width:6px;height:6px;border-radius:50%;background:var(--neon-red);box-shadow:var(--glow-red);transform:translateY(-50%)}h1{font-size:clamp(2.6rem,5vw,4.2rem);line-height:1.1;margin:0}h1 span{color:var(--neon-2);text-shadow:var(--glow-2)}.hero-name{font-family:Sora,Space Grotesk,Inter,system-ui,-apple-system,sans-serif;letter-spacing:.03em;text-transform:uppercase;position:relative;font-weight:600;display:inline-block;color:var(--neon);text-shadow:0 0 12px rgba(107,254,255,.5),0 0 24px rgba(107,254,255,.35),0 0 36px rgba(107,254,255,.25);animation:neon-pulse 2s ease-in-out infinite,float-name 3s ease-in-out infinite;will-change:transform,text-shadow;word-break:break-word}.hero-name span{color:var(--neon-2);text-shadow:0 0 10px rgba(111,134,255,.5),0 0 22px rgba(111,134,255,.35)}.badge{text-shadow:0 0 10px rgba(97,246,255,.6)}.subtitle{font-size:1.1rem;color:var(--muted);max-width:760px}.tv-card{display:grid;gap:16px;align-content:start}.tv-frame{border-radius:22px;padding:14px;background:linear-gradient(160deg,#0c1024e6,#050812e6);border:1px solid rgba(110,251,255,.25);box-shadow:0 0 24px #6bfeff40,inset 0 0 22px #0009}.tv-screen{position:relative;border-radius:16px;background:#030306;min-height:220px;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(255,255,255,.05)}.tv-screen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(0deg,rgba(255,255,255,.28) 50%,transparent 50%),linear-gradient(90deg,rgba(255,255,255,.25) 50%,transparent 50%),linear-gradient(45deg,rgba(255,255,255,.18) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.18) 25%,transparent 25%);background-size:3px 3px,4px 4px,5px 5px,6px 6px;background-blend-mode:screen;image-rendering:pixelated;opacity:.9;animation:tv-noise .15s steps(2,end) infinite,tv-noise-fade 4s ease forwards;pointer-events:none}.tv-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(107,254,255,.08),transparent 60%);mix-blend-mode:screen;pointer-events:none}.tv-quote{position:relative;z-index:1;max-width:80%;text-align:center;font-size:1.05rem;color:#e8f5ff;text-shadow:0 0 12px rgba(107,254,255,.35);opacity:0;animation:tv-quote-reveal .8s ease forwards;animation-delay:4s}.tv-caption{font-size:.95rem;color:var(--muted);margin:0}.section{margin:32px 0;padding:28px;border-radius:var(--radius);background:linear-gradient(140deg,#0a0e22eb,#050a18b3);border:1px solid rgba(110,251,255,.28);box-shadow:0 0 36px #000000a6,0 0 18px #6bfeff2e;position:relative;overflow:hidden;transition:box-shadow .25s ease,border-color .25s ease;scroll-margin-top:140px}.section:before{content:"";position:absolute;inset:0;background:radial-gradient(320px 220px at 80% 0%,rgba(111,134,255,.18),transparent 60%);pointer-events:none}.section:after{content:"";position:absolute;top:16px;bottom:16px;right:-24px;width:48px;background:linear-gradient(90deg,transparent,rgba(0,0,0,.45));opacity:.6;pointer-events:none}.section:hover{border-color:#6bfeff99;box-shadow:0 0 52px #000c,0 0 28px #6bfeff4d}.float{transition:transform .25s ease;transform:translateY(0)}.section:hover .float{transform:translateY(-4px)}.section-title{display:inline-flex;align-items:center;gap:12px;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;color:var(--neon);margin:0 0 18px}.section-title:after{content:"";height:1px;width:60px;background:linear-gradient(90deg,var(--neon),var(--neon-red),transparent)}.grid,.experience{display:grid;gap:16px}.role{border:1px solid rgba(123,255,177,.22);border-radius:14px;padding:18px;background:#070c18bf;transition:box-shadow .2s ease,border-color .2s ease}.role:hover{border-color:#7bffb18c;box-shadow:0 0 22px #7bffb147}.role:hover .float{transform:translateY(-3px)}.role h3{margin:0 0 6px;font-size:1.1rem}.cert-logo{width:88px;height:auto;margin-bottom:10px;filter:drop-shadow(0 0 10px rgba(107,254,255,.35))}.role .meta{color:var(--muted);font-size:.95rem;margin-bottom:10px}.role ul{margin:0;padding-left:18px}.skills{display:flex;flex-wrap:wrap;gap:10px}.skill{padding:8px 12px;border-radius:999px;background:#6efbff29;border:1px solid rgba(110,251,255,.55);color:var(--text);font-size:.9rem;text-transform:uppercase;letter-spacing:.08em;transition:transform .2s ease,box-shadow .2s ease}.skill:hover{transform:translateY(-2px);box-shadow:var(--glow)}.contact-card{display:grid;gap:14px;align-items:center}.email-line{font-size:1.05rem;display:inline-flex;align-items:center;gap:12px;padding:10px 16px;background:#5f7bff14;border:1px solid rgba(95,123,255,.35);border-radius:12px}.reveal-btn{font:inherit;color:var(--text);background:transparent;border:1px solid rgba(110,251,255,.4);padding:6px 12px;border-radius:999px;cursor:pointer;text-transform:uppercase;letter-spacing:.08em;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.reveal-btn:hover{transform:translateY(-1px);border-color:#6efbffb3;box-shadow:var(--glow)}.socials{display:flex;gap:16px;flex-wrap:wrap}.socials a{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;border:1px solid rgba(110,251,255,.45);background:#080c18cc;color:var(--text);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.socials a:hover{transform:translateY(-2px);box-shadow:var(--glow)}.socials svg{width:18px;height:18px}.footer{text-align:center;margin-top:36px;color:var(--muted);font-size:.9rem}.glitch{position:relative;text-shadow:1px 0 var(--neon),-1px 0 var(--neon-2);animation:pulse 6s ease-in-out infinite}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;left:0;width:100%;overflow:hidden;clip-path:inset(0 0 0 0)}.glitch:before,.glitch:after{display:none}@keyframes pulse{0%,to{text-shadow:1px 0 var(--neon),-1px 0 var(--neon-2),0 0 16px rgba(107,254,255,.4)}50%{text-shadow:2px 0 var(--neon),-2px 0 var(--neon-2),0 0 22px rgba(111,134,255,.45)}}@keyframes neon-scan{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes neon-pulse{0%,to{text-shadow:0 0 14px rgba(107,254,255,.6),0 0 28px rgba(107,254,255,.45),0 0 44px rgba(107,254,255,.35)}50%{text-shadow:0 0 28px rgba(107,254,255,.95),0 0 52px rgba(107,254,255,.75),0 0 72px rgba(107,254,255,.55)}}@keyframes tv-noise{0%{transform:translate(0);background-position:0 0,0 0,0 0,0 0;opacity:.55}25%{transform:translate(-1px,1px);background-position:1px -2px,-2px 1px,2px 0,-1px 2px;opacity:.7}50%{transform:translate(1px,-1px);background-position:-1px 2px,2px -1px,-2px 1px,1px -2px;opacity:.5}75%{transform:translate(-1px,-1px);background-position:2px 1px,-1px -2px,1px 2px,-2px -1px;opacity:.65}to{transform:translate(1px,1px);background-position:-2px -1px,1px 2px,-1px -2px,2px 1px;opacity:.55}}@keyframes tv-noise-fade{0%{opacity:1}70%{opacity:.75}to{opacity:.25}}@keyframes tv-quote-reveal{0%{opacity:0;transform:scale(.98);filter:blur(2px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes float-name{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(min-width:860px){.hero{grid-template-columns:1.1fr .9fr;align-items:center}.contact-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.wrapper{padding:28px 16px 64px}.top-nav{position:static;background:transparent;border:none;padding:0}.hero-name{font-size:clamp(2.1rem,8vw,3rem);letter-spacing:.01em}.section{padding:20px}.tv-screen{min-height:180px}.tv-quote{font-size:.95rem}.section-title{letter-spacing:.12em}.socials a{width:100%;justify-content:center}}@media(min-width:721px){.top-nav{position:sticky;top:16px;z-index:3}}@media(hover:none)and (pointer:coarse){.section:hover .float,.role:hover .float,.skill:hover,.socials a:hover{transform:none}.tap-float .float{transform:translateY(-4px)}.tap-float{border-color:#6bfeff99;box-shadow:0 0 52px #000c,0 0 28px #6bfeff4d}}