@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800;900&family=Pangolin&family=Russo+One&display=swap";
:root{--black:#050407;--panel:#111014;--paper:#eadbc4;--pink:#f3349c;--pink-hot:#ff4db8;--purple:#7c32d7;--violet:#b14cff;--gold:#f7ca45;--chalk:#fff7ec;--muted:#d9cbd2;--line:#f7ca458c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--chalk);background:radial-gradient(circle at 20% 15%,#ff4db826,#0000 24rem),radial-gradient(circle at 84% 62%,#7c32d72e,#0000 28rem),linear-gradient(#030204,#110911 46%,#050407);margin:0;font-family:Nunito,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{background:#0000002b;width:min(100%,1280px);min-height:100vh;margin:0 auto;box-shadow:0 0 80px #000000b3}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#040306db;border-bottom:1px solid #ffffff12;grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;padding:1rem clamp(1rem,3vw,2rem);display:grid;position:sticky;top:0}.brand-title{color:var(--gold);text-transform:uppercase;text-shadow:2px 2px 0 var(--pink), 0 0 12px #ff4db880;font-family:Russo One,sans-serif;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1;display:block}.brand-subtitle{margin-top:.14rem;font-size:.74rem;display:block}.nav{color:#f4e9de;justify-content:center;gap:clamp(.7rem,2vw,1.7rem);font-weight:800;display:flex}.nav a:hover,.nav .active{color:var(--pink-hot)}.outline-button,.pink-button,.purple-button{text-transform:uppercase;border-radius:14px 8px 16px 10px;justify-content:center;align-items:center;min-height:3.2rem;padding:.75rem 1.25rem;font-family:Pangolin,cursive;font-size:1.12rem;transition:transform .18s,filter .18s;display:inline-flex}.outline-button{color:var(--pink-hot);border:2px solid var(--pink);transform:rotate(-2deg);box-shadow:0 0 18px #ff4db83b}.pink-button{color:#fff;cursor:pointer;background:linear-gradient(#ff4db8,#c91684);border:0;box-shadow:0 5px #5b092f,0 0 22px #ff4db859}.purple-button{color:#fff;cursor:pointer;background:linear-gradient(#8345db,#5617a4);border:0;box-shadow:0 5px #25083f}.pink-button:hover,.purple-button:hover,.outline-button:hover{filter:brightness(1.06);transform:translateY(-1px)rotate(-1deg)}.hero{min-height:650px;padding:clamp(2rem,5vw,4.6rem) clamp(1rem,4vw,2.5rem) 2.4rem;position:relative;overflow:hidden}.hero-art{object-fit:cover;object-position:62% center;width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(90deg,#000000fa,#000c 31%,#00000026 74%,#000000bd),linear-gradient(#0000 55%,#000000a6);position:absolute;inset:0}.hero-content{z-index:2;width:min(43rem,54vw);position:relative}.eyebrow{color:var(--gold);text-transform:uppercase;margin:0 0 .8rem;font-family:Pangolin,cursive;font-size:1.05rem}h1,.hero-title{color:#fff8ee;text-transform:uppercase;text-shadow:.08em .07em #000000d1;margin:0;font-family:Russo One,sans-serif;font-size:clamp(3.2rem,7vw,6.3rem);line-height:.94}.pink-text{color:var(--pink-hot)}.gold-text{color:var(--gold)}.hero-copy{color:#fff8ef;max-width:32rem;margin:1.2rem 0;font-size:1.12rem;line-height:1.42}.feature-pills{flex-wrap:wrap;gap:.65rem;margin:0 0 1.25rem;padding:0;list-style:none;display:flex}.feature-pills li{color:#ffe7b8;align-items:center;gap:.35rem;font-family:Pangolin,cursive;display:inline-flex}.feature-pills li:before{content:"✦";width:1.45rem;height:1.45rem;color:var(--gold);border:1px solid var(--line);border-radius:50%;place-items:center;display:grid}.speech,.hero-sticker,.stats-board{z-index:3;font-family:Pangolin,cursive;position:absolute}.speech{color:#151014;text-align:center;background:#f3ead9;border-radius:42% 39% 45% 34%/31% 44% 36% 47%;padding:1rem 1.2rem;font-size:1.25rem;line-height:1.08;top:9rem;left:45%;transform:rotate(-8deg)}.hero-sticker{color:var(--pink);background:#f5eadb;padding:.42rem .8rem;bottom:4rem;left:43%;transform:rotate(-5deg)}.stats-board{color:#ffe9c2;clip-path:polygon(5% 0,100% 8%,95% 100%,0 91%);background:#140e0cc2;border:1px solid #f7ca455c;width:min(17rem,25vw);padding:1.3rem;top:9rem;right:clamp(1rem,3vw,3rem);transform:rotate(4deg)}.stats-board strong{color:var(--gold);font-family:Russo One,sans-serif;font-size:2.8rem;line-height:1;display:block}.paper-band{color:#171014;background:var(--paper);padding:2.4rem clamp(1rem,4vw,2rem)}.section-title{text-transform:uppercase;text-shadow:3px 3px #000000bf;margin:0 0 1.2rem;font-family:Pangolin,cursive;font-size:clamp(2.1rem,4.8vw,4rem);line-height:1}.paper-band .section-title{color:#161013;text-align:center;text-shadow:none}.steps,.price-grid,.review-grid,.dashboard-grid,.reading-grid{gap:1rem;display:grid}.steps{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1120px;margin:0 auto}.step-card{text-align:center;position:relative}.step-image{aspect-ratio:1;background-image:url(/assets/images/process-icons.png);background-repeat:no-repeat;background-size:405%;border:4px solid #3b1040;border-radius:50%;width:min(10.5rem,22vw);margin:0 auto .8rem;box-shadow:0 5px #0000004d}.step-image-1{background-position:1.5%}.step-image-2{background-position:33.7%}.step-image-3{background-position:66.4%}.step-image-4{background-position:99.2%}.step-number{color:#16100e;background:#fff100;border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;font-family:Russo One,sans-serif;display:grid;position:absolute;top:7.9rem;left:calc(50% - 5.2rem)}.content-section{padding:clamp(2.5rem,5vw,4rem) clamp(1rem,4vw,2rem)}.content-inner{max-width:1180px;margin:0 auto}.price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card,.price-card,.reading-card,.form-card{background:linear-gradient(135deg,#7c32d738,#0000 40%),#110d12f2;border:2px solid #f7ca458f;border-radius:18px 11px 19px 13px;box-shadow:0 16px 34px #0000005c}.price-card,.reading-card,.form-card,.card{padding:1.3rem}.price-card.featured{color:#160f08;background:#f2d471;border-color:#f9dd83}.price{color:var(--gold);margin:.4rem 0 1rem;font-family:Russo One,sans-serif;font-size:3rem}.featured .price{color:#120c06}.app-page{min-height:calc(100vh - 72px);padding:clamp(1.5rem,4vw,3rem) clamp(1rem,4vw,2rem)}.page-header{max-width:1080px;margin:0 auto 1.4rem}.page-header p{max-width:42rem;color:var(--muted);line-height:1.45}.dashboard-grid{grid-template-columns:.85fr 1.15fr;max-width:1080px;margin:0 auto}.reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{gap:.45rem;margin-bottom:1rem;display:grid}.field label{color:#ffe5b2;font-family:Pangolin,cursive;font-size:1.1rem}.field input,.field select,.field textarea{color:#fff;background:#ffffff14;border:1px solid #f7ca4573;border-radius:12px;outline:none;width:100%;padding:.85rem 1rem}.field textarea{resize:vertical;min-height:7rem}.muted{color:var(--muted)}.status-pill{color:#160f08;background:var(--gold);border-radius:999px;width:fit-content;padding:.25rem .65rem;font-family:Pangolin,cursive;display:inline-flex}.result-section{color:#191015;background:var(--paper);border-radius:12px;padding:1rem}.result-section.pink{border-left:6px solid var(--pink)}.result-section.gold{border-left:6px solid var(--gold)}.result-section.violet{border-left:6px solid var(--violet)}.result-section.paper{border-left:6px solid #3b2b18}@media (max-width:900px){.topbar{grid-template-columns:1fr}.nav,.topbar .outline-button{justify-content:flex-start}.hero{min-height:auto}.hero-content{width:min(100%,36rem)}.hero-title{font-size:clamp(2.6rem,12vw,4.5rem)}.speech,.hero-sticker,.stats-board{width:fit-content;max-width:100%;margin-top:1rem;position:relative;inset:auto}.steps,.price-grid,.dashboard-grid,.reading-grid{grid-template-columns:1fr}.step-image{width:13rem}.step-number{top:10rem;left:calc(50% - 6.3rem)}}
