:root{font-family:Comic Neue,cursive}html,body{margin:0;padding:0}body{min-height:100dvh}.one{grid-area:1/1/2/7}.two{grid-area:2/1/3/4}.three{grid-area:2/4/3/7}.four{grid-area:3/1/4/3}.five{grid-area:3/3/4/5}.six{grid-area:3/5/4/7}.field{flex-direction:column;gap:.45rem;display:flex}.field-label{color:#475569;letter-spacing:.01em;font-size:.95rem;font-weight:700}.field-input-wrap{align-items:center;display:flex;position:relative}.field-icon{color:#94a3b8;pointer-events:none;z-index:1;width:1.05rem;height:1.05rem;position:absolute;left:.9rem}.field-input{color:#0f172a;box-sizing:border-box;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;width:100%;padding:.78rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.field-input-wrap.has-icon .field-input{padding-left:2.6rem}.field-input:focus{border-color:#5b21b6;outline:none;box-shadow:0 0 0 3px #5b21b61f}.field-error{color:#dc2626;font-size:.88rem;font-weight:600}.button{color:#5b21b6;cursor:pointer;background-color:#fff;border:1px solid #5b21b6;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem;font-family:inherit;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex}.btn-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3f51b5,#1a237e);border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.9rem;font-family:inherit;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 14px #5b21b659}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #5b21b666}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-wrap{flex-direction:column;flex:1;justify-content:center;gap:2rem;padding:3rem 3rem 2rem;display:flex}.form-header{flex-direction:column;gap:.5rem;display:flex}.form-title{letter-spacing:.05em;color:#0f172a;margin:0;font-family:Caveat,cursive;font-size:2.6rem;font-weight:700}.form-desc{color:#64748b;margin:0;font-size:1rem;line-height:1.5}form{flex-direction:column;gap:1.2rem;display:flex}.msg-banner{border-radius:8px;align-items:flex-start;gap:.6rem;padding:.85rem 1rem;font-size:.95rem;line-height:1.4;display:flex}.msg-banner.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.msg-banner.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.msg-icon{flex-shrink:0;width:1.1rem;height:1.1rem;margin-top:1px}.form-footer{color:#94a3b8;text-align:center;border-top:1px solid #e2e8f0;padding:1.2rem 3rem;font-size:.85rem}