:root{color-scheme:dark;--bg-0: #0a0918;--bg-1: #12102a;--bg-2: #1a1638;--surface: rgba(167, 139, 250, .08);--surface-strong: rgba(167, 139, 250, .14);--border: rgba(167, 139, 250, .28);--violet: #7c3aed;--violet-soft: #a78bfa;--cyan: #22d3ee;--gold: #ffc94d;--gold-strong: #ffd84d;--rose: #f43f5e;--text: #f1edff;--muted: #b3acd6;--font-display: "Russo One", "Chakra Petch", sans-serif;--font-heading: "Chakra Petch", sans-serif;--font-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column;font-family:var(--font-body);color:var(--text);background:radial-gradient(120% 90% at 50% -10%,var(--bg-2) 0%,var(--bg-1) 45%,var(--bg-0) 100%)}img{max-width:100%;display:block}h1,h2,h3,h4{margin:0}p{margin:0;line-height:1.4}a,button{font-family:inherit}.bg-fx{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.55;will-change:transform}.glow-a{width:46vmax;height:46vmax;top:-18vmax;left:-12vmax;background:radial-gradient(circle,var(--violet) 0%,transparent 70%)}.glow-b{width:40vmax;height:40vmax;bottom:-16vmax;right:-14vmax;background:radial-gradient(circle,var(--cyan) 0%,transparent 70%);opacity:.28}.glow-c{width:30vmax;height:30vmax;top:30%;left:60%;background:radial-gradient(circle,var(--rose) 0%,transparent 70%);opacity:.18}.particles{position:absolute;top:0;right:0;bottom:0;left:0}.particle{position:absolute;border-radius:2px;background:var(--violet-soft);opacity:.5;transform:rotate(45deg);box-shadow:0 0 8px 1px currentColor}.topbar{position:relative;z-index:2;flex:0 0 auto;display:flex;justify-content:center;padding:clamp(8px,2dvh,20px) 20px 0}.brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:clamp(.85rem,2dvh,1.05rem);letter-spacing:.02em;color:var(--text)}.brand em{font-style:normal;color:var(--cyan)}.brand-gem{width:clamp(20px,4.5dvh,30px);height:clamp(20px,4.5dvh,30px);object-fit:contain}main{position:relative;z-index:2;flex:1 1 auto;min-height:0;width:100%;max-width:1080px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;overflow:hidden}.hero{flex:0 1 auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(4px,1.2dvh,14px);padding-block:clamp(4px,1.2dvh,14px)}.eyebrow{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-heading);font-size:clamp(.6rem,1.4dvh,.78rem);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);background:var(--surface);border:1px solid var(--border);padding:clamp(4px,.8dvh,8px) clamp(10px,2vw,16px);border-radius:999px}.eyebrow svg{width:clamp(10px,1.4dvh,14px);height:clamp(10px,1.4dvh,14px);color:var(--gold)}.hero-title{font-family:var(--font-display);font-size:clamp(1.15rem,min(4.6dvh,7.2vw),2.6rem);line-height:1.12;letter-spacing:.01em;color:var(--text);text-shadow:0 0 24px rgba(167,139,250,.45);max-width:22ch}.hero-title .accent{background:linear-gradient(90deg,var(--violet-soft),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-sub{max-width:54ch;font-size:clamp(.7rem,1.7dvh,1rem);color:var(--muted)}.hero-sub strong{color:var(--gold-strong);font-weight:700;white-space:nowrap}.grand-prize{flex:1 1 0%;min-height:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(6px,1.4dvh,16px);padding-block:clamp(4px,1dvh,10px);overflow:hidden}.badge-grand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-heading);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(.6rem,1.3dvh,.8rem);color:#241a05;background:linear-gradient(120deg,var(--gold-strong),var(--gold));padding:clamp(6px,1dvh,10px) clamp(12px,2vw,20px);border-radius:999px;box-shadow:0 0 30px #ffc94d73;flex-shrink:0}.badge-grand svg{width:clamp(11px,1.6dvh,15px);height:clamp(11px,1.6dvh,15px)}.grand-card{position:relative;width:100%;flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:clamp(8px,1.6dvh,20px);align-items:center;padding:clamp(14px,2.2dvh,40px) clamp(16px,3vw,40px);border-radius:clamp(16px,3dvh,28px);background:linear-gradient(160deg,rgba(255,201,77,.1),var(--surface) 55%);border:1px solid rgba(255,201,77,.35);box-shadow:0 30px 80px -30px #7c3aed8c,0 0 0 1px #ffffff05 inset;text-align:center;overflow:hidden}.grand-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:0;flex:1 1 0%}.grand-ring{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:50%;background:radial-gradient(circle,rgba(255,201,77,.35),transparent 70%);filter:blur(20px)}.grand-img{position:relative;height:100%;width:auto;max-width:100%;filter:drop-shadow(0 20px 40px rgba(0,0,0,.5))}.grand-info{display:flex;flex-direction:column;align-items:center;gap:clamp(4px,.8dvh,10px);flex-shrink:0}.grand-info h2{font-family:var(--font-display);font-size:clamp(1.05rem,3.2dvh,1.9rem);color:var(--text)}.grand-info p{color:var(--muted);max-width:38ch;font-size:clamp(.7rem,1.5dvh,.95rem)}.rank-tag{display:inline-flex;align-items:center;font-family:var(--font-heading);font-weight:700;font-size:clamp(.58rem,1.1dvh,.78rem);letter-spacing:.08em;text-transform:uppercase;padding:clamp(4px,.7dvh,6px) clamp(10px,1.6vw,14px);border-radius:999px;color:#1a1428}.rank-1{background:linear-gradient(120deg,var(--gold-strong),var(--gold));box-shadow:0 0 20px #ffc94d80}.rank-2{background:linear-gradient(120deg,#e7ecf5,#b9c2d6)}.rank-3{background:linear-gradient(120deg,#e2a26b,#b9713a)}.rank-4{background:linear-gradient(120deg,var(--violet-soft),var(--violet));color:#f1edff}.rank-5{background:linear-gradient(120deg,var(--cyan),#0ea5c4);color:#04262b}.prizes{flex:0 0 auto;padding-block:clamp(4px,1dvh,10px)}.section-title{text-align:center;font-family:var(--font-display);font-size:clamp(.8rem,2dvh,1.3rem);margin-bottom:clamp(6px,1.2dvh,18px);color:var(--text)}.prize-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,1.2vw,16px)}.prize-card{display:flex;flex-direction:column;align-items:center;min-width:0;gap:clamp(4px,.8dvh,10px);text-align:center;padding:clamp(6px,1.2dvh,18px) clamp(6px,1vw,14px);border-radius:clamp(10px,2dvh,20px);background:var(--surface);border:1px solid var(--border);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.prize-visual{display:flex;align-items:center;justify-content:center;height:clamp(34px,7dvh,84px);width:100%}.prize-visual img{max-height:100%;width:auto;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.telkomsel-logo{max-height:clamp(16px,3dvh,36px)!important}.prize-card h4{font-family:var(--font-heading);font-size:clamp(.58rem,1.35dvh,.92rem);line-height:1.2;font-weight:600;color:var(--text)}.prize-card p{font-size:clamp(.52rem,1.15dvh,.8rem);color:var(--gold-strong);font-weight:600}.cta-dock{flex:0 0 auto;display:flex;justify-content:center;padding:clamp(6px,1.2dvh,14px) 16px calc(clamp(6px,1.2dvh,14px) + env(safe-area-inset-bottom))}.cta-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:clamp(6px,1vw,10px);width:min(420px,100%);padding:clamp(10px,1.8dvh,16px) clamp(18px,3vw,28px);border:none;border-radius:999px;cursor:pointer;font-family:var(--font-heading);font-weight:700;font-size:clamp(.75rem,1.7dvh,1rem);letter-spacing:.04em;text-transform:uppercase;color:#1a1428;background:linear-gradient(120deg,var(--gold-strong),var(--gold));box-shadow:0 10px 40px -6px #ffc94d99;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 14px 46px -6px #ffc94dbf}.cta-btn:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.cta-btn:active{transform:translateY(0) scale(.98)}.cta-btn svg{width:clamp(15px,2.2dvh,20px);height:clamp(15px,2.2dvh,20px);flex-shrink:0}.cta-sheen{position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.65),transparent);transform:skew(-20deg)}.cta-btn>.cta-label,.cta-btn>svg{position:relative;z-index:2}.cta-btn.is-counting{cursor:progress;filter:saturate(.82);opacity:.92}.cta-btn.is-counting:hover{transform:none;box-shadow:0 10px 40px -6px #ffc94d99}.cta-btn.is-counting:after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;z-index:1;background:linear-gradient(90deg,var(--cyan),var(--violet-soft));box-shadow:0 0 12px 1px var(--cyan);transform-origin:left center;animation:cta-countdown var(--cta-countdown, 5s) linear forwards}@keyframes cta-countdown{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media(min-width:700px){.grand-card{flex-direction:row;align-items:stretch;text-align:left;padding:clamp(20px,3dvh,56px)}.grand-visual{flex:0 1 55%}.grand-info{align-items:flex-start;justify-content:center}.grand-info p{max-width:42ch}}@media(max-height:520px){.eyebrow,.hero-sub,.grand-info p{display:none}.hero,.grand-prize{gap:2px;padding-block:2px}}@media(prefers-reduced-motion:reduce){.cta-sheen{display:none}.cta-btn.is-counting:after{animation:none;transform:scaleX(1);opacity:.6}}.aegis-overlay[hidden]{display:none}.aegis-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:#060514b8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:aegis-fade .2s var(--ease-out)}@keyframes aegis-fade{0%{opacity:0}to{opacity:1}}.aegis-card{width:min(420px,100%);text-align:center;padding:clamp(20px,4dvh,36px);border-radius:clamp(16px,3dvh,24px);background:linear-gradient(160deg,var(--surface-strong),var(--surface));border:1px solid var(--border);box-shadow:0 30px 80px -30px #7c3aed99,0 0 0 1px #ffffff05 inset;color:var(--text)}.aegis-card h1{font-family:var(--font-display);font-size:clamp(1.05rem,3dvh,1.5rem);margin-bottom:10px}.aegis-card .muted{color:var(--muted);font-size:clamp(.8rem,1.7dvh,.95rem)}.aegis-card .cta{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;padding:clamp(10px,1.8dvh,14px) clamp(20px,4vw,30px);border:none;border-radius:999px;cursor:pointer;font-family:var(--font-heading);font-weight:700;font-size:clamp(.75rem,1.7dvh,.95rem);letter-spacing:.04em;text-transform:uppercase;color:#1a1428;background:linear-gradient(120deg,var(--gold-strong),var(--gold));box-shadow:0 10px 40px -6px #ffc94d99;transition:transform .2s var(--ease-out)}.aegis-card .cta:hover{transform:translateY(-2px)}.aegis-card .cta:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.aegis-spinner{width:34px;height:34px;margin:0 auto 14px;border-radius:50%;border:3px solid var(--surface-strong);border-top-color:var(--gold);animation:aegis-spin .8s linear infinite}@keyframes aegis-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.aegis-overlay{animation:none}.aegis-spinner{animation:none;border-top-color:var(--surface-strong)}}