:root{--bg-app: #050505;--bg-panel: #121212;--bg-input: #1e1e1e;--color-primary: #2895EA;--color-danger: #ff0055;--color-accent: #7000ff;--color-text: #ffffff;--color-text-muted: #a0a0a0;--font-main: "Montserrat", sans-serif;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.25rem;--shadow-glow-green: 0 0 1.25rem rgba(40, 149, 234, .3);--shadow-glow-red: 0 0 1.25rem rgba(255, 0, 85, .3)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;height:100dvh;height:100vh;overflow:hidden}body{background-color:var(--bg-app);color:var(--color-text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;height:100dvh;height:100vh;overflow:hidden;margin:0;padding:0}#root{height:100dvh;height:100vh;overflow:hidden}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none}.container{width:90%;max-width:1200px;margin:0 auto;padding:0}.flex-center{display:flex;align-items:center;justify-content:center}.text-gradient{background:linear-gradient(45deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{background:var(--color-primary);color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:var(--radius-md);transition:all .2s}.btn-primary:hover{transform:translateY(-.125rem);box-shadow:var(--shadow-glow-green)}.btn-primary:disabled{background:#333;color:#666;cursor:not-allowed;opacity:.5}.btn-primary:disabled:hover{transform:none;box-shadow:none}.btn-danger{background:var(--color-danger);color:#fff;font-weight:700;padding:.75rem 1.5rem;border-radius:var(--radius-md);transition:all .2s}.btn-danger:hover{transform:translateY(-.125rem);box-shadow:var(--shadow-glow-red)}.panel{background:var(--bg-panel);border-radius:var(--radius-lg);padding:1.5rem;border:1px solid rgba(255,255,255,.05)}input{background:var(--bg-input);border:1px solid rgba(255,255,255,.1);color:#fff;padding:.75rem;border-radius:var(--radius-sm);width:100%;font-family:var(--font-main)}input:focus{border-color:var(--color-primary)}@media (orientation: landscape) and (max-height: 600px){html{font-size:14px}.container{width:95%}.panel{padding:1rem}}@media (orientation: portrait) and (max-width: 768px){.login-grid{grid-template-columns:1fr!important}.login-grid .login-form-container{order:1!important}.login-grid .login-logo-container{order:2!important}.portrait-warning{display:flex!important}}