.city-skyline{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bg-buildings{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,#0d0221 0%,#1a1b2e 30%,#292b3e 60%,transparent 100%);background-image:linear-gradient(90deg,transparent 0%,transparent 10%,#1a1b2e 10%,#1a1b2e 15%,transparent 15%),linear-gradient(90deg,transparent 20%,transparent 25%,#0d0221 25%,#0d0221 35%,transparent 35%),linear-gradient(90deg,transparent 40%,transparent 45%,#292b3e 45%,#292b3e 55%,transparent 55%),linear-gradient(90deg,transparent 65%,transparent 70%,#1a1b2e 70%,#1a1b2e 80%,transparent 80%),linear-gradient(90deg,transparent 85%,transparent 90%,#0d0221 90%,#0d0221 100%);background-size:100% 100%}.rain-container{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.rain{position:absolute;top:-10px;width:2px;height:100px;background:linear-gradient(to bottom,transparent,#05d9e8,transparent);animation:rainfall 1s linear infinite;opacity:.6}@keyframes rainfall{0%{transform:translateY(-100px);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(100vh);opacity:0}}.neon-signs{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.neon-sign{position:absolute;font-family:Orbitron,monospace;font-weight:700;color:#ff2a6d;text-shadow:0 0 5px #ff2a6d,0 0 10px #ff2a6d,0 0 20px #ff2a6d,0 0 40px #ff2a6d;animation:neonFlicker 3s ease-in-out infinite alternate}.neon-sign-1{top:20%;left:10%;font-size:2rem;transform:rotate(-5deg)}.neon-sign-2{top:40%;right:15%;font-size:1.5rem;color:#05d9e8;text-shadow:0 0 5px #05d9e8,0 0 10px #05d9e8,0 0 20px #05d9e8,0 0 40px #05d9e8;animation-delay:1s}.neon-sign-3{bottom:30%;left:60%;font-size:1.2rem;color:#d929f7;text-shadow:0 0 5px #d929f7,0 0 10px #d929f7,0 0 20px #d929f7,0 0 40px #d929f7;animation-delay:2s}@keyframes neonFlicker{0%,to{opacity:1;filter:brightness(1)}50%{opacity:.8;filter:brightness(1.2)}}.flying-cars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.flying-car{position:absolute;width:60px;height:20px;background:linear-gradient(45deg,#ff2a6d,#05d9e8);border-radius:10px;box-shadow:0 0 20px #ff2a6d80;animation:flyAcross 15s linear infinite}.car-1{top:25%;animation-delay:0s}.car-2{top:35%;animation-delay:5s;background:linear-gradient(45deg,#05d9e8,#d929f7);box-shadow:0 0 20px #05d9e880}.car-3{top:45%;animation-delay:10s;background:linear-gradient(45deg,#d929f7,#ffd319);box-shadow:0 0 20px #d929f780}@keyframes flyAcross{0%{left:-100px;transform:translateY(0)}25%{transform:translateY(-10px)}50%{transform:translateY(5px)}75%{transform:translateY(-5px)}to{left:calc(100% + 100px);transform:translateY(0)}}.holo-ads{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.holo-ad{position:absolute;background:#05d9e81a;border:1px solid rgba(5,217,232,.3);border-radius:10px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:holoFloat 4s ease-in-out infinite}.ad-1{top:15%;right:20%;width:200px;height:100px}.ad-2{bottom:25%;left:15%;width:180px;height:80px;animation-delay:2s}.holo-content{text-align:center;color:#05d9e8}.holo-text{font-family:Orbitron,monospace;font-size:.9rem;font-weight:700;margin-bottom:.5rem;text-shadow:0 0 10px #05d9e8}.holo-subtext{font-size:.7rem;opacity:.8}@keyframes holoFloat{0%,to{transform:translateY(0) scale(1);opacity:.7}50%{transform:translateY(-10px) scale(1.05);opacity:1}}.terminal-window{background:#0d0221f2;border:2px solid #05d9e8;border-radius:10px;box-shadow:0 0 20px #05d9e84d,inset 0 0 20px #05d9e81a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#05d9e81a;border-bottom:1px solid rgba(5,217,232,.3)}.terminal-controls{display:flex;gap:.5rem}.control-dot{width:12px;height:12px;border-radius:50%}.terminal-title{font-family:Orbitron,monospace;color:#05d9e8;font-weight:700;font-size:.9rem}.terminal-status{display:flex;align-items:center;gap:.5rem}.status-indicator{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.status-indicator.online{background:#10b981;box-shadow:0 0 10px #10b981}.terminal-content{padding:1.5rem}.terminal-tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(5,217,232,.2)}.terminal-tab{padding:.5rem 1rem;background:transparent;border:none;color:#6b7280;font-family:Orbitron,monospace;font-size:.8rem;cursor:pointer;transition:all .3s ease;position:relative}.terminal-tab:hover{color:#05d9e8}.terminal-tab.active{color:#05d9e8;text-shadow:0 0 10px #05d9e8}.terminal-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#05d9e8;box-shadow:0 0 10px #05d9e8}.terminal-panel{min-height:300px}.main-title{font-family:Orbitron,monospace;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:2rem;color:#ff2a6d;text-shadow:0 0 10px #ff2a6d,0 0 20px #ff2a6d,0 0 40px #ff2a6d}.terminal-text{font-family:Share Tech Mono,monospace;font-size:.9rem;line-height:1.6;color:#e5e7eb}.action-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-top:2rem}.cyber-action-card{background:#1a1b2ecc;border:1px solid rgba(5,217,232,.3);border-radius:8px;padding:1.5rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.cyber-action-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(5,217,232,.1),transparent);transition:left .5s ease}.cyber-action-card:hover:before{left:100%}.cyber-action-card:hover{border-color:#05d9e8;box-shadow:0 0 20px #05d9e84d;transform:translateY(-2px)}.action-icon{color:#05d9e8;margin-bottom:1rem}.action-title{font-family:Orbitron,monospace;font-weight:700;color:#fff;margin-bottom:.5rem;font-size:1.1rem}.action-desc{color:#9ca3af;font-size:.9rem}.world-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.world-location{background:#292b3e99;border:1px solid rgba(255,42,109,.3);border-radius:8px;padding:1.5rem;text-decoration:none;text-align:center;transition:all .3s ease;position:relative}.world-location:hover{border-color:#ff2a6d;box-shadow:0 0 20px #ff2a6d4d;transform:scale(1.05)}.location-icon{font-size:2rem;margin-bottom:1rem}.location-name{font-family:Orbitron,monospace;font-weight:700;color:#fff;margin-bottom:.5rem}.location-status{color:#ff2a6d;font-size:.8rem;text-transform:uppercase}.character-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.character-slot{background:#292b3e99;border:1px solid rgba(217,41,247,.3);border-radius:8px;padding:1.5rem;text-decoration:none;text-align:center;transition:all .3s ease}.character-slot:hover{border-color:#d929f7;box-shadow:0 0 20px #d929f74d;transform:translateY(-2px)}.character-slot.empty{border-style:dashed;opacity:.7}.character-avatar{font-size:2rem;margin-bottom:1rem}.character-name{font-family:Orbitron,monospace;font-weight:700;color:#fff;margin-bottom:.5rem;font-size:.9rem}.character-status{color:#d929f7;font-size:.7rem;text-transform:uppercase}.system-stats{space-y:1rem}.stat-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.stat-label{font-family:Orbitron,monospace;color:#05d9e8;font-size:.8rem;min-width:100px}.stat-bar{flex:1;height:8px;background:#05d9e833;border-radius:4px;overflow:hidden}.stat-fill{height:100%;background:linear-gradient(90deg,#05d9e8,#d929f7);border-radius:4px;transition:width 2s ease;box-shadow:0 0 10px #05d9e880}.stat-value{font-family:Share Tech Mono,monospace;color:#fff;font-size:.8rem;min-width:40px;text-align:right}.system-actions{display:flex;gap:1rem;flex-wrap:wrap}.system-button{background:#05d9e81a;border:1px solid #05d9e8;color:#05d9e8;padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-family:Orbitron,monospace;font-size:.8rem;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.system-button:hover{background:#05d9e833;box-shadow:0 0 15px #05d9e84d}.system-button.danger{border-color:#ff2a6d;color:#ff2a6d;background:#ff2a6d1a}.system-button.danger:hover{background:#ff2a6d33;box-shadow:0 0 15px #ff2a6d4d}.button-icon{font-size:1rem}.quick-access-panel{background:#0d0221e6;border:1px solid rgba(255,211,25,.3);border-radius:8px;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.panel-title{font-family:Orbitron,monospace;color:#ffd319;font-size:.8rem;font-weight:700;margin-bottom:1rem;text-align:center;text-shadow:0 0 10px #ffd319}.quick-buttons{display:flex;justify-content:center;gap:1rem}.quick-button{position:relative;width:50px;height:50px;background:#ffd3191a;border:1px solid #ffd319;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;transition:all .3s ease;overflow:hidden}.quick-button:hover{transform:scale(1.1);box-shadow:0 0 20px #ffd31980}.button-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background:conic-gradient(from 0deg,#ffd319,#ff2a6d,#05d9e8,#d929f7,#ffd319);border-radius:50%;opacity:0;transition:opacity .3s ease;z-index:-1}.quick-button:hover .button-glow{opacity:.7;animation:rotate 2s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.particles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:#05d9e8;border-radius:50%;animation:particleFloat 20s linear infinite;opacity:.6;box-shadow:0 0 10px #05d9e8}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translateY(-100px) translate(100px);opacity:0}}.glitch-text{position:relative;display:inline-block}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{animation:glitch-1 .5s infinite;color:#ff2a6d;z-index:-1}.glitch-text:after{animation:glitch-2 .5s infinite;color:#05d9e8;z-index:-2}@keyframes glitch-1{0%,14%,15%,49%,50%,99%,to{transform:translate(0)}15%,49%{transform:translate(-2px,-1px)}}@keyframes glitch-2{0%,20%,21%,62%,63%,99%,to{transform:translate(0)}21%,62%{transform:translate(2px,1px)}}@media (max-width: 768px){.main-title{font-size:2rem}.terminal-content{padding:1rem}.action-grid,.world-grid{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,1fr)}.quick-buttons{flex-wrap:wrap}.neon-sign-1{font-size:1.5rem}.neon-sign-2,.neon-sign-3{font-size:1rem}}@media (max-width: 480px){.terminal-tabs{flex-wrap:wrap;gap:.5rem}.terminal-tab{font-size:.7rem;padding:.4rem .8rem}.system-actions{flex-direction:column}.character-grid{grid-template-columns:1fr}}.home-auth-banner{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:1.25rem;padding:.875rem 1rem;background:#0d0221eb;border:1px solid rgba(5,217,232,.35);border-radius:8px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-auth-banner--signed-in{border-color:#10b98173}.home-auth-banner__label{font-family:Orbitron,monospace;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:#05d9e8;padding:.2rem .5rem;border:1px solid rgba(5,217,232,.4);border-radius:4px}.home-auth-banner--signed-in .home-auth-banner__label{color:#10b981;border-color:#10b98173}.home-auth-banner__text{flex:1 1 12rem;font-size:.9rem;color:#d1d5db;line-height:1.4}.home-auth-banner__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-left:auto}.home-auth-banner__action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.5rem 1rem;font-family:Orbitron,monospace;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;color:#05d9e8;border:1px solid rgba(5,217,232,.5);border-radius:6px;transition:background .2s ease,box-shadow .2s ease}.home-auth-banner__action:hover{background:#05d9e81f;box-shadow:0 0 12px #05d9e840}.home-auth-banner__action--primary{color:#0d0221;background:#05d9e8;border-color:#05d9e8}.home-auth-banner__action--primary:hover{background:#3ee8f5;color:#0d0221}.home-hero{margin-bottom:1.5rem;text-align:center}.home-hero__title{display:block;width:100%}.home-hero__tagline{max-width:36rem;margin:.75rem auto 0;font-size:.95rem;line-height:1.55;color:#9ca3af}.home-primary-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem}.home-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.625rem 1.25rem;font-family:Orbitron,monospace;font-size:.8rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;border-radius:6px;border:1px solid rgba(5,217,232,.45);color:#05d9e8;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.home-cta:hover{background:#05d9e81f;transform:translateY(-1px);box-shadow:0 0 14px #05d9e833}.home-cta--primary{background:linear-gradient(135deg,#05d9e840,#ff2a6d26);border-color:#05d9e8;color:#fff}.home-cta--accent{border-color:#ff2a6d;color:#ff2a6d}.home-cta--accent:hover{background:#ff2a6d1f;box-shadow:0 0 14px #ff2a6d40}.terminal-tabs--scroll{overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:.25rem}.terminal-tabs--scroll .terminal-tab{flex-shrink:0;white-space:nowrap}.quick-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}@media (min-width: 640px){.quick-access-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.quick-access-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-height:72px;padding:.75rem;text-decoration:none;border:1px solid rgba(255,211,25,.35);border-radius:8px;background:#ffd3190f;transition:border-color .2s ease,background .2s ease,transform .2s ease}.quick-access-item:hover{border-color:#ffd319;background:#ffd3191f;transform:translateY(-2px)}.quick-access-item__icon{font-size:1.35rem;line-height:1}.quick-access-item__label{font-family:Orbitron,monospace;font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:#ffd319;text-align:center}.main-title{font-size:clamp(1.75rem,5vw,2.5rem)}.auth-terminal .terminal-content{padding:1.25rem 1.5rem 1.5rem}.auth-back-link:focus-visible{outline:2px solid #05d9e8;outline-offset:4px;border-radius:4px}.auth-error-banner{padding:.875rem 1rem;border-radius:6px;border:1px solid rgba(255,42,109,.5);background:#ff2a6d1a}.auth-error-banner__title{font-family:Orbitron,monospace;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#ff2a6d;margin-bottom:.35rem}.auth-error-banner__list{margin:0;padding-left:1.1rem;font-size:.875rem;color:#fca5a5}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.5rem 1rem;font-size:.875rem;color:#e5e7eb;text-decoration:none;border:1px solid rgba(5,217,232,.3);border-radius:6px;background:#1a1b2ecc;transition:border-color .2s ease,background .2s ease}.auth-social-btn:hover{border-color:#05d9e8;background:#05d9e814}.form-group-enhanced label{color:#d1d5db}@media (prefers-reduced-motion: reduce){.rain,.flying-car,.particle,.neon-sign,.holo-ad,.glitch-text:before,.glitch-text:after,.animate-blob,.status-indicator{animation:none!important}.cyber-action-card:hover,.world-location:hover,.character-slot:hover,.quick-access-item:hover,.home-cta:hover{transform:none}}