*{box-sizing:border-box;margin:0;padding:0}body{color:#e2e8f0;background:#0a0a20;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.preloader-wrapper{z-index:9999;background:#0a0a20;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s cubic-bezier(.4,0,.2,1),visibility .8s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.preloader-wrapper.hidden{opacity:0;visibility:hidden;pointer-events:none}.preloader-glass{-webkit-backdrop-filter:blur(24px);background:#1e1b4b66;border:1px solid #6366f133;border-radius:24px;flex-direction:column;align-items:center;gap:24px;padding:40px;animation:2s infinite alternate pulseGlass;display:flex;box-shadow:0 25px 50px #0000004d,inset 0 1px #ffffff0d}@keyframes pulseGlass{0%{box-shadow:0 25px 50px #0000004d,inset 0 1px #ffffff0d,0 0 #6366f100}to{box-shadow:0 25px 50px #0000004d,inset 0 1px #ffffff0d,0 0 30px #6366f126}}.spinner-container{width:64px;height:64px;position:relative}.spinner-ring{border:3px solid #6366f1;border-color:#6366f1 #818cf8 #0000 #0000;border-radius:50%;width:100%;height:100%;animation:1s cubic-bezier(.68,-.55,.265,1.55) infinite spinRing;position:absolute;top:0;left:0}.spinner-core{background:linear-gradient(135deg,#a78bfa,#6366f1);border-radius:50%;width:24px;height:24px;animation:1s ease-in-out infinite alternate pulseCore;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #6366f180}@keyframes spinRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseCore{0%{opacity:.8;transform:translate(-50%,-50%)scale(.8)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.preloader-text{color:#c4b5fd;letter-spacing:1px;text-transform:uppercase;font-size:14px;font-weight:600;animation:1.5s ease-in-out infinite alternate pulseText}@keyframes pulseText{0%{opacity:.5}to{opacity:1}}.bg-orbs{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.orb{filter:blur(80px);opacity:.5;border-radius:50%;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;position:absolute}.orb-1{background:radial-gradient(circle,#6366f1 0%,#4f46e5 50%,#0000 70%);width:300px;height:300px;animation:8s ease-in-out infinite alternate float1;top:5%;left:10%}.orb-2{background:radial-gradient(circle,#818cf8 0%,#6366f1 50%,#0000 70%);width:250px;height:250px;animation:10s ease-in-out infinite alternate float2;top:60%;left:20%}.orb-3{background:radial-gradient(circle,#a78bfa 0%,#7c3aed 50%,#0000 70%);width:200px;height:200px;animation:7s ease-in-out infinite alternate float3;top:30%;right:5%}.orb-4{background:radial-gradient(circle,#6366f1 0%,#4338ca 50%,#0000 70%);width:280px;height:280px;animation:9s ease-in-out infinite alternate float4;bottom:10%;right:20%}.orb-5{background:radial-gradient(circle,#818cf8 0%,#6366f1 50%,#0000 70%);width:180px;height:180px;animation:11s ease-in-out infinite alternate float5;top:15%;right:30%}@keyframes float1{0%{transform:translate(0)scale(1)}to{transform:translate(80px,60px)scale(1.15)}}@keyframes float2{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,-80px)scale(1.1)}}@keyframes float3{0%{transform:translate(0)scale(1)}to{transform:translate(-40px,70px)scale(1.2)}}@keyframes float4{0%{transform:translate(0)scale(1)}to{transform:translate(50px,-50px)scale(1.1)}}@keyframes float5{0%{transform:translate(0)scale(1)}to{transform:translate(70px,40px)scale(1.15)}}.landing-container{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative}.glass-card{-webkit-backdrop-filter:blur(20px);text-align:center;background:#1e1b4b59;border:1px solid #6366f133;border-radius:24px;width:95%;max-width:440px;padding:clamp(32px,8vw,48px) clamp(20px,5vw,36px);animation:.8s ease-out cardEntrance;box-shadow:0 25px 50px #0000004d,inset 0 1px #ffffff0d}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.profile-section{margin-bottom:32px}.avatar-ring{background:linear-gradient(135deg,#6366f1,#a78bfa,#6366f1);border-radius:50%;margin-bottom:16px;padding:4px;animation:3s ease-in-out infinite ringPulse;display:inline-flex}@keyframes ringPulse{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 35px #6366f199}}.avatar{background:linear-gradient(135deg,#4f46e5,#6366f1);border:3px solid #1e1b4bcc;border-radius:50%;justify-content:center;align-items:center;width:clamp(80px,20vw,96px);height:clamp(80px,20vw,96px);display:flex}.avatar-text{color:#fff;text-shadow:0 2px 4px #0000004d;font-size:40px;font-weight:800}.brand-name{color:#c4b5fd;letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:800}.tagline{color:#a78bfa;font-size:14px;font-weight:500}.links-section{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.link-btn{color:#e2e8f0;cursor:pointer;background:#6366f11a;border:1px solid #6366f133;border-radius:16px;align-items:center;gap:12px;padding:16px 20px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.link-btn:before{content:"";background:linear-gradient(90deg,#0000,#6366f11a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.link-btn:hover:before{left:100%}.link-btn:hover{background:#6366f133;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 8px 25px #6366f133}.link-btn:active{transform:translateY(0)}.link-icon{background:#6366f126;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.link-text{text-align:left;flex:1}.link-arrow{opacity:0;color:#a78bfa;font-size:18px;transition:all .3s;transform:translate(-8px)}.link-btn:hover .link-arrow{opacity:1;transform:translate(0)}.social-section{justify-content:center;gap:16px;margin-bottom:20px;display:flex}.social-icon{color:#a78bfa;background:#6366f11a;border:1px solid #6366f126;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:all .3s;display:flex}.social-icon:hover{color:#c4b5fd;background:#6366f140;border-color:#6366f166;transform:translateY(-3px);box-shadow:0 6px 20px #6366f133}.footer-text{color:#94a3b880;font-size:12px}@media (width<=480px){.glass-card{border-radius:20px;padding:36px 24px}.brand-name{font-size:24px}.avatar{width:80px;height:80px}.avatar-text{font-size:32px}.orb{filter:blur(60px);opacity:.4}}