:root{--primary: #06B6D4;--primary-light: #22D3EE;--primary-dark: #0891B2;--primary-glow: rgba(6, 182, 212, .25);--secondary: #A78BFA;--secondary-light: #C4B5FD;--secondary-dark: #8B5CF6;--secondary-glow: rgba(167, 139, 250, .2);--accent: #F59E0B;--success: #34D399;--warning: #FBBF24;--error: #F87171;--info: #60A5FA;--bg-deep: #060A13;--bg-primary: #0B1121;--bg-surface: #111B2E;--bg-elevated: #182036;--bg-hover: #1E2A45;--bg-input: #141E33;--glass-bg: rgba(17, 27, 46, .65);--glass-border: rgba(255, 255, 255, .06);--glass-border-hover: rgba(255, 255, 255, .1);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--text-disabled: #475569;--font-display: "Bricolage Grotesque", serif;--font-body: "Lexend", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 8px 32px rgba(0,0,0,.4);--shadow-xl: 0 16px 48px rgba(0,0,0,.5);--shadow-glow-primary: 0 0 30px rgba(6,182,212,.2);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;background:var(--bg-deep);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-height:100vh}::selection{background:#06b6d44d;color:#fff}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.85rem;font-weight:600;border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);letter-spacing:.01em;text-decoration:none;outline:none}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:var(--shadow-sm),0 0 20px var(--primary-glow)}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 30px #06b6d459}.btn--secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--glass-border)}.btn--secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--glass-border-hover)}.btn--ghost{background:transparent;color:var(--primary)}.btn--ghost:hover:not(:disabled){background:#06b6d414}.btn--block{width:100%}.input-field{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--bg-input);color:var(--text-primary);font-family:var(--font-body);font-size:.88rem;transition:all var(--duration-fast) ease;outline:none}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.input-field.ng-touched.ng-invalid{border-color:var(--error)}.input-field.ng-touched.ng-invalid:focus{box-shadow:0 0 0 3px #f8717133}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:.82rem;font-weight:500;color:var(--text-secondary)}.form-error{font-size:.75rem;color:var(--error)}.gradient-text{background:linear-gradient(135deg,var(--primary-light),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}