:root{--ink:#0b1b2b;--ink-2:#44566a;--ink-3:#7b8b9b;--clear:#0e9f8e;--clear-strong:#0a7f72;--clear-soft:#e3f6f3;--luck:#f5a524;--luck-soft:#fff4dc;--glass:#f5f8fa;--card:#fff;--line:#dce4ea;--danger:#d64545;--danger-soft:#fdeaea;--radius:14px;--shadow:0 1px 2px #0b1b2b0f, 0 8px 24px #0b1b2b0f;--font-head:"Plus Jakarta Sans", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{margin:0}body{background:var(--glass);color:var(--ink);font:400 15px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-head);letter-spacing:-.01em;margin:0 0 .5em;line-height:1.15}h1{font-size:clamp(32px,5vw,54px);font-weight:800}h2{font-size:clamp(24px,3vw,34px);font-weight:800}h3{font-size:18px;font-weight:700}p{margin:0 0 1em}a{color:var(--clear-strong)}img{max-width:100%;display:block}code,.mono{font-family:var(--font-mono);word-break:break-all;font-size:.86em}.container{width:min(1120px,100% - 32px);margin-inline:auto}.narrow{width:min(760px,100% - 32px);margin-inline:auto}.stack>*+*{margin-top:16px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.muted{color:var(--ink-2)}.small{font-size:13px}.grid{gap:16px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-posts{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}main{min-height:calc(100vh - 140px);padding:32px 0 64px}.header{background:var(--card);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;gap:12px;height:64px;display:flex}.brand{color:var(--ink);font-family:var(--font-head);align-items:center;gap:10px;font-size:19px;text-decoration:none;display:inline-flex}.brand b{font-weight:800}.brand span{font-weight:500}.nav{align-items:center;gap:6px;display:flex}.nav a:not(.btn){color:var(--ink-2);border-radius:8px;padding:8px 10px;font-weight:500;text-decoration:none}.nav a:not(.btn):hover{background:var(--glass);color:var(--ink)}.footer{border-top:1px solid var(--line);color:var(--ink-3);padding:28px 0;font-size:13px}.footer a{color:var(--ink-2);margin-right:14px;text-decoration:none}.btn{height:42px;font:600 15px var(--font-body);cursor:pointer;white-space:nowrap;background:var(--clear);color:#fff;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:background .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--clear-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn.ghost:hover{background:var(--glass)}.btn.dark{background:var(--ink)}.btn.dark:hover{background:#1b2f44}.btn.lg{border-radius:12px;height:52px;padding:0 24px;font-size:16px}.btn.sm{height:34px;padding:0 12px;font-size:14px}.btn.ig{background:linear-gradient(90deg,#f58529,#dd2a7b 50%,#8134af)}.btn.ig:hover{filter:brightness(1.05)}.btn.danger{color:var(--danger);border-color:var(--line);background:0 0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card.flat{box-shadow:none}.field{gap:6px;display:grid}.field>span{font-size:14px;font-weight:600}.field small{color:var(--ink-3);font-size:12.5px}input[type=text],input[type=number],input[type=email],input[type=datetime-local],textarea,select{border:1px solid var(--line);width:100%;height:42px;font:inherit;color:var(--ink);background:#fff;border-radius:10px;padding:0 12px}textarea{resize:vertical;height:auto;min-height:84px;padding:10px 12px}input:focus,textarea:focus,select:focus{outline:2px solid var(--clear);outline-offset:-1px;border-color:#0000}.check{cursor:pointer;align-items:flex-start;gap:10px;display:flex}.check input{accent-color:var(--clear);width:16px;height:16px;margin-top:4px}.segmented{border:1px solid var(--line);background:var(--glass);border-radius:10px;padding:3px;display:inline-flex}.segmented button{font:600 14px var(--font-body);color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:7px 14px}.segmented button.on{color:var(--ink);background:#fff;box-shadow:0 1px 2px #00000014}.badge{background:var(--glass);color:var(--ink-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12.5px;font-weight:600;display:inline-flex}.badge.clear{background:var(--clear-soft);color:var(--clear-strong);border-color:#0000}.badge.luck{background:var(--luck-soft);color:#9a5b00;border-color:#0000}.badge.danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.alert{background:var(--clear-soft);color:var(--clear-strong);border-radius:10px;padding:12px 14px;font-weight:500}.alert.error{background:var(--danger-soft);color:var(--danger)}.alert.warn{background:var(--luck-soft);color:#8a5300}.stat{gap:2px;display:grid}.stat b{font:800 26px var(--font-head)}.stat span{color:var(--ink-3);font-size:13px}.progress{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.progress>div{background:var(--clear);height:100%;transition:width .4s}.progress.indeterminate>div{width:35%;animation:1.2s ease-in-out infinite indet}@keyframes indet{0%{margin-left:-35%}to{margin-left:100%}}.post{border:1px solid var(--line);cursor:pointer;text-align:left;font:inherit;color:inherit;background:#fff;border-radius:12px;padding:0;transition:transform .12s,box-shadow .12s;overflow:hidden}.post:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.post .thumb{aspect-ratio:1;background:var(--line) center/cover}.post .meta{padding:10px 12px;font-size:13px}.post .meta p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 6px;display:-webkit-box;overflow:hidden}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:10px 8px}.table th{color:var(--ink-3);text-transform:uppercase;letter-spacing:.03em;font-size:12.5px;font-weight:600}.winner{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.winner.asil{border-color:var(--luck);background:var(--luck-soft)}.winner .rank{width:32px;height:32px;font:800 14px var(--font-head);background:var(--ink);color:#fff;border-radius:50%;flex:none;place-items:center;display:grid}.winner.asil .rank{background:var(--luck);color:var(--ink)}.winner a{color:var(--ink);font-weight:600;text-decoration:none}.hero{padding:56px 0 40px}.hero .lead{color:var(--ink-2);max-width:620px;font-size:19px}.hero h1 em{color:var(--clear);font-style:normal}.section{padding:56px 0}.section.dark{background:var(--ink);color:#e9f1f6}.section.dark .muted{color:#a9bccb}.feature{border-radius:var(--radius);border:1px solid var(--line);background:#fff;padding:22px}.feature .ico{background:var(--clear-soft);width:40px;height:40px;color:var(--clear-strong);border-radius:10px;place-items:center;margin-bottom:12px;font-size:20px;display:grid}.steps{counter-reset:s;gap:14px;display:grid}.steps li{counter-increment:s;align-items:flex-start;gap:14px;list-style:none;display:flex}.steps li:before{content:counter(s);background:var(--clear);color:#fff;width:30px;height:30px;font:800 14px var(--font-head);border-radius:50%;flex:none;place-items:center;display:grid}.steps{margin:0;padding:0}.price{border-radius:var(--radius);border:1px solid var(--line);background:#fff;gap:10px;padding:24px;display:grid}.price.pop{border:2px solid var(--clear)}.price .amount{font:800 34px var(--font-head)}.compare td:nth-child(2){color:var(--clear-strong);font-weight:600}details{border-bottom:1px solid var(--line);padding:14px 0}details summary{cursor:pointer;font-weight:600}details p{color:var(--ink-2);margin:10px 0 0}.stage{background:radial-gradient(circle at 50% 30%, #13304a, var(--ink) 70%);color:#fff;z-index:50;grid-template-rows:auto 1fr auto;display:grid;position:fixed;inset:0;overflow:hidden}.stage header,.stage footer{justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;display:flex}.stage .center{text-align:center;place-items:center;padding:0 16px;display:grid}.reel{font:800 clamp(34px, 7vw, 84px) var(--font-head);letter-spacing:-.02em;min-height:1.2em}.reel.spinning{color:#cfe3ef;filter:blur(.4px)}.reel.landed{color:var(--luck);animation:.5s ease-out pop}@keyframes pop{0%{transform:scale(.85)}60%{transform:scale(1.06)}to{transform:scale(1)}}.stage .chip{background:#ffffff1a;border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600}.stage .list{flex-wrap:wrap;justify-content:center;gap:8px;max-width:900px;display:flex}.stage .list .chip.asil{background:var(--luck);color:var(--ink)}.stage .btn.ghost{color:#fff;border-color:#ffffff40}.stage .btn.ghost:hover{background:#ffffff14}.confetti{pointer-events:none;border-radius:2px;width:9px;height:14px;animation:linear forwards fall;position:absolute;top:-12px}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}@media (width<=640px){.nav .hide-sm{display:none}.hero{padding-top:32px}.card{padding:16px}}