.container{max-width:520px;margin:0 auto;padding:3rem 1.5rem;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start}.card{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014,0 0 1px #0000000a;padding:2.5rem;transition:box-shadow .2s ease}.card:hover{box-shadow:0 4px 16px #0000001f,0 0 1px #0000000a}.title{font-size:2rem;font-weight:800;color:var(--color-primary);text-align:center;margin-bottom:.5rem;letter-spacing:-.5px}.subtitle{font-size:.875rem;color:var(--color-text-light);text-align:center;margin-bottom:2rem;font-weight:500}.banner{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-weight:600;text-align:center;animation:slideDown .3s ease-out;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.banner.success{background:linear-gradient(135deg,#dcfce7,#d1fae5);color:#15803d;border:1px solid #86efac}.banner.error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #fca5a5}.form{display:flex;flex-direction:column;gap:1.75rem}.form-group{display:flex;flex-direction:column;gap:.625rem}.form-group label{font-weight:700;font-size:.95rem;color:var(--color-text);display:flex;align-items:center;gap:.25rem}.required:after{content:"*";color:var(--color-error)}.form-group input,.form-group textarea{padding:.875rem 1rem;border:1.5px solid var(--color-border);border-radius:8px;font-size:1rem;font-family:inherit;transition:all .2s ease;background-color:#fff;color:var(--color-text);letter-spacing:.3px}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #2563eb1a;background-color:#f0f4ff}.form-group input:disabled,.form-group textarea:disabled{background-color:var(--color-bg);color:var(--color-text-light);cursor:not-allowed;border-color:#e5e7eb}.helper-text{font-size:.8rem;color:var(--color-text-light);margin-top:.25rem;font-weight:400}.error-text{font-size:.85rem;color:var(--color-error);margin-top:.5rem;font-weight:500;display:flex;align-items:center;gap:.375rem}.error-text:before{content:"⚠";font-size:.875rem}.submit-btn{padding:1rem 1.5rem;background:linear-gradient(135deg,var(--color-primary) 0%,#1d4ed8 100%);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:.5rem;letter-spacing:.3px;box-shadow:0 4px 12px #2563eb40;text-transform:uppercase;font-size:.95rem}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 6px 20px #2563eb59;transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 8px #2563eb40}.submit-btn:disabled{background:linear-gradient(135deg,#d1d5db,#9ca3af);cursor:not-allowed;opacity:.7;box-shadow:none;transform:none}@media (max-width: 640px){.container{padding:2rem 1rem}.card{padding:1.75rem}.title{font-size:1.75rem}.form{gap:1.25rem}.form-group label{font-size:.9rem}.form-group input,.form-group textarea{font-size:16px}}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-success: #16a34a;--color-error: #dc2626;--color-text: #1f2937;--color-text-light: #6b7280;--color-border: #e5e7eb;--color-bg: #f9fafb}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);color:var(--color-text);min-height:100vh}html{scroll-behavior:smooth}