:root{--pink:#ff3bd5;--blue:#10d9ff;--purple:#9b35ff;--dark:#040512;--text:#fff;--muted:#d7dbff}*{box-sizing:border-box}body{margin:0;background:#03040e;color:var(--text);font-family:Inter,Arial,sans-serif;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,0,213,.20),transparent 28%),radial-gradient(circle at 82% 60%,rgba(0,217,255,.16),transparent 28%),linear-gradient(90deg,rgba(4,5,18,.95),rgba(4,5,18,.55),rgba(4,5,18,.9));z-index:-3}.scan{position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 6px);mix-blend-mode:overlay;animation:scan 6s linear infinite;z-index:10}@keyframes scan{to{transform:translateY(30px)}}.top{position:fixed;top:0;left:0;right:0;height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 46px;z-index:8;background:linear-gradient(180deg,rgba(1,2,10,.88),transparent);backdrop-filter:blur(8px)}.logo{font-family:Pacifico,cursive;color:var(--pink);font-size:40px;text-decoration:none;text-shadow:0 0 20px var(--pink)}nav{display:flex;gap:46px;text-transform:uppercase;font-weight:800;font-size:14px}nav a{color:white;text-decoration:none;position:relative}nav a.active,nav a:hover{color:var(--pink)}nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-22px;height:2px;background:var(--pink);box-shadow:0 0 14px var(--pink)}.connect,.buttons a,button{border:1px solid var(--pink);color:#ff77df;background:rgba(255,0,213,.06);text-transform:uppercase;border-radius:7px;text-decoration:none;padding:14px 24px;font-weight:800;box-shadow:0 0 16px rgba(255,59,213,.3);cursor:pointer}.hero{min-height:100vh;position:relative;padding:150px 7.5vw 40px}.hero-bg{position:absolute;inset:0;background:url('assets/golden-header.png') center right/cover no-repeat;z-index:-2;animation:float 9s ease-in-out infinite}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#03040e 0%,rgba(3,4,14,.88) 24%,rgba(3,4,14,.15) 58%,rgba(3,4,14,.45) 100%);z-index:-1}@keyframes float{50%{filter:hue-rotate(10deg) saturate(1.15);transform:scale(1.02)}}.hero-copy{width:min(600px,90vw);padding-top:28px}.eyebrow{color:var(--pink);letter-spacing:7px;text-transform:uppercase}.hero h1,.page-title{font-family:Orbitron,sans-serif;text-transform:uppercase;line-height:.95;font-size:clamp(48px,6vw,92px);margin:18px 0;text-shadow:0 0 18px rgba(255,255,255,.2)}.hero h1 span{color:var(--pink);text-shadow:0 0 25px var(--pink)}.hero h1 em{font-style:normal;color:var(--blue);text-shadow:0 0 25px var(--blue)}.roles{font-size:17px;line-height:1.7}.bio{color:var(--muted);max-width:470px;line-height:1.7}.buttons{display:flex;gap:22px;margin-top:45px}.buttons .blue{border-color:var(--blue);color:var(--blue);box-shadow:0 0 16px rgba(16,217,255,.35)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;margin-top:80px}.card,.panel{border:1px solid rgba(255,59,213,.55);background:linear-gradient(145deg,rgba(13,6,42,.72),rgba(5,7,25,.8));box-shadow:0 0 26px rgba(128,0,255,.25),inset 0 0 25px rgba(255,0,213,.06);border-radius:6px;padding:34px;text-align:center;transition:.35s}.card:hover,.panel:hover{transform:translateY(-8px);box-shadow:0 0 35px rgba(255,59,213,.5)}.card div{font-size:42px;color:var(--pink);text-shadow:0 0 16px var(--pink)}.card h3{font-family:Orbitron;text-transform:uppercase}.card p,.panel p{line-height:1.7;color:#eef}.social{position:fixed;left:28px;top:55%;transform:translateY(-50%);z-index:7;display:flex;flex-direction:column;gap:24px}.social a{color:var(--pink);text-decoration:none;text-shadow:0 0 12px var(--pink)}.scroll{position:fixed;right:28px;bottom:25px;color:var(--pink);text-align:center;text-transform:uppercase;font-size:12px;z-index:7}.page{min-height:100vh;padding:140px 7vw 70px;background:url('assets/golden-header.png') center/cover fixed no-repeat;position:relative}.page:before{content:"";position:absolute;inset:0;background:rgba(3,4,14,.82);z-index:0}.page>*{position:relative;z-index:1}.page-title{color:var(--blue);text-shadow:0 0 20px var(--blue)}.grid{display:grid;gap:28px}.two{grid-template-columns:repeat(2,1fr)}.three{grid-template-columns:repeat(3,1fr)}.page-cards{grid-template-columns:repeat(3,1fr);margin-top:20px}.panel{text-align:left}.panel h2{font-family:Orbitron;color:var(--pink);text-transform:uppercase}.skills{display:flex;flex-wrap:wrap;gap:16px}.skills span{border:1px solid var(--blue);border-radius:999px;padding:14px 18px;color:#cfffff;background:rgba(0,217,255,.08);box-shadow:0 0 14px rgba(16,217,255,.25)}.form{max-width:720px}.form label{display:block;color:var(--pink);text-transform:uppercase;font-weight:800;margin-bottom:18px}.form input,.form textarea{width:100%;margin-top:8px;padding:15px;background:rgba(2,2,12,.75);border:1px solid rgba(16,217,255,.55);color:white;border-radius:6px;font:inherit}.note a{color:var(--blue)}.reveal{opacity:0;transform:translateY(25px);animation:reveal .9s ease forwards}.reveal:nth-child(2){animation-delay:.15s}.reveal:nth-child(3){animation-delay:.3s}@keyframes reveal{to{opacity:1;transform:none}}@media(max-width:1000px){nav{gap:14px;font-size:12px}.top{padding:0 18px}.connect{display:none}.cards,.page-cards,.two,.three{grid-template-columns:1fr}.hero{padding-top:120px}.hero:after{background:rgba(3,4,14,.75)}.social,.scroll{display:none}}@media(max-width:700px){nav{display:none}.logo{font-size:34px}.hero h1{font-size:50px}.buttons{flex-direction:column}.cards{margin-top:40px}}