:root{--bg:#faf6f1;--card:#fff;--warm:#c17d4e;--warm-dark:#9a6030;--warm-light:#c17d4e0f;--warm-border:#c17d4e1f;--text:#3d2b1f;--muted:#8b7355;--pale:#a89880;--green:#4a8c47;--red:#b5352a}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(170deg,var(--bg)0%,#f0e7dc 40%,#e8ddd0 100%);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,system-ui,sans-serif}.serif{font-family:Cormorant Garamond,Georgia,serif}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes shimmer{0%{opacity:.3}50%{opacity:.6}to{opacity:.3}}.fade-up{animation:.8s cubic-bezier(.22,1,.36,1) both fadeUp}.fade-1{animation-delay:50ms}.fade-2{animation-delay:.12s}.fade-3{animation-delay:.2s}.fade-4{animation-delay:.28s}.fade-5{animation-delay:.36s}.fade-6{animation-delay:.44s}.lotus-breathe{animation:5s ease-in-out infinite breathe}.hero{text-align:center;background:linear-gradient(170deg,#2d1a10 0%,#4a3022 40%,#6b4d3a 100%);padding:54px 24px 68px;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(at 50% 90%,#c17d4e1f 0%,#0000 65%);position:absolute;inset:0}.hero:after{content:"";background:var(--bg);border-radius:36px 36px 0 0;height:36px;position:absolute;bottom:0;left:0;right:0}.card{background:var(--card);border:1px solid var(--warm-border);border-radius:18px;margin-bottom:20px;padding:28px 26px;box-shadow:0 8px 32px #3c1e0a0b}.input-field{border:1.5px solid var(--warm-border);width:100%;color:var(--text);background:#fdfbf8;border-radius:12px;outline:none;padding:14px 18px;font-family:Outfit,sans-serif;font-size:15px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--warm);box-shadow:0 0 0 3px #c17d4e14}.input-field::placeholder{color:var(--pale)}.toggle-btn{border:1.5px solid var(--warm-border);cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text);background:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:500;transition:all .25s;display:flex}.toggle-btn:hover{border-color:#c17d4e4d}.toggle-btn.active{border-color:var(--warm);background:var(--warm-light);color:var(--warm-dark);box-shadow:0 2px 12px #c17d4e1a}.btn-primary{cursor:pointer;background:var(--warm);color:#fdf8f3;border:none;border-radius:12px;flex:1;padding:16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:all .25s}.btn-primary:hover{background:var(--warm-dark);transform:translateY(-1px);box-shadow:0 6px 20px #c17d4e38}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-test{cursor:pointer;color:var(--warm);background:#c17d4e08;border:1.5px solid #c17d4e38;border-radius:12px;flex:1;padding:16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;transition:all .25s}.btn-test:hover{background:#c17d4e1a}.btn-test:disabled{opacity:.55;cursor:not-allowed}.msg{border-radius:14px;margin-bottom:18px;padding:16px 20px;font-size:14px;line-height:1.6}.msg-success{color:#3a6638;background:#4a8c4712;border:1px solid #4a8c4724}.msg-error{color:#8b2d20;background:#b5352a0f;border:1px solid #b5352a1c}.msg-warning{color:#7a5f14;background:#c19b4e14;border:1px solid #c19b4e24}.container{z-index:2;max-width:460px;margin:-14px auto 0;padding:0 20px 60px;position:relative}.label{color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.hint{color:var(--pale);margin-top:5px;font-size:11px}.flex{display:flex}.gap-3{gap:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.text-center{text-align:center}