*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--glass-bg:#ffffff0f;--glass-border:#ffffff2e;--glass-highlight:#ffffff59;--accent-cyan:#00f5ff;--accent-blue:#0057ff;--accent-purple:#7b2fff;--bg-dark:#030711;--font-display:"Syne",sans-serif;--font-mono:"Space Mono",monospace}html,body{background:var(--bg-dark);width:100%;height:100%;font-family:var(--font-display);color:#fff;overflow:hidden}.bg-canvas{z-index:0;position:fixed;inset:0}.orb{filter:blur(80px);opacity:.55;border-radius:50%;animation:linear infinite drift;position:absolute}.orb1{background:radial-gradient(circle,#0057ff,#0000 70%);width:520px;height:520px;animation-duration:22s;top:-10%;left:-8%}.orb2{background:radial-gradient(circle,#7b2fff,#0000 70%);width:400px;height:400px;animation-duration:28s;animation-delay:-8s;bottom:-5%;right:-5%}.orb3{opacity:.35;background:radial-gradient(circle,#00f5ff,#0000 70%);width:300px;height:300px;animation-duration:18s;animation-delay:-14s;top:40%;left:55%}@keyframes drift{0%{transform:translate(0)scale(1)}33%{transform:translate(40px,-30px)scale(1.08)}66%{transform:translate(-25px,50px)scale(.95)}to{transform:translate(0)scale(1)}}.grid-overlay{z-index:1;background-image:linear-gradient(#00f5ff0a 1px,#0000 1px),linear-gradient(90deg,#00f5ff0a 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 100%)}.scanline{z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 3px,#00000014 3px 4px);animation:8s linear infinite scan;position:fixed;inset:0}@keyframes scan{0%{background-position:0 0}to{background-position:0 100px}}.particles{z-index:3;pointer-events:none;position:fixed;inset:0}.particle{background:var(--accent-cyan);opacity:0;border-radius:50%;width:2px;height:2px;animation:linear infinite floatUp;position:absolute}@keyframes floatUp{0%{opacity:0;transform:translateY(0)scale(0)}10%{opacity:.6}90%{opacity:.2}to{opacity:0;transform:translateY(-100vh)scale(1.5)}}.stage{z-index:10;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:24px;display:flex;position:relative}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(40px)saturate(180%);width:min(580px,94vw);box-shadow:0 0 0 1px #ffffff0d inset,0 2px 0 0 var(--glass-highlight)inset,0 40px 80px #0009,0 0 100px #0057ff26,0 0 200px #7b2fff14;border-radius:28px;padding:52px 52px 44px;animation:1s cubic-bezier(.22,1,.36,1) both cardIn;position:relative;overflow:hidden}.glass-card:before{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff12 50%,#0000 70%);width:60%;height:100%;animation:5s ease-in-out infinite sweep;position:absolute;top:0;left:-100%}.glass-card:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);border-radius:50%;height:1px;position:absolute;top:0;left:10%;right:10%}@keyframes cardIn{0%{opacity:0;transform:translateY(40px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes sweep{0%{left:-100%}60%{left:160%}to{left:160%}}.corner{border-color:var(--accent-cyan);opacity:.7;border-style:solid;width:18px;height:18px;position:absolute}.corner-tl{border-width:2px 0 0 2px;border-radius:4px 0 0;top:14px;left:14px}.corner-tr{border-width:2px 2px 0 0;border-radius:0 4px 0 0;top:14px;right:14px}.corner-bl{border-width:0 0 2px 2px;border-radius:0 0 0 4px;bottom:14px;left:14px}.corner-br{border-width:0 2px 2px 0;border-radius:0 0 4px;bottom:14px;right:14px}.badge{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-cyan);background:#00f5ff14;border:1px solid #00f5ff40;border-radius:100px;align-items:center;gap:7px;margin-bottom:28px;padding:5px 14px;font-size:10px;animation:.8s .2s both fadeUp;display:inline-flex}.badge-dot{background:var(--accent-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--accent-cyan);border-radius:50%;animation:1.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.headline{letter-spacing:-.02em;margin-bottom:8px;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.05;animation:.8s .35s both fadeUp}.headline span{background:linear-gradient(135deg,#fff 0%,var(--accent-cyan)60%,var(--accent-blue)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.subline{color:#ffffff80;letter-spacing:.01em;margin-bottom:36px;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:400;animation:.8s .45s both fadeUp}.divider{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:1px;margin-bottom:32px;animation:.8s .5s both fadeUp}.body-text{font-family:var(--font-mono);color:#ffffff9e;letter-spacing:.01em;margin-bottom:36px;font-size:13px;line-height:1.65;animation:.8s .55s both fadeUp}.body-text strong{color:#ffffffe6;font-weight:700}.btn-linkedin{color:#fff;font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0057ff40,#7b2fff33);border:1px solid #0057ff73;border-radius:14px;align-items:center;gap:11px;padding:15px 28px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;animation:.8s .65s both fadeUp;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 30px #0057ff33,inset 0 2px #ffffff14}.btn-linkedin:hover{border-color:#00f5ff99;transform:translateY(-2px)scale(1.02);box-shadow:0 0 40px #0057ff73,0 8px 32px #0000004d,inset 0 2px #ffffff1f}.btn-linkedin:active{transform:translateY(0)scale(.99)}.btn-linkedin:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:50%;height:100%;transition:left .4s;position:absolute;top:0;left:-100%}.btn-linkedin:hover:after{left:150%}.li-icon{flex-shrink:0;width:22px;height:22px}.btn-arrow{opacity:.6;margin-left:auto;font-size:18px;transition:opacity .2s,transform .2s}.btn-linkedin:hover .btn-arrow{opacity:1;transform:translate(4px)}.meta{font-family:var(--font-mono);color:#fff3;letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;margin-top:30px;font-size:10px;animation:.8s .75s both fadeUp;display:flex}.meta-line{background:#ffffff0f;flex:1;height:1px}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}