@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700;800&family=Fraunces:opsz,wght@9..144,700;9..144,900&display=swap";:root{--blue:#123f87;--deep:#06265b;--yellow:#ffd126;--pink:#e32f87;--green:#70bd43;--cyan:#00a8df;--orange:#f27624;--cream:#fff8e9;--ink:#092755;--white:#fff;--radius:28px;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--deep);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--deep)}button,a,input{font:inherit}.app-shell{min-height:100dvh;max-width:520px;margin:auto;position:relative;overflow:hidden;background:var(--cream)}button,.button{border:0;cursor:pointer}.primary,.secondary,.button{min-height:58px;border-radius:999px;padding:0 26px;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:10px;text-decoration:none}.primary{background:var(--yellow);color:var(--ink);box-shadow:0 9px #041f492e}.primary:active{transform:translateY(3px);box-shadow:0 6px #041f492e}.primary:disabled{opacity:.6}.secondary{background:transparent;border:2px solid rgba(9,39,85,.16);color:var(--ink)}svg{width:24px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--green);margin:0 0 8px}h1,h2{font-family:Fraunces,serif;line-height:.89;letter-spacing:-.045em;margin:0}h1 em,h2 em{color:var(--pink);font-style:italic}.topbar{height:82px;background:var(--deep);padding:16px 20px;display:grid;grid-template-columns:46px 1fr 56px;align-items:center}.topbar img{width:112px;max-height:45px;object-fit:contain;justify-self:center}.icon-button{width:44px;height:44px;border-radius:50%;color:#fff;background:#ffffff1a;display:grid;place-items:center}.demo-pill{font-size:.58rem;letter-spacing:.12em;font-weight:800;color:var(--yellow);text-align:right}.hero{min-height:100dvh;color:#fff;background:radial-gradient(circle at 8% 24%,rgba(227,47,135,.72),transparent 22%),radial-gradient(circle at 95% 52%,rgba(112,189,67,.46),transparent 24%),linear-gradient(155deg,#0e54a2,var(--deep) 63%);padding:36px 22px 40px;position:relative}.hero:before{content:"20";position:absolute;font-family:Fraunces;font-size:26rem;font-weight:900;color:#ffffff09;top:130px;left:-44px;line-height:.7}.hero-orbit{position:absolute;width:270px;height:270px;border:1px solid rgba(255,255,255,.16);border-radius:50%;top:-72px;right:-80px}.anniversary-seal{width:140px;display:block;margin:0 auto 25px;filter:drop-shadow(0 14px 24px rgba(0,0,0,.2))}.hero h1{font-size:clamp(3.4rem,15vw,5.2rem);position:relative}.hero h1 em{color:var(--yellow)}.hero-copy{max-width:380px;line-height:1.55;color:#ffffffbf;position:relative}.experience-list{display:grid;gap:12px;margin-top:28px;position:relative}.experience{width:100%;min-height:94px;padding:14px;border-radius:24px;color:#fff;display:grid;grid-template-columns:28px 54px 1fr;gap:11px;align-items:center;text-align:left;transition:.2s transform}.experience:active{transform:scale(.98)}.experience-number{font-weight:800;font-size:.68rem;opacity:.58;align-self:start}.experience-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#ffffff2e}.experience strong,.experience small{display:block}.experience strong{font-family:Fraunces;font-size:1.22rem}.experience small{margin-top:4px;opacity:.78}.photo-card{background:var(--pink)}.roulette-card{background:var(--orange)}.trivia-card{background:var(--green)}.privacy-note{text-align:center;font-size:.72rem;opacity:.55;margin:22px 0 0}.page-title{padding:32px 25px 24px;background:var(--deep);color:#fff}.page-title h2,.result-heading h2{font-size:3.4rem}.page-title.compact{padding-bottom:50px}.camera-stage{position:relative;width:calc(100% - 32px);aspect-ratio:9/16;margin:18px auto;border-radius:32px;overflow:hidden;background:linear-gradient(145deg,#dfe9d5,#f7e6ab)}.camera-stage video{width:100%;height:100%;object-fit:cover}.is-mirrored{transform:scaleX(-1)}.camera-placeholder{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:50px}.camera-placeholder span{margin:auto;color:var(--blue)}.camera-placeholder svg{width:52px;height:52px}.camera-placeholder p{font-weight:700}.camera-stage.is-live .camera-placeholder{display:none}.camera-overlay{pointer-events:none;position:absolute;inset:0;background:linear-gradient(rgba(5,44,95,.68),transparent 42%,transparent 54%,rgba(5,44,95,.86))}.camera-overlay img{position:absolute;width:28%;left:36%;top:26%}.camera-overlay div{position:absolute;left:9.6%;right:19%;top:60%;padding:4.2% 3%;border-radius:18px;background:#032853e0;text-align:center;color:#fff}.camera-overlay strong,.camera-overlay span{display:block}.camera-overlay strong{font-family:Fraunces;font-size:clamp(.82rem,3.6vw,1.15rem)}.camera-overlay span{font-size:clamp(.48rem,2.1vw,.68rem);color:var(--yellow);margin-top:4px}.camera-actions{display:flex;justify-content:center;align-items:center;gap:12px;padding:0 22px 24px}.camera-actions .primary{flex:1}.square{width:58px;padding:0}.capture{width:68px;height:68px;border-radius:50%;background:#fff;border:4px solid var(--pink);display:grid;place-items:center}.capture i{width:50px;height:50px;border-radius:50%;background:var(--pink)}.status{text-align:center;min-height:24px;padding:0 20px;color:#9d2a65}.result-heading{padding:28px 24px 20px}.photo-result{display:block;width:calc(100% - 56px);margin:0 auto;border-radius:30px;box-shadow:0 24px 50px #06265b33}.stacked-actions{display:grid;gap:12px;padding:25px 28px 10px}.instagram-note{text-align:center;padding:0 30px 30px;color:#6d7790}.quiz-progress{padding:28px 24px 10px}.quiz-progress span{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.quiz-progress div{height:7px;background:#e2e5dd;border-radius:8px;margin-top:10px;overflow:hidden}.quiz-progress i{display:block;height:100%;background:var(--pink);border-radius:8px}.question-card{padding:28px 22px}.question-card h2{font-size:2.35rem;line-height:1.02}.options{display:grid;gap:12px;margin-top:32px}.options button{min-height:68px;border-radius:20px;padding:12px 18px;background:#fff;box-shadow:0 7px 22px #06265b14;color:var(--ink);font-weight:700;text-align:left;display:flex;align-items:center;gap:13px}.options span{flex:0 0 36px;height:36px;border-radius:50%;background:var(--yellow);display:grid;place-items:center}.wheel-wrap{position:relative;width:330px;height:330px;margin:-30px auto 12px}.wheel-pointer{position:absolute;z-index:3;top:-7px;left:calc(50% - 18px);width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:40px solid var(--pink);filter:drop-shadow(0 4px 3px rgba(0,0,0,.2))}.wheel{width:100%;height:100%;border-radius:50%;border:10px solid white;position:relative;overflow:hidden;background:conic-gradient(var(--yellow) 0 20%,var(--pink) 20% 40%,var(--green) 40% 60%,var(--cyan) 60% 80%,var(--orange) 80%);box-shadow:0 18px 40px #05265b47;transition:transform 3.2s cubic-bezier(.12,.73,.05,1)}.wheel.is-spinning{transform:rotate(1780deg)}.wheel>.wheel-label{position:absolute;width:76px;left:117px;top:32px;transform-origin:38px 133px;transform:rotate(calc(var(--n)*72deg));text-align:center;font-weight:900;font-size:.62rem;letter-spacing:.03em;color:var(--ink);line-height:1.05}.wheel-label b{display:block;width:22px;height:22px;border-radius:50%;margin:0 auto 3px;background:#ffffffc7;font-size:.7rem;line-height:22px}.wheel-center{position:absolute;width:105px;height:105px;border-radius:50%;background:var(--deep);top:103px;left:103px;border:7px solid white;display:grid;place-items:center}.wheel-center img{width:78px}.wheel-legend{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px;padding:6px 24px 4px}.wheel-legend span{display:flex;align-items:center;gap:7px;min-width:0;font-size:.69rem;font-weight:700;line-height:1.15}.wheel-legend span:last-child{grid-column:1/-1}.wheel-legend b{flex:0 0 24px;height:24px;border-radius:50%;display:grid;place-items:center;color:var(--ink)}.roulette-copy{padding:8px 28px 40px;text-align:center}.roulette-copy p{line-height:1.5;color:#6d7790}.roulette-copy .primary{width:100%;margin-top:14px}.prize-result{min-height:calc(100dvh - 82px);padding:65px 26px 40px;text-align:center;display:flex;flex-direction:column;align-items:center}.prize-result h2{font-size:4.5rem;color:var(--pink)}.prize-result>p:not(.eyebrow){line-height:1.6;color:#6d7790;max-width:360px}.prize-ticket{width:100%;margin:35px 0 20px;padding:32px 20px;background:var(--yellow);border-radius:26px;position:relative;box-shadow:0 16px #0927551a}.prize-ticket:before,.prize-ticket:after{content:"";position:absolute;width:25px;height:25px;border-radius:50%;background:var(--cream);top:50%;transform:translateY(-50%)}.prize-ticket:before{left:-13px}.prize-ticket:after{right:-13px}.prize-ticket small,.prize-ticket strong,.prize-ticket span{display:block}.prize-ticket strong{font-family:Fraunces;font-size:1.8rem;margin:8px}.prize-ticket span{font-weight:800;letter-spacing:.12em;padding-top:14px;border-top:1px dashed rgba(9,39,85,.35)}.roulette-ticket{background:var(--orange);color:#fff}.prize-result .primary{width:100%;margin-top:auto}.confetti i{position:absolute;z-index:5;width:8px;height:18px;background:var(--pink);left:calc(var(--i)*6%);top:-20px;animation:fall 2.8s calc(var(--i)*-.1s) infinite linear}.confetti i:nth-child(3n){background:var(--yellow)}.confetti i:nth-child(3n+1){background:var(--green)}@keyframes fall{to{transform:translate(30px,110vh) rotate(500deg)}}.loading{min-height:100dvh;display:grid;place-content:center;text-align:center}.spinner{width:52px;height:52px;border:7px solid #d9e0e8;border-top-color:var(--pink);border-radius:50%;margin:auto;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.admin-page{background:#f4f6f9;max-width:900px}.admin-login{max-width:430px;margin:auto;padding:80px 28px}.admin-login img{width:210px;margin-bottom:55px}.admin-login h2,.admin-dashboard h2{font-size:3rem}.admin-login>p{line-height:1.55}.admin-login form{display:grid;gap:20px;margin-top:30px}.admin-login label{font-weight:700}.admin-login input{width:100%;height:56px;border:2px solid #dae0e9;border-radius:14px;padding:0 15px;margin-top:8px}.admin-dashboard{padding:35px 24px}.admin-dashboard header{display:flex;justify-content:space-between;gap:20px;align-items:center}.admin-dashboard header .secondary{min-height:45px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:35px 0}.metrics article{background:#fff;padding:22px;border-radius:20px}.metrics strong,.metrics span{display:block}.metrics strong{font-family:Fraunces;font-size:2.5rem}.metrics span{color:#758095;font-size:.82rem}.admin-list{display:grid;gap:10px}.admin-list article{background:#fff;border-radius:16px;padding:15px;display:grid;grid-template-columns:12px 1fr auto;gap:14px;align-items:center}.admin-list i{height:42px;border-radius:8px}.admin-list strong,.admin-list small{display:block}.admin-list small{color:#7b8494}.admin-list>article>span{font-weight:800}.admin-help{color:#7b8494;font-size:.8rem}.instagram-note{font-weight:700}[hidden]{display:none!important}@media(min-width:700px){body{padding:24px}.app-shell{min-height:calc(100dvh - 48px);border-radius:34px;box-shadow:0 30px 80px #0000004d}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}