:root{--bg-gradient:linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);--bg-gradient-cute:linear-gradient(135deg, #fbc2eb 0%, #a6c1ee 100%);--color-primary:#ff9a9e;--color-primary-hover:#ff758c;--color-secondary:#a1c4fd;--color-text:#4a4a4a;--color-white:#ffffffe6;--shadow-soft:0 8px 32px 0 #1f268726;--glass-border:1px solid #fff6}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient-cute);color:var(--color-text);justify-content:center;align-items:center;min-height:100vh;font-family:Quicksand,sans-serif;display:flex;overflow:hidden}#root{justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.glass-panel{-webkit-backdrop-filter:blur(10px);border:var(--glass-border);box-shadow:var(--shadow-soft);text-align:center;background:#fff9;border-radius:24px;width:100%;max-width:500px;padding:2rem;animation:.8s ease-out floatIn}.btn{cursor:pointer;color:#fff;border:none;border-radius:50px;padding:.8rem 2rem;font-family:Quicksand,sans-serif;font-size:1.2rem;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #0000001a}.btn-primary{background:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-3px);box-shadow:0 6px 20px #ff9a9e66}.btn-secondary{background:var(--color-secondary)}.btn-secondary:hover{background:#89b3f8;transform:translateY(-3px);box-shadow:0 6px 20px #a1c4fd66}.btn-death{color:#f33;text-transform:uppercase;letter-spacing:2px;background:#111;border:2px solid #f33;border-radius:4px;font-weight:800;box-shadow:0 0 10px #f333}.btn-death:hover{color:#000;background:#f33;transform:scale(1.05);box-shadow:0 0 20px #f339}.btn-success{color:#fff;background:#28a745;border-radius:4px;font-weight:700}.btn-success:hover{background:#218838;transform:scale(1.05);box-shadow:0 6px 20px #28a74566}@keyframes floatIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes heartbeat{0%{transform:scale(1)}14%{transform:scale(1.1)}28%{transform:scale(1)}42%{transform:scale(1.1)}70%{transform:scale(1)}}.heartbeat{animation:1.5s infinite heartbeat}@media (width<=600px){.glass-panel{width:95%;max-width:95%;padding:1.5rem 1rem}.btn{padding:.8rem 1rem;font-size:1rem}h2{font-size:1.4rem}h3{font-size:1.2rem}.btn-death,.btn-success{padding:.6rem 1rem;font-size:1rem}}