@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--kaboom-red:#e21b3c;--kaboom-blue:#4b9eff;--kaboom-yellow:#ffd23f;--kaboom-green:#00c46a;--kaboom-purple:#7c3aed;--kaboom-orange:#ff8c42;--kaboom-pink:#ff6b9d;--kaboom-dark:#0f172a;--kaboom-gray-900:#1e293b;--kaboom-gray-700:#334155;--kaboom-gray-500:#64748b;--kaboom-gray-300:#cbd5e1;--kaboom-gray-100:#f1f5f9;--kaboom-white:#fff;--kaboom-bg-primary:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--kaboom-bg-secondary:#f8fafc;--kaboom-bg-accent:#eef2ff;font-size:16px}html{min-height:100%}body{background:var(--kaboom-bg-primary);color:var(--kaboom-dark);margin:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}*{box-sizing:border-box}button,input,select,textarea{font:inherit}.app-shell{background:var(--kaboom-bg-primary);min-height:100vh;padding:24px 16px}.page-container{max-width:1080px;margin:0 auto;animation:.6s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-card,.card,.panel-card{background:var(--kaboom-white);border:3px solid #0000;border-radius:32px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 25px 80px #e21b3c26}.hero-card:before,.card:before,.panel-card:before{content:"";background:linear-gradient(90deg, var(--kaboom-red), var(--kaboom-blue), var(--kaboom-yellow), var(--kaboom-green));border-radius:32px 32px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.hero-card:hover,.card:hover,.panel-card:hover{transform:translateY(-4px);box-shadow:0 35px 100px #e21b3c40}.hero-card{background:linear-gradient(135deg, var(--kaboom-white) 0%, var(--kaboom-gray-100) 100%);padding:40px}.card,.panel-card{background:var(--kaboom-white);padding:32px}.grid-two{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:900px){.grid-two{grid-template-columns:1.4fr 1fr}}.field-input,.field-textarea,.field-select{border:2px solid var(--kaboom-gray-300);background:var(--kaboom-white);width:100%;color:var(--kaboom-dark);border-radius:24px;outline:none;padding:18px 20px;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1)}.field-input:focus,.field-textarea:focus,.field-select:focus{border-color:var(--kaboom-blue);transform:scale(1.02);box-shadow:0 0 0 4px #4b9eff26}.label{color:var(--kaboom-gray-700);margin-bottom:8px;font-size:1rem;font-weight:700}.input-group{flex-direction:column;gap:12px;display:flex}.choice-button{border:3px solid var(--kaboom-gray-300);text-align:left;background:var(--kaboom-white);width:100%;color:var(--kaboom-dark);cursor:pointer;border-radius:28px;padding:20px 24px;font-size:1.1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;transform:scale(1)}.choice-button:hover{border-color:var(--kaboom-blue);background:linear-gradient(135deg, var(--kaboom-blue) 0%, var(--kaboom-purple) 100%);color:var(--kaboom-white);transform:scale(1.02);box-shadow:0 8px 25px #4b9eff4d}.choice-button.selected{border-color:var(--kaboom-green);background:linear-gradient(135deg, var(--kaboom-green) 0%, var(--kaboom-blue) 100%);color:var(--kaboom-white);animation:.6s ease-in-out pulse;transform:scale(1.05);box-shadow:0 12px 35px #00c46a66}@keyframes pulse{0%,to{transform:scale(1.05)}50%{transform:scale(1.08)}}.button-primary,.button-secondary{cursor:pointer;border:none;border-radius:28px;width:100%;padding:18px 24px;font-size:1.1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.button-primary{background:linear-gradient(135deg, var(--kaboom-red) 0%, var(--kaboom-orange) 100%);color:var(--kaboom-white);box-shadow:0 8px 25px #e21b3c4d}.button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #e21b3c66}.button-primary:active{transform:translateY(0)}.button-secondary{background:linear-gradient(135deg, var(--kaboom-gray-900) 0%, var(--kaboom-gray-700) 100%);color:var(--kaboom-white);box-shadow:0 8px 25px #0f172a4d}.button-secondary:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0f172a66}.button-inline{justify-content:center;align-items:center;display:inline-flex}.message-box{color:#334155;background:#f8fafc;border:1px solid #cbd5e1;border-radius:20px;padding:16px}.status-text{color:#475569;margin-top:14px}.section-title{background:linear-gradient(135deg, var(--kaboom-red), var(--kaboom-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:800;line-height:1.1;animation:2s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{filter:brightness()}to{filter:brightness(1.1)}}.section-subtitle{color:var(--kaboom-gray-500);margin:16px 0 0;font-size:1.1rem;font-weight:500;line-height:1.6}.small-text{color:var(--kaboom-gray-500);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.highlight-card{background:linear-gradient(135deg, var(--kaboom-bg-accent) 0%, #ffd23f1a 100%);border:2px solid var(--kaboom-yellow);border-radius:24px}.message-box{border:2px solid var(--kaboom-gray-300);background:linear-gradient(135deg, var(--kaboom-gray-100) 0%, var(--kaboom-white) 100%);color:var(--kaboom-gray-700);border-radius:24px;padding:20px;font-weight:500}.status-text{color:var(--kaboom-green);margin-top:16px;font-size:1rem;font-weight:600;animation:.8s ease-in-out statusPulse}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}.stats-list{gap:16px;display:grid}.score-card{background:linear-gradient(135deg, var(--kaboom-white) 0%, var(--kaboom-gray-100) 100%);border:2px solid var(--kaboom-gray-300);border-radius:24px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.score-card:before{content:"";background:linear-gradient(90deg, var(--kaboom-blue), var(--kaboom-green));border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.score-card:hover{border-color:var(--kaboom-blue);transform:translateY(-2px);box-shadow:0 8px 25px #4b9eff26}.score-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.score-name{color:var(--kaboom-dark);margin:0;font-size:1.1rem;font-weight:700}.score-meta{color:var(--kaboom-gray-500);margin:6px 0 0;font-size:.9rem}.score-value{text-align:right;background:linear-gradient(135deg, var(--kaboom-green), var(--kaboom-blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.2rem;font-weight:800}@media (max-width:640px){.hero-card,.card,.panel-card{border-radius:24px;padding:24px}.section-title{font-size:2rem}.choice-button,.button-primary,.button-secondary{padding:16px 20px;font-size:1rem}.score-card{padding:16px}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.choice-button.selected{animation:.6s ease-out bounceIn}.button-primary:active:before,.button-secondary:active:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;animation:.6s ease-out ripple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ripple{to{opacity:0;width:300px;height:300px}}