.pi-page{--pi-yellow:#fc0;--pi-ink:#1a1a1a;background:var(--pi-yellow);min-height:100vh;color:var(--pi-ink);flex-direction:column;font-family:Plus Jakarta Sans,system-ui,sans-serif;display:flex}.pi-header{justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.pi-brand{color:var(--pi-ink);font-weight:800;text-decoration:none}.pi-tag{border:2px solid var(--pi-ink);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:700}.pi-main{flex:1;place-items:start center;padding:32px 20px 60px;display:grid}.pi-card{background:#fff;border-radius:6px;flex-direction:column;gap:12px;width:100%;max-width:460px;padding:32px 28px;display:flex;box-shadow:0 10px 30px #0000001f}.pi-card h1{margin:0;font-size:28px;font-weight:800}.pi-card h2{margin:14px 0 0;font-size:17px;font-weight:700}.pi-card p{color:#444;margin:0;font-size:15px;line-height:1.6}.pi-card label{margin-top:8px;font-size:14px;font-weight:700}.pi-card input{font:inherit;letter-spacing:.06em;border:2px solid #bbb;border-radius:4px;min-width:0;padding:14px;font-size:18px}.pi-card input:focus{border-color:var(--pi-ink);outline:none}.pi-card button{font:inherit;background:var(--pi-yellow);color:var(--pi-ink);cursor:pointer;border:0;border-radius:4px;padding:14px 20px;font-size:16px;font-weight:800}.pi-card button:hover{filter:brightness(.95)}.pi-card button:disabled{opacity:.6}.pi-card .pi-ghost{border:2px solid var(--pi-ink);background:0 0;margin-top:10px}.pi-error{color:#b3261e;background:#fdecea;border-radius:4px;padding:10px 12px;font-size:14px}.pi-row{gap:8px;display:flex}.pi-row input{flex:1}.pi-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pi-list li{border:1px solid #ddd;border-radius:4px;flex-direction:column;padding:10px 12px;font-size:14px;display:flex}.pi-list span{color:#555}.pi-footer{justify-content:center;gap:18px;padding:20px;font-size:13px;display:flex}.pi-footer a{color:var(--pi-ink)}