*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Arial,sans-serif}.app-root{min-height:100vh;color:#fff;display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(134,77,255,.45),transparent 32%),radial-gradient(circle at 85% 25%,rgba(255,185,92,.18),transparent 28%),radial-gradient(circle at 50% 85%,rgba(80,140,255,.25),transparent 32%),linear-gradient(180deg,#170824,#090511 58%,#030205);animation:bgMove 14s ease-in-out infinite alternate}@keyframes bgMove{0%{background-position:0% 0%,100% 0%,50% 100%,center}to{background-position:18% 12%,76% 18%,45% 76%,center}}.app-root:before{content:"";position:fixed;inset:-20%;pointer-events:none;background:conic-gradient(from 180deg at 50% 50%,transparent,rgba(184,137,255,.08),transparent,rgba(255,224,138,.06),transparent),radial-gradient(circle at 30% 40%,rgba(255,255,255,.06),transparent 18%),radial-gradient(circle at 70% 70%,rgba(184,137,255,.08),transparent 20%);opacity:.9;animation:auraSpin 22s linear infinite}@keyframes auraSpin{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.08)}}.stars,.stars:before,.stars:after{position:fixed;inset:-100% 0 0;pointer-events:none;background-repeat:repeat;background-size:420px 420px;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.95),transparent),radial-gradient(1px 1px at 90px 120px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 160px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 240px 220px,rgba(255,255,255,.75),transparent),radial-gradient(2px 2px at 310px 40px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 390px 180px,rgba(255,255,255,.7),transparent),radial-gradient(2px 2px at 500px 250px,rgba(255,255,255,.75),transparent),radial-gradient(1px 1px at 700px 120px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 800px 400px,rgba(255,255,255,.85),transparent)}.stars{opacity:.42;animation:starsDown 24s linear infinite}.stars:before{content:"";opacity:.28;transform:scale(1.35);animation:starsDown 38s linear infinite}.stars:after{content:"";opacity:.18;transform:scale(.75);animation:starsDown 16s linear infinite}@keyframes starsDown{0%{transform:translateY(-420px)}to{transform:translateY(420px)}}.app{width:100%;max-width:430px;text-align:center;position:relative;z-index:2;animation:appFadeIn .9s ease both}@keyframes appFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.subtitle{color:#e7daffc7;font-size:15px;margin-bottom:28px;line-height:1.55}.card-wrap{perspective:1000px;margin-bottom:28px;animation:floatCard 4.5s ease-in-out infinite}@keyframes floatCard{0%,to{transform:translateY(0) rotate(-.6deg)}50%{transform:translateY(-12px) rotate(.6deg)}}.card{width:210px;height:320px;margin:0 auto;border-radius:24px;background:linear-gradient(145deg,#ffffff1f,#ffffff08),radial-gradient(circle at center,#8f5cff,#241034 65%);border:1px solid rgba(255,255,255,.28);box-shadow:0 0 42px #8f5cff6b,0 0 70px #b889ff2e,inset 0 0 24px #ffffff12;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:transform .75s ease,background .75s ease,box-shadow .75s ease;transform-style:preserve-3d}.card .glow{position:absolute;inset:-45%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.16),rgba(255,224,138,.14),rgba(184,137,255,.22),transparent);animation:flowingGlow 7s linear infinite;opacity:.72;filter:blur(8px)}@keyframes flowingGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card:before{content:"";position:absolute;inset:15px;border-radius:18px;border:1px solid rgba(255,255,255,.25);z-index:2}.card:after{content:"✦";position:absolute;top:18px;right:22px;font-size:20px;color:#ffffffb3;z-index:3;animation:starRotate 5s linear infinite}@keyframes starRotate{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.25)}to{transform:rotate(360deg) scale(1)}}.card.flip{transform:rotateY(180deg) scale(1.05)}.card.answer-yes{background:linear-gradient(145deg,#fff3,#ffffff0f),radial-gradient(circle at center,#ffb7df,#ff79c7 58%,#6e2853);box-shadow:0 0 44px #ffb7df9e,0 0 90px #ff78c785,0 0 130px #ffb7df47,inset 0 0 30px #ffffff24}.card.answer-yes .glow{background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.22),rgba(255,183,223,.42),rgba(255,120,199,.32),transparent);opacity:.85}.card.answer-no{background:linear-gradient(145deg,#ffffff1f,#ffffff08),radial-gradient(circle at center,#9d1515,#520606 58%,#1b0000);box-shadow:0 0 44px #b400008c,0 0 90px #7800008c,0 0 130px #46000073,inset 0 0 30px #ffffff14}.card.answer-no .glow{background:conic-gradient(from 0deg,transparent,rgba(255,80,80,.18),rgba(180,0,0,.44),rgba(70,0,0,.38),transparent);opacity:.82}.symbol{font-size:76px;opacity:.92;transition:opacity .25s ease;animation:moonBreath 3.5s ease-in-out infinite;position:relative;z-index:4}@keyframes moonBreath{0%,to{transform:scale(1) rotate(-3deg);text-shadow:0 0 18px rgba(255,255,255,.25)}50%{transform:scale(1.12) rotate(3deg);text-shadow:0 0 34px rgba(255,255,255,.45)}}.answer{position:absolute;font-size:58px;font-weight:950;letter-spacing:3px;opacity:0;transform:rotateY(180deg) scale(.75);text-shadow:0 0 24px rgba(255,255,255,.34);transition:opacity .3s ease,transform .4s ease;z-index:4}.card.show-answer .symbol{opacity:0}.card.show-answer .answer{opacity:1;transform:rotateY(180deg) scale(1);animation:answerPop .7s ease both}@keyframes answerPop{0%{transform:rotateY(180deg) scale(.65);filter:blur(4px)}70%{transform:rotateY(180deg) scale(1.12);filter:blur(0)}to{transform:rotateY(180deg) scale(1)}}textarea{width:100%;min-height:112px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:#ffffff14;color:#fff;padding:16px;font-size:16px;outline:none;resize:none;margin-bottom:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 18px #ffffff08;transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}textarea:focus{border-color:#ffe08a8c;box-shadow:0 0 24px #b889ff29,inset 0 0 18px #ffffff0a;transform:translateY(-2px)}textarea::placeholder{color:#dac7ec8c}.error{margin-bottom:12px;color:#ff9b9b;font-size:14px;min-height:20px}button{width:100%;border:none;border-radius:20px;padding:17px;font-size:17px;font-weight:850;color:#16091f;background:linear-gradient(135deg,#ffe08a,#b889ff,#ffe08a);background-size:200% 200%;box-shadow:0 14px 32px #b889ff57;cursor:pointer;transition:transform .2s ease,filter .2s ease;animation:buttonShine 4s ease-in-out infinite}@keyframes buttonShine{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}button:active{transform:scale(.97)}button:hover{filter:brightness(1.07)}#marinaMessage{margin-top:20px;font-size:14px;color:#ffffff61;line-height:1.6;font-style:italic;min-height:44px;padding:0 10px;animation:messageFloat 5s ease-in-out infinite}@keyframes messageFloat{0%,to{transform:translateY(0);opacity:.75}50%{transform:translateY(-4px);opacity:1}}@media(max-width:380px){.app-root{padding:18px}.card{width:190px;height:292px}.answer{font-size:50px}}