:root{--gold: #C9A84C;--gold-light: #E2C97E;--gold-dark: #9A7B2F;--gold-glow: rgba(201, 168, 76, .35);--gold-subtle: rgba(201, 168, 76, .08);--bg-deep: #060A14;--bg-primary: #0A0E1A;--bg-elevated: #0F1528;--bg-card: rgba(15, 21, 40, .65);--shield-blue: #1A2744;--shield-blue-light: #243560;--text-primary: #E8DCC8;--text-secondary: rgba(232, 220, 200, .55);--text-muted: rgba(232, 220, 200, .3);--border-subtle: rgba(201, 168, 76, .12);--border-gold: rgba(201, 168, 76, .25);--font-display: "Cinzel", serif;--font-body: "Cormorant Garamond", serif;--font-mono: "JetBrains Mono", monospace;--ease-royal: cubic-bezier(.25, .46, .45, .94);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh;overflow:hidden}::selection{background:var(--gold);color:var(--bg-deep)}input::placeholder{color:var(--text-muted)}.hero-login{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2rem;padding-bottom:80px;pointer-events:none}.hero-login>*{pointer-events:auto}.hero-login__logo-wrapper,.hero-login__title-group,.hero-login__card,.hero-login__ornament-top,.hero-login__ornament-bottom{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-royal),transform .8s var(--ease-royal)}.hero-login--loaded .hero-login__ornament-top{opacity:1;transform:translateY(0);transition-delay:.1s}.hero-login--loaded .hero-login__logo-wrapper{opacity:1;transform:translateY(0);transition-delay:.3s}.hero-login--loaded .hero-login__title-group{opacity:1;transform:translateY(0);transition-delay:.5s}.hero-login--loaded .hero-login__card{opacity:1;transform:translateY(0);transition-delay:.7s}.hero-login--loaded .hero-login__ornament-bottom{opacity:1;transform:translateY(0);transition-delay:.9s}.hero-login__ornament-top,.hero-login__ornament-bottom{display:flex;align-items:center;gap:12px;width:320px;margin-bottom:16px}.hero-login__ornament-bottom{margin-bottom:0;margin-top:20px}.hero-login__ornament-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-gold),transparent)}.hero-login__ornament-diamond{width:8px;height:8px;background:var(--gold);transform:rotate(45deg);opacity:.5;box-shadow:0 0 8px var(--gold-glow)}.hero-login__logo-wrapper{position:relative;width:160px;height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.hero-login__logo{width:130px;height:130px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 0 30px rgba(201,168,76,.4)) drop-shadow(0 0 60px rgba(201,168,76,.15));animation:logoFloat 6s ease-in-out infinite}.hero-login__logo-glow{position:absolute;top:50%;left:50%;width:240px;height:240px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(201,168,76,.2) 0%,rgba(201,168,76,.05) 40%,transparent 70%);animation:glowPulse 4s ease-in-out infinite;z-index:1}.hero-login__logo-ring{position:absolute;top:50%;left:50%;width:170px;height:170px;transform:translate(-50%,-50%);border:1px solid rgba(201,168,76,.12);border-radius:50%;animation:ringPulse 4s ease-in-out infinite;z-index:1}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes glowPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.15)}}@keyframes ringPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.08)}}.hero-login__title-group{text-align:center;margin-bottom:28px}.hero-login__title{font-family:var(--font-display);font-size:2rem;font-weight:600;letter-spacing:.35em;color:var(--gold);text-shadow:0 0 30px rgba(201,168,76,.3);margin-bottom:6px;line-height:1.2}.hero-login__subtitle{font-family:var(--font-mono);font-size:.65rem;font-weight:300;letter-spacing:.3em;color:var(--text-secondary);text-transform:uppercase}.hero-login__card{position:relative;width:360px;max-width:100%}.hero-login__card-border{position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,#c9a84c4d,#c9a84c0d 30% 70%,#c9a84c33);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.hero-login__card-inner{background:var(--bg-card);backdrop-filter:blur(40px) saturate(1.2);-webkit-backdrop-filter:blur(40px) saturate(1.2);border-radius:16px;padding:32px 28px;position:relative;overflow:hidden}.hero-login__card-inner:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),transparent)}.hero-login__card-inner:after{content:"";position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(105deg,transparent 40%,rgba(201,168,76,.02) 45%,rgba(201,168,76,.04) 50%,rgba(201,168,76,.02) 55%,transparent 60%);animation:cardSheen 8s ease-in-out infinite;pointer-events:none}@keyframes cardSheen{0%,to{transform:translate(-30%)}50%{transform:translate(30%)}}.hero-login__card-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.hero-login__card-header-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-subtle))}.hero-login__card-header-line:last-child{background:linear-gradient(90deg,var(--border-subtle),transparent)}.hero-login__card-header-text{font-family:var(--font-mono);font-size:.6rem;font-weight:400;letter-spacing:.25em;color:var(--text-muted);white-space:nowrap}.hero-login__form{display:flex;flex-direction:column;gap:18px}.hero-login__field{display:flex;flex-direction:column;gap:6px}.hero-login__label{font-family:var(--font-mono);font-size:.55rem;font-weight:500;letter-spacing:.2em;color:var(--text-muted);padding-left:2px}.hero-login__input-wrapper{position:relative;display:flex;align-items:center}.hero-login__input-icon{position:absolute;left:14px;width:16px;height:16px;color:var(--text-muted);transition:color .3s var(--ease-royal);pointer-events:none}.hero-login__field--focused .hero-login__input-icon{color:var(--gold)}.hero-login__input{width:100%;padding:12px 14px 12px 42px;background:#060a1499;border:1px solid var(--border-subtle);border-radius:10px;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;font-weight:400;letter-spacing:.02em;outline:none;transition:border-color .3s var(--ease-royal),box-shadow .3s var(--ease-royal),background .3s var(--ease-royal)}.hero-login__input:focus{border-color:var(--border-gold);box-shadow:0 0 0 3px #c9a84c14,0 0 20px #c9a84c0d;background:#060a14cc}.hero-login__button{position:relative;width:100%;padding:14px 24px;margin-top:6px;background:linear-gradient(135deg,var(--gold-dark),var(--gold));border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;transition:transform .2s var(--ease-royal),box-shadow .3s var(--ease-royal)}.hero-login__button:hover{transform:translateY(-1px);box-shadow:0 8px 30px #c9a84c40,0 0 60px #c9a84c1a}.hero-login__button:active{transform:translateY(0)}.hero-login__button-text{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.25em;color:var(--bg-deep)}.hero-login__button-arrow{width:16px;height:16px;color:var(--bg-deep);transition:transform .3s var(--ease-royal)}.hero-login__button:hover .hero-login__button-arrow{transform:translate(4px)}.hero-login__button-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:buttonShimmer 3s ease-in-out infinite}@keyframes buttonShimmer{0%{left:-100%}50%,to{left:100%}}@media(max-height:700px){.hero-login__logo-wrapper{width:100px;height:100px;margin-bottom:10px}.hero-login__logo{width:85px;height:85px}.hero-login__title{font-size:1.5rem}.hero-login__title-group{margin-bottom:18px}.hero-login__card-inner{padding:24px 22px}.hero-login__ornament-top,.hero-login__ornament-bottom{display:none}}@media(max-width:480px){.hero-login__card{width:100%}.hero-login__title{font-size:1.4rem;letter-spacing:.2em}}.stats-bar{position:fixed;bottom:0;left:0;right:0;z-index:20;background:linear-gradient(to top,#060a14f2,#060a14d9 60%,#060a1499);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-subtle);overflow:hidden;opacity:0;transform:translateY(100%);transition:opacity .6s var(--ease-royal),transform .6s var(--ease-royal)}.stats-bar--loaded{opacity:1;transform:translateY(0)}.stats-bar__inner{display:flex;align-items:center;justify-content:center;padding:10px 24px;gap:0}.stats-bar__section{display:flex;align-items:center;gap:4px}.stats-bar__section-label{font-family:var(--font-mono);font-size:.48rem;font-weight:400;letter-spacing:.2em;color:var(--gold);opacity:.5;margin-right:8px;white-space:nowrap}.stats-bar__items{display:flex;gap:4px;align-items:center}.stats-bar__item{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;background:#c9a84c08;border:1px solid rgba(201,168,76,.06)}.stats-bar__item--status{background:#5bcc6f08;border-color:#5bcc6f14}.stats-bar__icon{display:flex;align-items:center;justify-content:center;width:12px;height:12px;color:var(--gold);opacity:.5;flex-shrink:0}.stats-bar__icon svg{width:100%;height:100%}.stats-bar__item--status .stats-bar__icon{color:#5bcc6f}.stats-bar__item-label{font-family:var(--font-mono);font-size:.48rem;font-weight:300;letter-spacing:.06em;color:var(--text-muted);white-space:nowrap}.stats-bar__item-value{font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--text-primary);letter-spacing:.03em;transition:color .5s var(--ease-royal);white-space:nowrap}.stats-bar__item-value--green{color:#5bcc6f;text-shadow:0 0 8px rgba(91,204,111,.25)}.stats-bar__item-unit{font-family:var(--font-mono);font-size:.45rem;font-weight:300;color:var(--text-muted);letter-spacing:.03em;white-space:nowrap}.stats-bar__divider{width:1px;height:24px;background:var(--border-subtle);margin:0 12px;flex-shrink:0}.stats-bar__clock{display:flex;flex-direction:column;align-items:center;gap:1px;padding:0 16px;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);margin:0 12px;flex-shrink:0}.stats-bar__clock-time{font-family:var(--font-mono);font-size:.95rem;font-weight:400;color:var(--gold-light);letter-spacing:.12em;text-shadow:0 0 12px rgba(201,168,76,.2);white-space:nowrap}.stats-bar__clock-date{font-family:var(--font-mono);font-size:.45rem;font-weight:300;color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.stats-bar__scanline{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,76,.2),rgba(201,168,76,.4),rgba(201,168,76,.2),transparent);animation:scanline 4s ease-in-out infinite}@keyframes scanline{0%,to{transform:translate(-50%);opacity:.3}50%{transform:translate(50%);opacity:.8}}@media(max-width:1100px){.stats-bar__item-label,.stats-bar__section-label{display:none}}@media(max-width:768px){.stats-bar__inner{padding:8px 12px}.stats-bar__items{gap:3px}.stats-bar__item{padding:3px 5px}.stats-bar__clock{padding:0 10px;margin:0 8px}.stats-bar__clock-time{font-size:.8rem}}