@import "https://fonts.googleapis.com/css2?family=Patrick+Hand&family=Quicksand:wght@400;500;600;700&display=swap";:root{--colour-bg:#f0e6ff;--colour-bg-wash:#e8d5f5;--colour-card:#ffffffd9;--colour-primary:#7c5cbf;--colour-primary-light:#a78bfa;--colour-primary-dark:#5b3d99;--colour-accent:#f472b6;--colour-accent-light:#fbcfe8;--colour-text:#3b2d5c;--colour-text-muted:#7c6f9b;--colour-success:#6ee7b7;--colour-error:#fca5a5;--font-sketch:"Patrick Hand", cursive;--font-body:"Quicksand", sans-serif;--radius-bubble:24px;--radius-pill:999px;--shadow-soft:0 8px 32px #7c5cbf26;--shadow-card:0 12px 40px #7c5cbf1f, 0 2px 8px #0000000a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-body);color:var(--colour-text);background:var(--colour-bg);overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--colour-bg-wash);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--colour-primary-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--colour-primary)}*{scrollbar-width:thin;scrollbar-color:var(--colour-primary-light) var(--colour-bg-wash)}body{background:radial-gradient(ellipse at 20% 20%, #a78bfa4d 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, #f472b640 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, #6ee7b726 0%, transparent 60%), var(--colour-bg);background-attachment:fixed}body:before,body:after{content:"";filter:blur(80px);opacity:.4;z-index:-1;pointer-events:none;border-radius:50%;position:fixed}body:before{background:radial-gradient(circle,#a78bfa80,#0000 70%);width:500px;height:500px;top:-100px;left:-100px}body:after{background:radial-gradient(circle,#f472b666,#0000 70%);width:600px;height:600px;bottom:-150px;right:-150px}h1,h2{font-family:var(--font-sketch);color:var(--colour-primary-dark);line-height:1.2}h1{text-align:center;color:var(--colour-primary);text-shadow:2px 2px #a78bfa33;margin-bottom:8px;font-size:3rem;font-weight:700}h2{color:var(--colour-primary-dark);margin-bottom:16px;font-size:1.8rem;font-weight:600}input[type=text]{border-radius:var(--radius-pill);width:100%;font-family:var(--font-body);color:var(--colour-text);background:#ffffffb3;border:2px solid #7c5cbf33;outline:none;padding:16px 20px;font-size:1.1rem;font-weight:500;transition:all .3s}input[type=text]::placeholder{color:var(--colour-text-muted);font-weight:400}input[type=text]:focus{border-color:var(--colour-primary-light);background:#fff;box-shadow:0 0 0 4px #a78bfa26}button{border-radius:var(--radius-pill);font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:1px;border:none;justify-content:center;align-items:center;gap:8px;padding:16px 32px;font-size:1.1rem;font-weight:700;transition:all .3s;display:inline-flex}button:active{transform:scale(.97)}.error-toast{background:var(--colour-error);color:#7f1d1d;border-radius:var(--radius-pill);z-index:1000;padding:14px 28px;font-weight:600;animation:.3s slideDown,.3s 2.7s forwards fadeOut;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #fca5a566}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes fadeOut{to{opacity:0;transform:translate(-50%)translateY(-10px)}}.page-center{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.card{background:var(--colour-card);border-radius:var(--radius-bubble);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid #7c5cbf1a;padding:40px;position:relative}.card:before{content:"";border-radius:calc(var(--radius-bubble) + 2px);pointer-events:none;border:2px dashed #7c5cbf26;position:absolute;inset:-2px}.subtitle{text-align:center;color:var(--colour-text-muted);margin-bottom:32px;font-size:1.1rem;font-weight:500}