*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font: "Outfit", system-ui, -apple-system, sans-serif;--font-display: "Orbitron", monospace;--bg-primary: #050816;--bg-secondary: #07111f;--bg-tertiary: #0b1020;--bg-card: rgba(8, 20, 40, .85);--bg-card-hover: rgba(10, 28, 55, .9);--bg-elevated: rgba(15, 30, 60, .8);--bg-input: rgba(5, 10, 25, .7);--border-primary: rgba(0, 234, 255, .08);--border-secondary: rgba(0, 234, 255, .18);--border-accent: rgba(0, 191, 255, .35);--border-glow: rgba(0, 234, 255, .12);--text-primary: #e0f7ff;--text-secondary: #9ccfe0;--text-tertiary: #6a9bb8;--text-muted: #3d6a84;--accent: #00eaff;--accent-light: #38bdf8;--accent-dark: #0099cc;--accent-glow: rgba(0, 234, 255, .2);--gold: #facc15;--gold-light: #fde047;--gold-glow: rgba(250, 204, 21, .2);--purple: #7c3aed;--purple-light: #a855f7;--purple-dark: #5b21b6;--purple-glow: rgba(124, 58, 237, .2);--cyan: #00eaff;--cyan-glow: rgba(0, 234, 255, .15);--success: #22c55e;--success-light: #4ade80;--success-bg: rgba(34, 197, 94, .08);--danger: #ef4444;--danger-light: #f87171;--danger-bg: rgba(239, 68, 68, .08);--warning: #facc15;--warning-light: #fde047;--warning-bg: rgba(250, 204, 21, .08);--info: #38bdf8;--info-bg: rgba(56, 189, 248, .08);--orange: #f97316;--orange-bg: rgba(249, 115, 22, .08);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 3px rgba(0,0,0,.5);--shadow-md: 0 4px 24px rgba(0,0,0,.6);--shadow-lg: 0 8px 48px rgba(0,0,0,.7);--shadow-glow: 0 0 20px rgba(0, 234, 255, .1);--shadow-purple: 0 0 20px rgba(124, 58, 237, .1);--transition: all .3s cubic-bezier(.4,0,.2,1);--transition-slow: all .5s cubic-bezier(.4,0,.2,1)}html{font-size:16px}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:radial-gradient(ellipse at 15% 25%,rgba(0,234,255,.03) 0%,transparent 50%),radial-gradient(ellipse at 85% 75%,rgba(124,58,237,.02) 0%,transparent 50%),radial-gradient(ellipse at 50% 0%,rgba(0,191,255,.02) 0%,transparent 40%);background-attachment:fixed}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:99999;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,234,255,.015) 2px,rgba(0,234,255,.015) 4px)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00eaff26;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:var(--accent);color:#050816}a{color:var(--accent-light);text-decoration:none}a:hover{color:var(--accent)}input,select,textarea{font-family:var(--font);background:var(--bg-input);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-primary);padding:10px 14px;font-size:13px;outline:none;width:100%;transition:var(--transition)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px #00eaff14,0 0 20px #00eaff0a}select{cursor:pointer}select option{background:var(--bg-tertiary);color:var(--text-primary)}textarea{resize:vertical;min-height:80px}label{font-size:10px;color:var(--text-tertiary);margin-bottom:6px;display:block;font-weight:700;letter-spacing:.08em;text-transform:uppercase}table{width:100%;border-collapse:collapse;font-size:13px}.spinner{width:20px;height:20px;border:2px solid rgba(0,234,255,.06);border-top-color:var(--accent);border-radius:50%;animation:spin .6s linear infinite;display:inline-block}.spinner-large{width:44px;height:44px;border:2px solid rgba(0,234,255,.05);border-top-color:var(--accent);border-bottom-color:var(--purple);border-radius:50%;animation:spin .8s linear infinite;box-shadow:0 0 20px #00eaff14}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glowPulse{0%,to{box-shadow:0 0 12px #00eaff26}50%{box-shadow:0 0 25px #00eaff4d}}@keyframes borderPulse{0%,to{border-color:#00eaff1f}50%{border-color:#00eaff40}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes systemBoot{0%{opacity:0;transform:scale(.98)}50%{opacity:.5;transform:scale(1.01)}to{opacity:1;transform:scale(1)}}.page-enter{animation:fadeUp .5s ease}.system-glow{animation:glowPulse 3s ease-in-out infinite}.system-border{animation:borderPulse 4s ease-in-out infinite}.rank-E{color:#6a9bb8}.rank-D{color:#38bdf8}.rank-C{color:#7c3aed}.rank-B{color:#facc15}.rank-A{color:#ef4444}.rank-S{color:#00eaff;text-shadow:0 0 15px rgba(0,234,255,.4)}.rank-Monarch{color:#facc15;text-shadow:0 0 20px rgba(250,204,21,.5),0 0 40px rgba(250,204,21,.2)}.bg-rank-E{background:linear-gradient(135deg,#6a9bb814,#6a9bb805);border-color:#6a9bb81f}.bg-rank-D{background:linear-gradient(135deg,#38bdf814,#38bdf805);border-color:#38bdf81f}.bg-rank-C{background:linear-gradient(135deg,#7c3aed14,#7c3aed05);border-color:#7c3aed1f}.bg-rank-B{background:linear-gradient(135deg,#facc1514,#facc1505);border-color:#facc151f}.bg-rank-A{background:linear-gradient(135deg,#ef444414,#ef444405);border-color:#ef44441f}.bg-rank-S{background:linear-gradient(135deg,#00eaff14,#00eaff05);border-color:#00eaff1f}.bg-rank-Monarch{background:linear-gradient(135deg,#facc151a,#7c3aed0a);border-color:#facc1526}.holographic-panel{background:linear-gradient(145deg,var(--bg-card),var(--bg-secondary));border:1px solid var(--border-primary);border-radius:var(--radius-md);position:relative;overflow:hidden}.holographic-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,234,255,.2),transparent)}.holographic-panel:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,234,255,.02) 0%,transparent 50%,rgba(124,58,237,.02) 100%);pointer-events:none}.system-header{font-family:var(--font-display);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);font-weight:700}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:10000;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{padding:10px 18px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;pointer-events:auto;animation:slideUp .3s ease;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-lg);border:1px solid rgba(0,234,255,.1)}.toast-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#050816}.toast-error{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-info{background:linear-gradient(135deg,#0099cc,var(--accent-dark));color:#050816}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050816eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:9999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px}.system-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(0,234,255,.12),transparent);border:none;margin:12px 0}.system-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:2px;font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid}@media (max-width: 768px){.hide-mobile{display:none!important}.show-mobile{display:flex!important}}@media (min-width: 769px){.show-mobile{display:none!important}}:root{--glass-bg: rgba(8, 20, 40, .55);--glass-bg-dark: rgba(5, 10, 22, .7);--glass-border: rgba(0, 234, 255, .08);--glass-border-hover: rgba(0, 234, 255, .18);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .025);--glass-shadow-hover: 0 8px 32px rgba(0, 0, 0, .45), 0 0 25px rgba(0, 234, 255, .04), inset 0 1px 0 rgba(255, 255, 255, .03);--glass-reflex: radial-gradient(ellipse at 20% 15%, rgba(0, 234, 255, .06) 0%, transparent 60%);--glass-blur: blur(22px) saturate(160%);--glass-radius: var(--radius-md)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);position:relative;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.glass-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-reflex);pointer-events:none;z-index:0}.glass-panel>*{position:relative;z-index:1}.glass-panel:hover{border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover)}.glass-panel-solid{background:#050816d9;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.glass-panel-solid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--glass-reflex);pointer-events:none;z-index:0}.glass-panel-solid>*{position:relative;z-index:1}@keyframes glassShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.glass-shimmer{background:linear-gradient(90deg,transparent,rgba(255,255,255,.02),transparent)!important;background-size:200% 100%!important;animation:glassShimmer 4s ease-in-out infinite!important}.loading-overlay{background:#050816e0;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%)}.auth-card{position:relative;z-index:2;width:400px;max-width:92vw;padding:40px;border-radius:var(--radius-md);background:#0508168c;backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);border:1px solid rgba(0,234,255,.08);box-shadow:0 0 40px #00eaff05,0 0 80px #0006,0 8px 48px #0009,inset 0 1px #ffffff06;animation:authCardEnter .8s ease-out forwards;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 20% 10%,rgba(0,234,255,.04) 0%,transparent 60%);pointer-events:none}.auth-card>*{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.auth-card{animation:none}}@keyframes authCardEnter{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.electric-surface{position:relative;overflow:hidden;isolation:isolate}.electric-surface>*{position:relative;z-index:2}.electric-surface:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 0%,transparent 40%,rgba(235,255,255,.26) 46%,rgba(0,234,255,.18) 49%,rgba(124,58,237,.1) 53%,transparent 60%,transparent 100%);background-size:240% 240%;animation:electricSurfaceCrawl 6.8s ease-in-out infinite;animation-delay:var(--electric-delay, 0s)}.electric-surface:after{content:"";position:absolute;z-index:1;pointer-events:none;top:0;left:-40%;width:40%;height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(235,255,255,.95) 25%,rgba(0,234,255,.75) 50%,rgba(124,58,237,.35) 75%,transparent);filter:drop-shadow(0 0 5px rgba(0,234,255,.75)) drop-shadow(0 0 12px rgba(124,58,237,.32));opacity:0;animation:electricEdgeCrawl 5.2s ease-in-out infinite;animation-delay:var(--electric-delay, 0s)}@keyframes electricSurfaceCrawl{0%,68%,to{opacity:0;background-position:130% 50%}76%{opacity:.25}86%{opacity:.08}94%{opacity:.2;background-position:-80% 50%}}@keyframes electricEdgeCrawl{0%,68%,to{opacity:0;transform:translate(0) scaleX(.4)}76%{opacity:.65}88%{opacity:.2}96%{opacity:.45;transform:translate(360%) scaleX(1)}}.electric-surface-soft:before{animation:electricSurfaceCrawlSoft 10s ease-in-out infinite}.electric-surface-soft:after{animation:electricEdgeCrawlSoft 8s ease-in-out infinite}@keyframes electricSurfaceCrawlSoft{0%,72%,to{opacity:0;background-position:130% 50%}78%{opacity:.1}90%{opacity:.03}96%{opacity:.08;background-position:-80% 50%}}@keyframes electricEdgeCrawlSoft{0%,72%,to{opacity:0;transform:translate(0) scaleX(.3)}78%{opacity:.3}90%{opacity:.08}96%{opacity:.2;transform:translate(360%) scaleX(.8)}}.electric-hover-node:hover{border-color:#00eaff57!important;box-shadow:0 0 0 1px #00eaff29 inset,0 0 26px #00eaff1f,0 18px 45px #00000059!important}.electric-hover-node:hover:before{opacity:.38;animation-duration:2.8s}.electric-hover-node:hover:after{opacity:.85;animation-duration:2.4s}.electric-active-node{border-color:#00eaff6b!important;box-shadow:0 0 0 1px #00eaff2e inset,0 0 30px #00eaff24,0 0 58px #7c3aed1a!important}.electric-active-node:before{opacity:.25;animation-duration:4.2s}.electric-active-node:after{opacity:.65;animation-duration:3.2s}.electric-button{position:relative;overflow:hidden;isolation:isolate}.electric-button>*{position:relative;z-index:2}.electric-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:1;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 0%,transparent 35%,rgba(235,255,255,.35) 44%,rgba(0,234,255,.25) 48%,rgba(124,58,237,.15) 52%,transparent 60%,transparent 100%);background-size:220% 220%;transition:opacity .25s ease}.electric-button:hover:before{opacity:.3;animation:electricBtnCrawl 1.6s ease-in-out infinite}@keyframes electricBtnCrawl{0%,to{background-position:130% 50%}50%{background-position:-30% 50%}}.electric-surface:nth-child(2n):before,.electric-surface:nth-child(2n):after{animation-delay:var(--electric-delay, -1.2s)}.electric-surface:nth-child(3n):before,.electric-surface:nth-child(3n):after{animation-delay:var(--electric-delay, -2.4s)}@media (prefers-reduced-motion: reduce){.electric-surface:before,.electric-surface:after,.electric-hover-node:before,.electric-hover-node:after,.electric-active-node:before,.electric-active-node:after,.electric-button:before,.electric-surface-soft:before,.electric-surface-soft:after{animation:none!important;opacity:0!important}.electric-hover-node:hover,.electric-active-node{border-color:var(--glass-border)!important;box-shadow:none!important}}