:root{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;color:#2f414d;background:#f7f5f4}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;background:#f7f5f4}#app{width:100%}.layout{display:flex;justify-content:center}.panel{width:min(700px,100%);background:#fff;border-radius:28px;padding:2.75rem 3rem;box-shadow:0 20px 55px #2f414d1a,0 12px 24px #2f414d14;display:grid;gap:2.5rem}.panel__header{display:flex;align-items:center;gap:1.75rem}.panel__logo{width:86px;aspect-ratio:1/1;object-fit:contain;border-radius:20px;box-shadow:0 12px 30px #2f414d26}.panel__intro h1{margin:0;font-size:clamp(2rem,2.3vw + 1.2rem,2.6rem);letter-spacing:-.02em;color:#2f414d}.panel__intro p{margin:.35rem 0 0;color:#2f414db8;font-size:1rem}.form{display:grid;gap:1.5rem}.field{display:grid;gap:.65rem}.field__label{font-size:.95rem;font-weight:600;color:#2f414dd1}.field__input{appearance:none;border:1px solid rgba(47,65,77,.18);background:#fafafae6;border-radius:14px;padding:.9rem 1.15rem;font:inherit;color:#2f414d;transition:border-color .18s ease,box-shadow .18s ease}.field__input:focus{outline:none;border-color:#4174a5bd;box-shadow:0 0 0 4px #5e93c32e}.action{border:none;border-radius:16px;padding:.95rem 1.5rem;font-size:1.05rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#4e6ef3,#3e8bff);cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.action:hover{transform:translateY(-1px);box-shadow:0 14px 30px #3e8bff40}.action:active{transform:translateY(0)}.panel__footer{padding-top:1rem;border-top:1px solid rgba(47,65,77,.1)}.status{margin:0;color:#2f414db3;font-size:.95rem}.status--error{color:#d64550}@media(max-width:640px){body{padding:2rem 1.25rem}.panel{padding:2.25rem 1.9rem;border-radius:22px}.panel__header{flex-direction:column;align-items:flex-start}.panel__logo{width:72px}}