@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Inter:wght@300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#050510;min-height:100vh;font-family:Inter,sans-serif;overflow-x:hidden}#root{justify-content:center;align-items:center;min-height:100vh;display:flex}.sorry-container{text-align:center;width:100%;max-width:700px;padding:60px 30px}.emoji-float{margin-bottom:20px;font-size:64px;animation:3s ease-in-out infinite float;display:inline-block}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}.title{background:linear-gradient(120deg,#f6d365,#fda085,#f6d365) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:-2px;-webkit-background-clip:text;margin-bottom:10px;font-family:Playfair Display,serif;font-size:80px;font-weight:700;animation:3s linear infinite shimmer,1s ease-out fadeInUp}@keyframes shimmer{0%{background-position:0%}to{background-position:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.subtitle{color:#ffffffb3;margin-bottom:40px;font-family:Playfair Display,serif;font-size:22px;font-style:italic;font-weight:400;animation:1s ease-out .3s both fadeInUp}.divider{background:linear-gradient(90deg,#0000,#fda085,#0000);width:80px;height:2px;margin:0 auto 40px;animation:1s ease-out .6s both fadeIn}.message{color:#ffffffd9;margin-bottom:50px;font-size:18px;font-weight:300;line-height:1.9;animation:1s ease-out .8s both fadeInUp}.message p{margin-bottom:18px}.message .highlight{color:#fda085;font-weight:500}.hearts{justify-content:center;gap:12px;margin-bottom:50px;animation:1s ease-out 1s both fadeInUp;display:flex}.heart{font-size:28px;animation:1.5s ease-in-out infinite heartbeat}.heart:nth-child(2){animation-delay:.2s}.heart:nth-child(3){animation-delay:.4s}.heart:nth-child(4){animation-delay:.6s}.heart:nth-child(5){animation-delay:.8s}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.button-group{flex-wrap:wrap;justify-content:center;gap:20px;animation:1s ease-out 1.2s both fadeInUp;display:flex}.sorry-btn{cursor:pointer;border:none;border-radius:50px;padding:16px 40px;font-family:Inter,sans-serif;font-size:16px;font-weight:500;transition:all .4s}.sorry-btn.primary{color:#1a1a2e;background:linear-gradient(135deg,#f6d365,#fda085);box-shadow:0 8px 30px #fda0854d}.sorry-btn.primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #fda08580}.sorry-btn.secondary{color:#ffffffb3;background:0 0;border:1px solid #fff3}.sorry-btn.secondary:hover{color:#fff;background:#ffffff1a}.sorry-btn:active{transform:scale(.96)}.rain-layer{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.raindrop{background:linear-gradient(#0000,#aec2e099);border-radius:0 0 2px 2px;width:1px;animation:linear infinite rainFall;position:absolute;top:-30px}@keyframes rainFall{0%{opacity:0;transform:translateY(-10px)}10%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.sorry-container{z-index:1;position:relative}.sad-face{object-fit:contain;border-radius:20px;width:150px;height:150px;margin-bottom:20px;animation:2s ease-in-out infinite sadBounce;display:inline-block}@keyframes sadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=600px){.title{font-size:52px}.subtitle{font-size:18px}.message{font-size:16px}.sorry-container{padding:40px 20px}}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-box{text-align:center;background:linear-gradient(145deg,#1e1b3a,#2d2760);border:1px solid #ffffff1a;border-radius:28px;width:90%;max-width:420px;padding:50px 40px;animation:.4s cubic-bezier(.34,1.56,.64,1) modalPop;box-shadow:0 25px 60px #00000080}.modal-box.thank-you{background:linear-gradient(145deg,#2a1a3e,#3d2466);border-color:#fda0854d}@keyframes modalPop{0%{opacity:0;transform:scale(.7)translateY(30px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-emoji{margin-bottom:16px;font-size:64px;animation:2s ease-in-out infinite float}.modal-gif{object-fit:contain;border-radius:16px;width:120px;height:120px;margin-bottom:12px}.modal-text{color:#fff;margin-bottom:30px;font-family:Playfair Display,serif;font-size:28px;font-weight:700}.modal-sub{color:#fffc;margin-bottom:12px;font-size:17px;line-height:1.6}.modal-sub.small{color:#ffffff80;margin-bottom:24px;font-size:14px}.modal-message{text-align:left;margin-bottom:28px}.modal-message p{color:#ffffffbf;margin-bottom:12px;font-size:15px;line-height:1.8}.hint-box{max-width:480px}.modal-buttons{justify-content:center;gap:16px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:50px;padding:14px 36px;font-family:Inter,sans-serif;font-size:16px;font-weight:600;transition:all .3s}.modal-btn.yes{color:#1a1a2e;background:linear-gradient(135deg,#f6d365,#fda085);box-shadow:0 6px 24px #fda08559}.modal-btn.yes:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 10px 32px #fda0858c}.modal-btn.no{color:#fff9;background:#ffffff14;border:1px solid #ffffff26}.modal-btn.no:hover{color:#fff;background:#ffffff26}.modal-btn.full{width:100%;padding:16px}.modal-btn:active{transform:scale(.95)}.hint-popup{color:#1a1a2e;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#fda085e6;border-radius:16px;padding:14px 24px;font-size:15px;font-weight:500;transition:transform .3s;animation:.6s ease-out fadeInUp;position:fixed;bottom:30px;right:30px;box-shadow:0 8px 30px #0000004d}.hint-popup:hover{transform:translateY(-3px)}@media (width<=600px){.modal-box{border-radius:22px;padding:36px 24px}.modal-text{font-size:24px}.modal-btn{padding:12px 28px;font-size:15px}.hint-popup{padding:12px 18px;font-size:13px;bottom:16px;right:16px}}.confetti-layer{pointer-events:none;z-index:200;position:fixed;inset:0;overflow:hidden}.confetti-piece{border-radius:2px;animation:linear forwards confettiFall;position:absolute;top:-20px}.confetti-piece.circle{border-radius:50%}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}25%{opacity:1}to{opacity:0;transform:translateY(100vh)rotate(720deg)scale(.3)}}