:root{--text: #ffffff;--primary: #00bcd4;--primary-light: #4dd0e1;--primary-dark: #008ba3;--text-light: #ffffff;--text-dark: #222222;--bg-dark: rgba(0, 0, 0, .5);--bg-gradient: linear-gradient(135deg, rgba(0, 188, 212, .9), rgba(0, 139, 163, .7));--shadow: 0 4px 12px rgba(0, 0, 0, .15);--transition: all .3s ease;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif}@media(prefers-color-scheme:dark){:root{--text-light: #e0e0e0;--bg-dark: rgba(0, 0, 0, .7);--bg-gradient: linear-gradient(135deg, rgba(0, 188, 212, .7), rgba(0, 139, 163, .5))}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font-family);font-size:clamp(14px,1.5vw,16px);color:var(--text-light);background:var(--bg-gradient);overflow-x:hidden;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-container{display:flex;justify-content:center;padding:2rem 1rem;animation:fadeIn .5s ease-out}.auth-card{background:var(--bg-dark);border-radius:16px;padding:clamp(1.5rem,3vw,2.5rem);box-shadow:var(--shadow);backdrop-filter:blur(10px);max-width:450px;width:100%;text-align:left;transition:var(--transition)}.card{background:var(--bg-dark);border-radius:12px;box-shadow:var(--shadow);backdrop-filter:blur(8px)}.btn-primary{width:100%;padding:.7rem;border:none;border-radius:10px;background:#09f;color:#fff;font-weight:700;cursor:pointer;transition:var(--transition)}.btn-primary:hover{background:#007acc}.btn-primary:disabled{background:#555;cursor:not-allowed}.form-input{width:100%;padding:.6rem;border-radius:8px;border:none;outline:none;background:#1a1a1a;color:#fff;transition:var(--transition)}.form-input:focus{border:1px solid #0099ff}.form-input.ng-touched.ng-invalid{border:1px solid #ff4d4f}.form-input.ng-touched.ng-valid{border:1px solid #00cc66}