@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--text-color:#e8e8e8;--gray:#6b7280;--dim-gray:#374151;--surface-color:#161b22;--border-color:#21262d;--primary-color:#58a6ff;--cyber-blue:#00e5ff;--error-color:#ff4d4d;--success-color:#0fc}body{color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;justify-content:center;margin:0;padding:0;font-family:Inter,sans-serif;display:flex;overflow:hidden}#root{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.app-container{box-sizing:border-box;background-color:#0a0a0e;background-image:url(/bg_wide.jpg);background-position:0;background-size:cover;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.glass-panel{-webkit-backdrop-filter:blur(12px);border:1px solid var(--cyber-blue);box-sizing:border-box;background-color:#0a1018b3;border-radius:20px;flex-direction:column;align-items:center;width:90%;max-width:420px;max-height:90vh;padding:40px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 40px #00e5ff1a}.glass-panel-content{flex-direction:column;align-items:center;width:100%;height:100%;display:flex}.scroll-area{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;align-items:center;width:100%;display:flex;overflow-y:auto}.scroll-area::-webkit-scrollbar{display:none}@media (width>=768px){.app-container{align-items:flex-end;padding-right:80px}.glass-panel{width:420px;height:calc(100vh - 80px);max-height:800px;padding:60px 40px}.scroll-area{scrollbar-width:thin;scrollbar-color:#00e5ff4d transparent}.scroll-area::-webkit-scrollbar{width:4px;display:block}.scroll-area::-webkit-scrollbar-track{background:0 0}.scroll-area::-webkit-scrollbar-thumb{background-color:#00e5ff4d;border-radius:4px}.scroll-area::-webkit-scrollbar-thumb:hover{background-color:#00e5ff99}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-cyber{0%{transform:scale(.8)}to{transform:scale(1.2)}}input::placeholder{color:var(--dim-gray)}.login-container{scrollbar-width:thin;scrollbar-color:#58a6ff40 transparent}.login-container::-webkit-scrollbar{width:4px;display:block}.login-container::-webkit-scrollbar-track{background:0 0}.login-container::-webkit-scrollbar-thumb{background-color:#58a6ff40;border-radius:4px}.login-container::-webkit-scrollbar-thumb:hover{background-color:#58a6ff80}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float-cyber{0%{filter:drop-shadow(0 0 2px #00e5ff33);transform:translateY(0)scale(1)}50%{filter:drop-shadow(0 0 8px #00e5ff99);transform:translateY(-6px)scale(1.05)}to{filter:drop-shadow(0 0 2px #00e5ff33);transform:translateY(0)scale(1)}}