body{color:#fff;background:#090909;font-family:Arial,Helvetica,sans-serif}.navbar{background:#0d0d0d;border-bottom:1px solid #2b2b2b;justify-content:space-between;align-items:center;width:100%;height:80px;padding:0 60px;display:flex}.logo h2{color:#fff;letter-spacing:6px;font-size:32px}.logo span{color:#caa24d;letter-spacing:3px;margin-top:4px;font-size:11px;display:block}.nav-links{gap:40px;list-style:none;display:flex}.nav-links li{cursor:pointer;transition:all .3s}.nav-links li:hover{color:#caa24d}.nav-icons{gap:22px;font-size:22px;display:flex}.nav-icons svg{cursor:pointer;transition:all .3s}.nav-icons svg:hover{color:#caa24d}.loading-screen{z-index:999999;background:#050816;justify-content:center;align-items:center;width:100%;height:100vh;transition:opacity .7s,visibility .7s,transform .7s;display:flex;position:fixed;inset:0;overflow:hidden}.loading-screen.hide{opacity:0;visibility:hidden;transform:scale(1.03)}.loading-overlay{background:radial-gradient(circle,#3b82f61f,#0000 45%),radial-gradient(circle at top,#60a5fa14,#0000 35%),radial-gradient(circle at bottom,#f4c96b0f,#0000 35%);animation:6s ease-in-out infinite bgPulse;position:absolute;inset:0}.loading-content{z-index:5;flex-direction:column;align-items:center;display:flex;position:relative}.loading-logo{color:#fff;letter-spacing:16px;text-shadow:0 0 30px #3b82f659,0 0 70px #3b82f62e;margin:0;font-size:clamp(3rem,7vw,6rem);font-weight:900;animation:1.2s forwards logoReveal,4s ease-in-out infinite logoFloat}.loading-subtitle{color:#c9d4ec;letter-spacing:8px;opacity:.85;margin-top:18px;font-size:.82rem;animation:1.4s fadeUp}.loading-bar{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;width:340px;height:6px;margin-top:42px;overflow:hidden;box-shadow:inset 0 0 12px #ffffff0d}.loading-progress{background:linear-gradient(90deg,#2563eb,#60a5fa,#f4c96b,#60a5fa) 0 0/250% 100%;border-radius:999px;width:0%;height:100%;animation:2.6s forwards progressFill,2.5s linear infinite progressGlow}.loading-glow{filter:blur(120px);opacity:.7;border-radius:50%;position:absolute}.glow-one{background:#3b82f633;width:420px;height:420px;animation:7s ease-in-out infinite alternate glowMove;top:-100px;left:-120px}.glow-two{background:#f4c96b1f;width:360px;height:360px;animation:8s ease-in-out infinite alternate-reverse glowMove;bottom:-60px;right:-80px}@keyframes logoReveal{0%{opacity:0;letter-spacing:30px;filter:blur(12px);transform:translateY(40px)scale(.85)}to{opacity:1;letter-spacing:16px;filter:blur();transform:translateY(0)scale(1)}}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes progressFill{0%{width:0}to{width:100%}}@keyframes progressGlow{0%{background-position:0%}to{background-position:250%}}@keyframes bgPulse{0%{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}to{opacity:.9;transform:scale(1)}}@keyframes glowMove{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-30px)scale(1.15)}}@media (width<=768px){.loading-logo{letter-spacing:10px;font-size:3rem}.loading-subtitle{letter-spacing:4px;text-align:center;padding:0 20px;font-size:.7rem}.loading-bar{width:260px;margin-top:30px}}@media (width<=480px){.loading-logo{letter-spacing:8px;font-size:2.4rem}.loading-bar{width:210px;height:5px}}body{color:#fff;background:radial-gradient(circle at 0 0,#2563eb2e,#0000 35%),radial-gradient(circle at 100% 100%,#caa24d1f,#0000 30%),linear-gradient(#040404,#090909,#050505);min-height:100vh;font-family:Arial,Helvetica,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;filter:blur(80px);z-index:-2;background:radial-gradient(circle at 20% 30%,#3b82f614,#0000 28%),radial-gradient(circle at 80% 70%,#caa24d0d,#0000 30%);animation:18s ease-in-out infinite alternate backgroundMove;position:fixed;inset:0}body:after{content:"";opacity:.25;pointer-events:none;z-index:-1;background-image:radial-gradient(#ffffff0a 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}@keyframes backgroundMove{0%{transform:translate(0)scale(1)}to{transform:translate(-60px,-40px)scale(1.2)}}:root{--color-bg:#05070a;--color-bg-secondary:#0d1117;--color-surface:#111827;--color-surface-2:#1b2430;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-accent:#e8c15b;--color-accent-hover:#f2d06e;--color-text:#fff;--color-text-secondary:#b8c0cc;--color-border:#ffffff14;--glass-bg:#ffffff0a;--blue-glow:#3b82f659;--gold-glow:#e8c15b2e;--shadow-sm:0 10px 25px #00000040;--shadow-md:0 20px 45px #00000059;--shadow-lg:0 35px 80px #00000073;--shadow-blue:0 0 35px #3b82f638;--shadow-gold:0 0 30px #e8c15b33;--radius-sm:14px;--radius-md:20px;--radius-lg:28px;--radius-xl:36px;--radius-full:999px;--transition-fast:.25s ease;--transition:.35s ease;--transition-slow:.6s ease;--container-width:1400px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes floating{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes glow{0%,to{opacity:.6}50%{opacity:1}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Poppins,sans-serif;overflow-x:clip}html,body,#root{min-height:100%}a{color:inherit;text-decoration:none}button,input,textarea{font-family:inherit}button{cursor:pointer;border:none;outline:none}img{-webkit-user-select:none;user-select:none;max-width:100%;display:block}ul{list-style:none}.container{width:min(92%, var(--container-width));margin:auto}::selection{background:var(--color-primary);color:#000}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#090909}::-webkit-scrollbar-thumb{background:#2c2c2c;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}