@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;background:#0a0a0a;color:#fff;font-family:Inter,sans-serif;overflow:hidden}#root{min-height:100vh}.app{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;position:relative;overflow:hidden}.bg-image{position:fixed;inset:-40px;background-size:cover;background-position:center center;background-repeat:no-repeat;filter:blur(1px) brightness(.4);transform:scale(.5);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);z-index:0}.bg-overlay{position:fixed;inset:0;background:linear-gradient(180deg,#140000b3,#00000080 40%,#140000b3),radial-gradient(ellipse at center,transparent 20%,rgba(0,0,0,.7) 70%,rgba(0,0,0,.95) 100%);z-index:1}.content{text-align:center;z-index:2;padding:2rem}.collar-icon{font-size:3.5rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(200,0,0,.4));animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.title{font-family:Inter,sans-serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:900;color:#fff;text-shadow:0 0 20px rgba(200,0,0,.5),0 0 40px rgba(200,0,0,.3),0 2px 10px rgba(0,0,0,.8);margin-bottom:.5rem;letter-spacing:2px}.subtitle{font-family:Inter,sans-serif;font-style:italic;font-size:1.2rem;color:#ffffff80;text-shadow:0 1px 6px rgba(0,0,0,.8);margin-bottom:3rem}.buttons{display:flex;gap:2rem;justify-content:center;align-items:center;min-height:120px}.btn{padding:1rem 2.5rem;font-family:Inter,sans-serif;font-size:1.1rem;font-weight:700;border:2px solid;border-radius:0;cursor:pointer;letter-spacing:1px;text-transform:uppercase;position:relative;transition:all .3s ease}.btn-yes{background:linear-gradient(135deg,#5a0000,#8b0000,#b40000);border-color:#dc0000;color:#fff;box-shadow:0 0 15px #c8000066,0 0 30px #c8000033,inset 0 1px #ffffff1a;animation:yesGlow 2s ease-in-out infinite}.btn-yes:hover{background:linear-gradient(135deg,#7a0000,#b40000,#dc0000);box-shadow:0 0 25px #dc000099,0 0 50px #c800004d,inset 0 1px #ffffff26;transform:scale(1.08)}.btn-icon{margin-right:.5rem}@keyframes yesGlow{0%,to{box-shadow:0 0 15px #c8000066,0 0 30px #c8000033}50%{box-shadow:0 0 25px #dc000099,0 0 50px #c800004d,0 0 80px #c800001a}}.btn-no{background:#0006;border-color:#fff3;color:#fff6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .3s,scale .3s;-webkit-user-select:none;user-select:none}.btn-no:hover{border-color:#ffffff4d;color:#ffffff80}.taunt{margin-top:2rem;font-style:italic;color:#dc0000b3;font-size:1rem;text-shadow:0 1px 4px rgba(0,0,0,.8)}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.accepted{background:#0a0a0a}.accepted .bg-image{transform:scale(.4);filter:blur(1px) brightness(.3)}.celebration{text-align:center;z-index:2;animation:fadeIn 1s ease-out}.glow-pulse{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{text-shadow:0 0 20px rgba(200,0,0,.5),0 0 40px rgba(200,0,0,.3)}50%{text-shadow:0 0 40px rgba(220,0,0,.8),0 0 80px rgba(200,0,0,.4),0 0 120px rgba(200,0,0,.2)}}.heart-container{margin:2rem 0}.heart{font-size:5rem;color:#dc0000;display:inline-block;animation:heartbeat 1s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(220,0,0,.6))}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}.sub-text{font-family:Inter,sans-serif;font-style:italic;font-size:1.3rem;color:#fff9;text-shadow:0 1px 6px rgba(0,0,0,.8);margin-top:1rem}