html,body{height:100%;margin:0;padding:0;font-family:Segoe UI,Roboto,Arial,sans-serif;background:#f4f6fb;color:#222}#app{min-height:100vh;display:flex;flex-direction:column}.header{background:#1e293b;color:#fff;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #1e293b0d}.header .logo{font-size:1.5rem;font-weight:700;letter-spacing:1px}.header nav a{color:#fff;margin-left:1.5rem;text-decoration:none;font-weight:500;transition:color .2s}.header nav a:hover{color:#38bdf8}.main-container{flex:1;display:flex;justify-content:center;align-items:flex-start;padding:2rem 0}.card{background:#fff;border-radius:12px;box-shadow:0 2px 16px #1e293b12;padding:2rem 2.5rem;max-width:420px;width:100%;margin:1rem auto}form{display:flex;flex-direction:column}label{font-weight:500;margin-bottom:.5rem}input,select,textarea{padding:.7rem 1rem;border:1px solid #cbd5e1;border-radius:6px;margin-bottom:1.2rem;font-size:1rem;background:#f8fafc;transition:border .2s}input:focus,select:focus,textarea:focus{border-color:#38bdf8;outline:none}.button{background:#2563eb;color:#fff;border:none;border-radius:6px;padding:.8rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;margin-bottom:.5rem;transition:background .2s}.button:hover{background:#1d4ed8}.button.secondary{background:#64748b}.button.secondary:hover{background:#475569}.alert{padding:.8rem 1rem;border-radius:6px;margin-bottom:1rem;font-size:1rem}.alert.error{background:#fee2e2;color:#b91c1c;border:1px solid #fecaca}.alert.success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}@media (max-width: 600px){.main-container{padding:1rem .2rem}.card{padding:1.2rem .7rem}.header{flex-direction:column;align-items:flex-start;padding:1rem .7rem}}header[data-v-2f4c5a1d]{line-height:1.5}.logo[data-v-2f4c5a1d]{display:block;margin:0 auto 2rem}@media (min-width: 1024px){header[data-v-2f4c5a1d]{display:flex;place-items:center;padding-right:calc(var(--section-gap) / 2)}.logo[data-v-2f4c5a1d]{margin:0 2rem 0 0}header .wrapper[data-v-2f4c5a1d]{display:flex;place-items:flex-start;flex-wrap:wrap}}