:root{--paper:#fff;--surface:#fff;--cream-soft:#f2f2f3;--sky:#5895d2;--sky-soft:#dcebf7;--berry:#a83b6e;--pink-soft:#fbdce9;--choco:#202022;--choco-soft:#55555a;--choco-faint:#6e6e74;--shadow-card:0 6px 14px #20202214;--shadow-lift:0 10px 24px #20202221;--display:"Baloo 2", system-ui, sans-serif;--body:"Nunito", system-ui, sans-serif}*{box-sizing:border-box;margin:0}body{background:var(--paper);color:var(--choco);font-family:var(--body);font-size:16px;line-height:1.55}#root{max-width:720px;margin:0 auto;padding:56px 24px 80px}h1{font-family:var(--display);letter-spacing:-.5px;font-size:32px;font-weight:800;line-height:1.25}h2{font-family:var(--display);margin:32px 0 12px;font-size:20px;font-weight:700}nav{border-bottom:1.5px solid var(--cream-soft);font-family:var(--display);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:28px;padding-bottom:20px;font-size:15px;font-weight:700;display:flex}nav a{color:var(--choco-soft);text-decoration:none}nav a:hover{color:var(--choco)}nav button{color:var(--choco-faint);font-family:var(--display);cursor:pointer;box-shadow:none;background:0 0;border:none;margin-left:auto;padding:0;font-size:15px;font-weight:700}nav button:hover{color:var(--berry);box-shadow:none;transform:none}form{flex-direction:column;align-items:stretch;gap:14px;max-width:420px;margin-inline:auto;display:flex}form h1{text-align:center;margin-bottom:6px}form button{align-self:center}form>p:not([role]){text-align:center;color:var(--choco-faint);font-size:14px;font-weight:700}input[type=email],input[type=password],input[type=text],input:not([type]),textarea{width:100%;font-family:var(--body);color:var(--choco);background:var(--surface);border:1.5px solid var(--cream-soft);border-radius:14px;padding:13px 16px;font-size:16px}input:focus-visible,textarea:focus-visible{outline:3px solid var(--sky);outline-offset:2px;border-color:#0000}textarea{resize:vertical;min-height:96px}label{color:var(--choco-soft);font-size:14px;font-weight:700;display:block}label input[type=file]{margin-top:8px}button{font-family:var(--display);color:var(--paper);background:var(--choco);border:2px solid var(--choco);cursor:pointer;box-shadow:var(--shadow-card);border-radius:999px;padding:12px 26px;font-size:16px;font-weight:800;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s}button:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-2px)}button:active:not(:disabled){transform:scale(.97)translateY(1px)}button:disabled{opacity:.5;cursor:default}button:focus-visible{outline:3px solid var(--sky);outline-offset:3px}form button[type=button],li button{background:var(--surface);color:var(--choco);border-color:var(--cream-soft);box-shadow:none;font-weight:700}form button[type=button]:hover,li button:hover{border-color:var(--choco)}ul{flex-direction:column;gap:10px;padding:0;list-style:none;display:flex}li{background:var(--surface);border:1.5px solid var(--cream-soft);border-radius:16px;padding:14px 18px}li:has(button){border:none;padding:0}li button{text-align:left;border-width:1.5px;border-radius:16px;width:100%;padding:14px 18px}p{color:var(--choco-soft)}p[role=alert]{color:var(--berry);background:var(--pink-soft);border-radius:14px;padding:12px 16px;font-size:15px;font-weight:700}img{box-shadow:var(--shadow-card);border-radius:16px}a{color:var(--berry);font-weight:700}