@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #0b0d1e;--surface: #14172b;--surface-2: #1c2038;--border: #2a2f4a;--text: #eef0f8;--muted: #9aa3c2;--accent: #6c63ff;--accent-hover: #857dff;--danger: #ff5c7a;--success: #3dd68c;--radius: 12px;--shadow: 0 8px 32px rgba(0, 0, 0, .35)}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,#171a33 0%,var(--bg) 55%);color:var(--text)}a{color:var(--accent);text-decoration:none}button,input,textarea{font:inherit}.container{width:min(1100px,100% - 2rem);margin-inline:auto}@media(max-width:480px){.container{width:min(1100px,100% - 1.25rem)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:999px;padding:.75rem 1.25rem;font-weight:600;cursor:pointer;transition:background .2s,transform .15s}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.btn-danger{background:transparent;color:var(--danger);border:1px solid rgba(255,92,122,.35)}.card-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.form-field{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1rem}.form-field label{font-size:.875rem;font-weight:500;color:var(--muted)}.form-field input,.form-field textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:.75rem .9rem;color:var(--text)}.form-field input:focus,.form-field textarea:focus{outline:2px solid rgba(108,99,255,.45);border-color:var(--accent)}.form-field input.ng-invalid.ng-touched,.form-field textarea.ng-invalid.ng-touched{border-color:var(--danger)}.error-banner{background:#ff5c7a1f;border:1px solid rgba(255,92,122,.35);color:#ffb3c1;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.success-banner{background:#3dd68c1f;border:1px solid rgba(61,214,140,.35);color:#a8f0cc;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}.info-banner{background:#6c63ff1f;border:1px solid rgba(108,99,255,.35);color:#c7c3ff;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem}
