:root{--brand-yellow: #ffdd00;--brand-black: #0b0b0b;--brand-gray: #f7f7f7;--text: #0f0f0f}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--brand-gray);color:var(--text);font-family:Inter,Helvetica Neue,Arial,sans-serif;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--brand-yellow);color:var(--brand-black)}.auth-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;border-bottom:4px solid var(--brand-black);background:#fff;position:sticky;top:0;z-index:20;box-shadow:0 12px 30px #0000000a}.auth-logo{display:flex;align-items:center;gap:.5rem}.auth-logo .mark{width:40px;height:40px;background:var(--brand-yellow);border:2px solid var(--brand-black);display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:.08em}input[type=text],input[type=email],input[type=password],textarea{width:100%;border:2px solid #e5e7eb;padding:.65rem .9rem;border-radius:10px;outline:none;font-size:.98rem;background:#fff;transition:border-color .2s ease,box-shadow .2s ease,transform .1s ease}input:focus,textarea:focus{border-color:var(--brand-black);box-shadow:0 0 0 3px #fd06;transform:translateY(-1px)}label{font-size:.85rem;letter-spacing:.02em;text-transform:uppercase;font-weight:700;color:#4b5563}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--brand-black);color:var(--brand-yellow);padding:.7rem 1.2rem;border-radius:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--brand-black);transition:transform .12s ease,box-shadow .2s ease,background .15s ease,color .15s ease}.btn-primary:hover{background:var(--brand-yellow);color:var(--brand-black);box-shadow:0 14px 28px #00000029;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-ghost{background:transparent;border:2px solid #e5e7eb;padding:.65rem 1rem;border-radius:10px;font-weight:700;letter-spacing:.02em;transition:border-color .15s ease,color .15s ease,background .15s ease}.btn-ghost:hover{border-color:var(--brand-black);background:#f9fafb}.surface{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 22px 60px #00000014}.surface-strong{background:#fff;border:2px solid var(--brand-black);border-radius:18px;box-shadow:0 30px 70px #0000001a}.pill{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.pill-dark{background:var(--brand-black);color:var(--brand-yellow)}.pill-light{background:#f3f4f6;color:#1f2937}canvas{display:block}