.page{min-height:calc(100svh - 64px);padding:calc(var(--nav) + 64px) 0 80px;background:radial-gradient(70% 55% at 85% 0%,#e9833833,#e9833800 62%),var(--bg)}.daftar{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:40px 72px;align-items:start}.daftar__intro .h2{font:800 clamp(48px,5.4vw,84px)/.92 var(--display);text-transform:uppercase}.daftar__lead{margin-top:18px;color:var(--muted);font-size:18px;max-width:46ch}.steps--short{margin-top:28px}.steps--short li{grid-template-columns:40px 1fr;padding:14px 0}.steps--short li:before{width:32px;height:32px;font-size:18px}.steps--short b{font-size:20px}.steps--short p{font-size:15px}.daftar__box{position:relative}.daftar__box:before{content:"";position:absolute;inset:-12% -8% auto auto;width:70%;aspect-ratio:1;border-radius:50%;z-index:-1;background:radial-gradient(circle,#fdcc6638,#e9833800 65%)}.form,.done{display:grid;gap:20px;padding:36px;border-radius:var(--r);background:var(--panel);box-shadow:inset 0 0 0 1px var(--line-warm),0 30px 70px -40px #000000e6}.field{display:grid;gap:8px}.field label{font:600 14px/1.3 var(--text);color:var(--ink)}.field .opt{font-weight:400;color:var(--faint)}.field input{height:52px;padding:0 16px;border-radius:var(--r-sm);border:1px solid rgba(246,239,228,.2);background:#0f0b0a;color:var(--ink);font:400 17px/1 var(--text)}.field input:focus-visible{outline:2px solid var(--yellow);outline-offset:1px;border-color:transparent}.field input[aria-invalid]{border-color:var(--orange)}.field__hint{font-size:14px;color:var(--faint)}.field--sum input{max-width:160px}.field--hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.check{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5;color:var(--muted)}.check input{width:22px;height:22px;margin-top:1px;flex:none}.form__error{padding:12px 14px;border-radius:var(--r-sm);background:#e9833829;color:var(--ink);font-size:15px}.form .btn{justify-self:start;height:54px;padding:0 32px;font-size:17px}.done:focus{outline:none}.done__h{font:800 36px/1 var(--display);text-transform:uppercase}.done>p{color:var(--muted)}.done p.otp{font:800 clamp(56px,8vw,88px)/1 var(--display);letter-spacing:.12em;color:var(--yellow);font-variant-numeric:tabular-nums}.done .btn{justify-self:start}.done__prep{font-size:15px}.prep{margin-top:112px;scroll-margin-top:calc(var(--nav) + 24px)}main>section.prep{height:auto;padding:0;overflow:visible}.prep:focus{outline:none}.prep__head{display:grid;gap:12px;max-width:760px;margin-bottom:12px}.prep__head p{color:var(--muted);font-size:18px}.prep__steps{max-width:940px}.prep__steps>li>*{grid-column:2}.prep__steps>li>b{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.prep__steps p{line-height:1.55}.prep code{padding:1px 6px;border-radius:6px;background:#0f0b0a;box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);font:600 14px/1.5 ui-monospace,Cascadia Mono,Consolas,monospace;overflow-wrap:anywhere}.tag{padding:5px 9px;border-radius:999px;font:700 12px/1 var(--text);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-warm)}.tag--wajib{background:var(--orange);color:#160b05;box-shadow:none}.tag--saran{color:var(--yellow);box-shadow:inset 0 0 0 1px #f2b44580}.prep__how{display:grid;gap:10px;margin:12px 0 0;padding:0}.prep__how li{list-style:none;display:grid;grid-template-columns:72px 1fr;gap:12px;padding:0;border:0;counter-increment:none;font-size:15px;line-height:1.55;color:var(--muted)}.prep__how li:before{content:none}.prep strong{color:var(--ink);font-weight:650}.prep__os{font:700 13px/1.65 var(--text);color:var(--ink)}.path{font-weight:700;color:var(--ink)}.path span:not(:last-child):after{content:" ›";color:var(--yellow);font-weight:400}.mods{display:grid;gap:var(--gutter);margin-top:20px}.mods__state{color:var(--faint);font-size:15px}.mod{display:grid;gap:12px;padding:24px 26px;border-radius:12px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line-warm)}.mod__top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.mod h3{font:800 30px/1 var(--display);text-transform:uppercase;letter-spacing:.01em}.mod__desc{font-size:16px;color:var(--ink)}.mod__meta{display:flex;flex-wrap:wrap;gap:6px 22px;margin:0;font-size:14px}.mod__meta div{display:flex;gap:6px}.mod__meta dt{color:var(--faint)}.mod__meta dd{margin:0;color:var(--ink)}.mod__sha{font-size:13px;color:var(--faint)}.mod__sha code{font-size:12px;font-weight:500}.mod .btn{justify-self:start}.mod__more{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 18px;margin:6px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:15px;line-height:1.5}.mod__more dt{font-weight:650;color:var(--ink)}.mod__more dd{margin:0;color:var(--muted)}.mod__steps{margin:0;padding-left:20px}.mod__steps li{display:list-item;list-style:decimal;padding:0;border:0;counter-increment:none}.mod__steps li::marker{color:var(--orange);font-weight:650}.mod__steps li:before{content:none}.mod__steps li+li{margin-top:4px}.mod__warn{padding:14px 16px;border-radius:10px;background:#f2b44514;box-shadow:inset 0 0 0 1px #f2b44559}.mod__warn p{font-size:15px;line-height:1.5;color:var(--muted)}.mod__warn p+p{margin-top:8px}.mod__warn strong{color:var(--yellow);font-weight:650}.btn--sm{height:36px;padding:0 14px;font-size:14px;vertical-align:middle}.site-foot{border-top:1px solid var(--line);padding:22px 0 28px;background:var(--bg)}.site-foot .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:14px;color:var(--faint)}@media(max-width:1023px){.daftar{grid-template-columns:1fr}}@media(max-width:639px){.page{padding-top:calc(var(--nav) + 32px)}.form,.done{padding:22px}.form .btn{justify-self:stretch}.daftar__lead{font-size:16px}.prep{margin-top:72px}.prep__head p{font-size:16px}.prep__how li{grid-template-columns:1fr;gap:2px}.mod{padding:18px}.mod h3{font-size:26px}.mod .btn{justify-self:stretch;padding:0 16px;font-size:15px}.mod__more{grid-template-columns:minmax(0,1fr);gap:2px}.mod__more dd+dt{margin-top:8px}}
