:root{--primary:#7c3aed;--secondary:#0284c7;--accent:#ea580c}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#1e293b;background-color:#f8fafc;margin:0;font-family:Inter,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.handwritten{font-family:Gaegu,cursive}.blob{z-index:-1;filter:blur(60px);opacity:.15;animation:15s infinite alternate float;position:absolute}@keyframes float{0%{transform:translate(0)scale(1)}to{transform:translate(40px,60px)scale(1.1)}}.card-base{background:#fff;border:2px solid #e2e8f0;border-radius:2.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 10px 0 -2px #e2e8f0}.card-base:hover{border-color:var(--primary);transform:translateY(-8px);box-shadow:0 20px 0 -2px #cbd5e1}.sticker{border-radius:1rem;padding:.5rem 1rem;font-weight:800;display:inline-block;transform:rotate(-2deg);box-shadow:4px 4px #0000000d}.btn-template{transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.btn-template:hover{transform:scale(1.03)rotate(.5deg)}.bg-grid{background-image:radial-gradient(#cbd5e1 .8px,#0000 .8px);background-size:30px 30px}