@font-face{font-family:"Bricolage";src:url(/fonts/BricolageGrotesque.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/Inter.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Serif";src:url(/fonts/InstrumentSerif-Italic.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:"Mono";src:url(/fonts/JetBrainsMono.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--kertas:#F2EDE3;--pasir:#E5DACA;--pasir-2:#D8CBB6;--tinta:#23211C;--abu:#857D6E;--khaki:#6B6F45;--khaki-muda:#B9BC93;--coklat:#8A5A3B;--putih:#FBF8F2}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--kertas);color:var(--tinta);font-family:"Inter",system-ui,sans-serif;font-size:17px;line-height:1.55;min-height:100vh}
body::before{content:"";position:fixed;inset:-20%;z-index:-1;background:radial-gradient(40% 35% at 15% 10%,rgba(185,188,147,.55),transparent 70%),radial-gradient(40% 35% at 90% 85%,rgba(201,162,126,.45),transparent 70%)}
.wrap{max-width:520px;margin:0 auto;padding:48px 20px 64px}
.mono{font-family:"Mono",ui-monospace,monospace;font-size:13px;letter-spacing:.12em;color:var(--abu);text-transform:lowercase}
h1{font-family:"Bricolage",sans-serif;font-weight:800;font-size:44px;line-height:1.02;letter-spacing:-.02em}
h1 em,h2 em{font-family:"Serif",Georgia,serif;font-weight:400;color:var(--khaki)}
h2{font-family:"Bricolage",sans-serif;font-weight:800;font-size:24px;margin:36px 0 10px}
p{margin:10px 0}
a{color:var(--coklat)}
.card{background:var(--putih);border:2px solid var(--pasir-2);border-radius:24px;padding:22px;margin-top:22px}
.btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:16px 20px;margin-top:12px;border-radius:999px;border:2px solid var(--tinta);background:var(--putih);color:var(--tinta);font-weight:600;text-decoration:none;font-size:16px}
.btn:hover{background:var(--pasir)}
.btn.dark{background:var(--tinta);color:var(--kertas)}
input[type=email]{width:100%;padding:15px 18px;border-radius:999px;border:2px solid var(--pasir-2);background:var(--kertas);font:inherit;color:var(--tinta)}
button{cursor:pointer;font:inherit}
.small{font-size:14px;color:var(--abu)}
.av{width:84px;height:84px;border-radius:24px;background:var(--khaki);display:flex;align-items:center;justify-content:center;overflow:hidden}
.av img{width:100%;height:100%;object-fit:cover}
.legal h2{font-size:20px}
.legal li{margin:6px 0 6px 20px}