*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f0ea;color:#453653;font-family:Georgia,serif}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 20% 10%,#fff9dc,transparent 25%),radial-gradient(circle at 85% 20%,#dfd0ef,transparent 28%),linear-gradient(145deg,#faf4ec,#eee5f6 55%,#f6e8d6)}.music{position:fixed;z-index:9;right:16px;top:14px;border:1px solid #c5a668;background:#fffaf0e8;color:#66517a;border-radius:30px;padding:10px 14px;font-weight:700}.hero{text-align:center;min-height:68vh;padding:80px 20px 45px;display:flex;flex-direction:column;justify-content:center;align-items:center}.brand,.eyebrow,.readingBrand{font:800 11px Arial;letter-spacing:.23em;color:#9b7a45}.halo{width:84px;height:84px;border:1px solid #c5a668;border-radius:50%;display:grid;place-items:center;font-size:32px;color:#c39a50;margin:25px}.hero h1{font-size:clamp(42px,8vw,74px);line-height:.9;margin:0;color:#604777}.hero h1 span{color:#b38b49}.tag{font:14px Arial;letter-spacing:.11em;color:#806c8d;margin:24px 0}.intro{max-width:600px;line-height:1.7;color:#6b6072}.ask,.reading{width:min(760px,calc(100% - 30px));margin:0 auto 48px;padding:32px;background:#fffaf5dc;border:1px solid #d8c4a1;border-radius:25px;box-shadow:0 20px 60px #6c577820;text-align:center}.ask h2{font-size:30px;margin:10px}.ask p{color:#776d7d}.ask textarea{width:100%;min-height:135px;padding:17px;border:1px solid #cbb8d5;border-radius:17px;font:16px/1.5 Arial;outline:none}.count{text-align:right;font:12px Arial;color:#aaa;margin:7px}.primary,.secondary{border:0;border-radius:30px;padding:15px 25px;font-weight:800;letter-spacing:.07em;cursor:pointer}.primary{background:linear-gradient(90deg,#6c4e85,#b18b50);color:white}.error{color:#a33d55!important;font-family:Arial}.cardArea{text-align:center;padding:15px 15px 70px}.whisper{font-style:italic;color:#7d6d87}.oracle,.stack{width:280px;height:392px;margin:24px auto;perspective:1200px}.inner{position:relative;width:100%;height:100%;transition:.8s;transform-style:preserve-3d}.oracle.open .inner{transform:rotateY(180deg)}.back,.front{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:24px;overflow:hidden;border:2px solid #ecd69c;box-shadow:0 24px 55px #503c623f}.back{background:radial-gradient(circle,#8e6dab,#50396a 55%,#302546);color:#f7e5b0;display:flex;flex-direction:column;justify-content:center;align-items:center}.back small{position:absolute;top:28px;font:700 10px Arial;letter-spacing:.18em}.back b{font-size:48px}.back strong{font-size:23px;letter-spacing:.08em;margin-top:20px}.front{transform:rotateY(180deg);background:white}.front img{width:100%;height:100%;object-fit:cover}.front>div{position:absolute;left:12px;right:12px;bottom:12px;background:#fffaf2e9;border:1px solid #dfc485;border-radius:13px;padding:11px}.front h3{margin:0 0 5px;font-size:17px;color:#5c4270}.front p{margin:0;font:13px/1.4 Arial;color:#685b70}.stack{position:relative}.stack i{position:absolute;inset:0;border-radius:24px;background:linear-gradient(145deg,#705287,#b79ac3,#d4b270);border:2px solid #f1d89f;animation:sh 1s infinite}.stack i:nth-child(2){animation-delay:.15s}.stack i:nth-child(3){animation-delay:.3s}@keyframes sh{50%{transform:translateX(22px) rotate(4deg)}}.reading{text-align:left;line-height:1.7}.reading h2{color:#6c4d82}.reading p{font-family:Arial;color:#534a59}.readingBrand{text-align:center}.secondary{display:block;margin:28px auto 0;background:#eee2f2;color:#644b75;border:1px solid #bea6c9}.loading{font-style:italic}.loading,footer{text-align:center}footer{padding:30px 20px 55px;font:13px/1.6 Arial;color:#786d7d}footer strong{letter-spacing:.18em;color:#9b7b47}footer p{max-width:600px;margin:10px auto}@media(max-width:560px){.ask,.reading{padding:24px 18px}.oracle,.stack{width:250px;height:350px}.hero h1{font-size:44px}.music{right:9px;top:9px;font-size:11px}}.welcome{min-height:100vh;padding:70px 18px 40px;display:grid;place-items:center;position:relative;overflow:hidden}.welcome:after,.welcome:before{content:"";position:absolute;border-radius:50%;filter:blur(6px);opacity:.65;pointer-events:none}.welcome:before{width:380px;height:380px;left:-120px;top:6%;background:radial-gradient(circle,#fff3b8 0,#f3ddbb80 40%,transparent 72%)}.welcome:after{width:430px;height:430px;right:-150px;bottom:-70px;background:radial-gradient(circle,#d9c2ed 0,#c6addd70 42%,transparent 72%)}.welcomeGlow{position:absolute;width:min(700px,90vw);height:min(700px,90vw);border-radius:50%;background:radial-gradient(circle,#fffdf8cc 0,#f5e9c98f 28%,#dbc8ed55 52%,transparent 70%);animation:breathe 6s ease-in-out infinite}.welcomeCard{position:relative;z-index:2;width:min(720px,94vw);padding:46px 42px 38px;text-align:center;background:linear-gradient(160deg,#fffaf5e8,#faf4f8dd);border:1px solid #d9bf87;border-radius:32px;box-shadow:0 28px 90px #5b41662b,inset 0 0 0 1px #ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.welcomeAngel{width:92px;height:92px;margin:22px auto 18px;border:1px solid #cfad6c;border-radius:50%;display:grid;place-items:center;font-size:36px;color:#c0954f;box-shadow:0 0 45px #e8ca8955;background:radial-gradient(circle,#fffdf5,#f3e3c9)}.welcome h1{font-size:clamp(44px,8vw,72px);line-height:.9;margin:0;color:#604777;letter-spacing:.01em}.welcome h1 span{color:#b38b49}.welcomeTag{font:13px Arial;letter-spacing:.13em;color:#806c8d;margin:22px 0 30px}.welcomeText{max-width:590px;margin:auto;padding:25px 25px 23px;border-top:1px solid #d8c59a;border-bottom:1px solid #d8c59a}.welcomeText h2{font-size:26px;line-height:1.3;margin:0 0 17px;color:#5b426c;font-weight:400}.welcomeText p{font:15px/1.75 Arial;color:#6d6172;margin:10px 0}.welcomeText .welcomeEm{font-family:Georgia,serif;font-size:17px;font-style:italic;color:#765a7e;margin-top:18px}.welcomeButton{margin-top:28px;min-width:min(360px,90%);box-shadow:0 12px 28px #684d8330}.welcomeNote{display:block;margin-top:17px;font:10px Arial;letter-spacing:.12em;color:#9b8c9f}@keyframes breathe{0%,to{transform:scale(.97);opacity:.72}50%{transform:scale(1.03);opacity:1}}@media(max-width:560px){.welcome{padding:58px 12px 30px}.welcomeCard{padding:38px 18px 30px;border-radius:25px}.welcomeText{padding:22px 8px}.welcomeText h2{font-size:22px}.welcomeTag{font-size:11px}.welcomeButton{min-width:0;width:100%;font-size:12px}}.priceStrip{width:min(760px,calc(100% - 30px));margin:-22px auto 24px;padding:18px 22px;border:1px solid #d8c4a1;border-radius:22px;background:#fffaf5dc;display:flex;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 15px 45px #6c577818}.priceStrip small{display:block;font:800 10px Arial;letter-spacing:.14em;color:#8c728e;margin-bottom:7px}.priceStrip strong{font-size:28px;color:#a47739}.accessRow button,.adminLogin button,.priceStrip button,.waSendBox button{border:0;border-radius:25px;padding:13px 20px;background:linear-gradient(90deg,#6c4e85,#b18b50);color:#fff;font-weight:800;cursor:pointer}.accessPanel{width:min(760px,calc(100% - 30px));margin:0 auto 24px;padding:26px 28px;background:#fffaf5dc;border:1px solid #d8c4a1;border-radius:25px;box-shadow:0 18px 50px #6c577818;text-align:center}.accessPanel h2{margin:8px 0;color:#5b426c}.accessPanel p{font:14px/1.6 Arial;color:#6e6273}.accessRow{display:flex;gap:10px;margin:18px auto 8px;max-width:600px}.accessRow input{flex:1 1;min-width:0;border:1px solid #cbb8d5;border-radius:16px;padding:14px;font:700 15px Arial;letter-spacing:.06em}.accessHelp{font:11px Arial;color:#8c808f}.accessOk{opacity:.8}.accessActive{font:700 12px Arial;color:#6a8060!important}.spentNotice{text-align:center;margin-top:22px;padding:10px;border-radius:12px;background:#f4ebf5;font:12px Arial;color:#725d7b}.qrisOverlay{position:fixed;z-index:50;inset:0;background:#342a3fb3;display:grid;place-items:center;padding:18px;overflow:auto}.qrisModal{position:relative;width:min(540px,96vw);max-height:94vh;overflow:auto;background:#fffaf5;border:1px solid #d8bd7e;border-radius:27px;padding:30px;text-align:center;box-shadow:0 30px 100px #241d2b70}.qrisClose{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;background:#eee2f2;color:#604777;font-size:24px;cursor:pointer}.qrisModal h2{color:#5b426c;margin:9px}.qrisAmount{font-size:36px;font-weight:700;color:#a47739;margin:8px}.qrisModal>p{font:14px/1.6 Arial;color:#665b6b}.qrisImage{width:min(330px,90%);height:auto;border-radius:14px;border:1px solid #ddd;background:#fff;margin:8px auto;display:block}.qrisMerchant{font:700 12px Arial;color:#594b5f;margin:8px}.qrisSteps{font:13px/1.6 Arial;text-align:left;background:#f4ecf6;border-radius:15px;padding:14px;margin:15px 0;color:#625568}.qrisConfirm{width:100%}.qrisNote{display:block;font:11px Arial;color:#887c8c;margin-top:11px}.adminMain{width:min(820px,calc(100% - 30px));margin:45px auto;padding:30px}.adminMain h1{color:#604777}.adminMain .sub{font:14px Arial;color:#776c7d}.adminLogin,.manualCode{background:#fffaf5;border:1px solid #d8c4a1;border-radius:22px;padding:24px;margin:22px 0;box-shadow:0 16px 45px #6c577818}.adminLogin label,.waSendBox label{display:block;font:700 12px Arial;color:#765c78;margin-bottom:8px}.adminLogin input,.waSendBox input{width:100%;padding:13px;border:1px solid #cbb8d5;border-radius:14px;margin-bottom:12px}.manualCode b{font:800 22px Arial;color:#7c5890}.waSendBox{margin-top:20px;padding-top:18px;border-top:1px solid #ddcfb6}@media(max-width:560px){.priceStrip{align-items:stretch;text-align:center}.accessRow,.priceStrip{flex-direction:column}.qrisModal{padding:28px 18px}.adminMain{padding:10px}.welcome{padding-top:42px}}.welcomeSaiLogo{display:block;width:150px;max-width:42%;height:auto;margin:0 auto 8px;mix-blend-mode:multiply;border-radius:18px}.welcomeAngelWrap{position:relative;width:min(430px,88%);margin:10px auto 20px;border-radius:180px 180px 28px 28px;overflow:hidden;box-shadow:0 18px 60px #72538435,0 0 55px #e4c68445;border:1px solid #dec38c;background:#efe4f4}.welcomeAngelWrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 72%,#fffaf5)}.welcomeAngelImage{display:block;width:100%;height:auto;transform:scale(1.02)}.welcomeSantiBrand{display:block;width:245px;max-width:72%;height:auto;margin:20px auto 0;mix-blend-mode:multiply;border-radius:14px}@media(max-width:560px){.welcomeSaiLogo{width:118px}.welcomeAngelWrap{width:92%;margin-top:8px}.welcomeSantiBrand{width:210px}.welcomeText{margin-top:4px}}.welcome{padding-top:28px;padding-bottom:28px;align-items:start}.welcomeCard{width:min(680px,94vw);padding:26px 34px 30px}.welcomeSaiLogo{width:120px;margin-bottom:4px}.welcome h1{font-size:clamp(38px,6vw,58px)}.welcomeTag{margin:14px 0 16px}.welcomeAngelWrap{width:min(300px,64%);margin:6px auto 14px;border-radius:130px 130px 24px 24px}.welcomeAngelImage{transform:none}.welcomeText{padding:18px 22px 17px}.welcomeText h2{font-size:23px;margin-bottom:12px}.welcomeText p{line-height:1.6;margin:7px 0}.welcomeText .welcomeEm{margin-top:12px}.welcomeButton{margin-top:20px}.welcomeSantiBrand{width:205px;margin-top:14px}.welcomeNote{margin-top:10px}@media(max-width:560px){.welcome{padding:18px 10px 24px}.welcomeCard{padding:22px 16px 24px}.welcomeSaiLogo{width:104px}.welcome h1{font-size:38px}.welcomeTag{margin:12px 0 14px}.welcomeAngelWrap{width:min(270px,78%);margin:4px auto 12px}.welcomeText{padding:16px 8px}.welcomeText h2{font-size:20px}.welcomeText p{font-size:14px;line-height:1.55}.welcomeText .welcomeEm{font-size:16px}}.answerActions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 6px}.answerActions button{border:1px solid #c9b3d2;border-radius:22px;padding:11px 16px;background:#f5ecf7;color:#604777;font-weight:700;cursor:pointer}.answerActions button:hover{background:#eee0f2}@media(max-width:560px){.answerActions{flex-direction:column}.answerActions button{width:100%}}.panel{background:#fffaf5;border:1px solid #d8c4a1;border-radius:22px;padding:24px;margin:22px 0;box-shadow:0 16px 45px #6c577818}.panel h2{color:#604777}.adminTableWrap{overflow:auto}.adminTable{width:100%;border-collapse:collapse;font:13px Arial}.adminTable td,.adminTable th{padding:11px;border-bottom:1px solid #e3d8c8;text-align:left;white-space:nowrap}.adminTable button,.panel>button{border:0;border-radius:20px;padding:10px 15px;background:linear-gradient(90deg,#6c4e85,#b18b50);color:#fff;font-weight:800;cursor:pointer}.manualWaiting{font:14px/1.7 Arial;color:#625568;background:#f4ecf6;border-radius:15px;padding:15px;margin:15px 0}.manualWaiting .qrisConfirm{margin-top:12px}