:root{--coral:#ff8f7a;--peach:#ffb199;--lavender:#cdb4db;--yellow:#ffe8a3;--cream:#fff1ea;--card:#fffaf6e0;--card-border:#ffffffb8;--text:#341f1a;--muted:#62443d;--shadow:0 30px 60px #7c3e342e}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#ff8f7ae6,#0000 22%),radial-gradient(circle at 100% 0,#cdb4dbd9,#0000 26%),radial-gradient(circle at 0 100%,#ffe8a3d1,#0000 26%),radial-gradient(circle at 70% 78%,#ffb199e0,#0000 24%),linear-gradient(135deg,#fff5ef 0%,#fff8ee 45%,#fff0eb 100%);margin:0;font-family:Trebuchet MS,Segoe UI,ui-sans-serif,system-ui,sans-serif}button,input{font:inherit}button,input,label{z-index:1;position:relative}.page-shell{justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.card{background:var(--card);border:2px solid var(--card-border);width:min(760px,100%);box-shadow:var(--shadow);isolation:isolate;border-radius:34px;padding:34px 28px 28px;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;z-index:0;background:linear-gradient(135deg,#ffffff57,#0000 38%),linear-gradient(#0000,#ffffff40);position:absolute;inset:0}.card-checking{background:linear-gradient(150deg, #ffe8a380, #ffffffb3 40%), var(--card)}.card-locked,.card-submitting{background:linear-gradient(150deg, #ff8f7a6b, #ffb1992e 30%, #ffffffc2 70%), var(--card)}.card-unlocked{background:linear-gradient(150deg, #cdb4db75, #ffffffbf 52%), var(--card);padding-top:38px;padding-bottom:36px}.card-centered{text-align:center}.confetti{pointer-events:none;z-index:0;position:absolute;inset:0}.confetti-piece{opacity:.9;border-radius:999px;position:absolute}.confetti-coral{background:#ff8f7a99;width:88px;height:18px;top:-10px;right:32px;transform:rotate(18deg)}.confetti-lavender{background:#cdb4dbe6;width:20px;height:20px;top:18px;left:20px}.confetti-yellow{background:#ffe8a3f2;width:22px;height:22px;bottom:20px;right:18px}.confetti-peach{background:#ffb1998f;width:90px;height:24px;bottom:54px;left:-16px;transform:rotate(-26deg)}.confetti-calm .confetti-coral{top:6px;right:26px}.confetti-calm .confetti-yellow{bottom:18px;left:26px;right:auto}.confetti-calm .confetti-peach{bottom:80px;left:auto;right:-12px}.tag{color:#fff;background:linear-gradient(135deg, #ff7960, var(--coral));border-radius:999px;margin-bottom:18px;padding:10px 16px;font-size:14px;font-weight:700;display:inline-block;transform:rotate(-5deg);box-shadow:0 16px 30px #ff6f565c}.tag-unlocked{color:#32253b;background:linear-gradient(135deg,#b18cc7,#d8c0e3)}h1{letter-spacing:-.04em;z-index:1;margin:0 0 14px;font-size:clamp(32px,5vw,48px);line-height:.96;position:relative}.lead,.note-section p,.closing-line,.feedback{color:var(--muted);z-index:1;margin:0;font-size:15px;line-height:1.74;position:relative}.lead{max-width:38rem}.lead-unlocked{margin-bottom:24px}.unlock-form{gap:12px;margin-top:22px;display:grid}.field label{color:var(--muted);margin-bottom:6px;font-size:13px;display:block}.field input{width:100%;color:var(--text);background:#ffffffe6;border:2px solid #0000;border-radius:17px;padding:14px 15px;transition:border-color .14s,box-shadow .14s,transform .14s}.field-coral input{border-color:#ff8f7a9e;box-shadow:inset 0 0 0 4px #ff8f7a29}.field-peach input{border-color:#ffb199bd;box-shadow:inset 0 0 0 4px #ffb1992e}.field-lavender input{border-color:#cdb4dbb8;box-shadow:inset 0 0 0 4px #cdb4db33}.field input:focus{border-color:#643e87b3;outline:none;box-shadow:inset 0 0 0 4px #ffffff61,0 0 0 4px #cdb4db57}.field input:disabled,.remember-row input:disabled,.primary-button:disabled{opacity:.75}.remember-row{color:var(--muted);align-items:center;gap:10px;font-size:14px;display:flex}.primary-button{background:linear-gradient(135deg, #ffd86e, var(--yellow));color:#3b251f;cursor:pointer;border:0;border-radius:16px;width:fit-content;padding:14px 18px;font-weight:700;transition:transform .14s,filter .14s,box-shadow .14s;box-shadow:0 18px 32px #ffd25a57}.primary-button:hover:not(:disabled){filter:brightness(1.01);transform:translateY(-1px);box-shadow:0 20px 36px #ffd25a61}.helper-box,.note-section{border-radius:22px}.helper-box{color:var(--muted);background:linear-gradient(135deg,#ffb19957,#fff1ead6),#ffffffb8;border:2px solid #ffb19961;margin-top:6px;padding:16px;font-size:14px}.feedback-error{color:#9a3427}.notes-list{gap:12px;display:grid}.note-section{z-index:1;border:2px solid #ffffffad;padding:16px;position:relative}.note-section strong{color:var(--text);margin-bottom:7px;font-size:15px;display:block}.note-section-coral{background:linear-gradient(135deg,#ff8f7a61,#fffaf6eb)}.note-section-yellow{background:linear-gradient(135deg,#ffe8a38a,#fffaf6e6)}.note-section-lavender{background:linear-gradient(135deg,#cdb4db70,#fffaf6eb)}.closing-line{margin-top:20px}@media (width<=640px){.page-shell{padding:18px}.card{border-radius:28px;padding:28px 20px 22px}h1{font-size:clamp(28px,8vw,38px)}.confetti-coral{width:64px;right:18px}.confetti-peach{width:70px;left:-20px}}