:root{--bg: #060D12;--accent: #1DE9B6;--accent2: #0ABFA3;--eye: #F0C040;--text: #E6FFF7;--muted: #7FB3A6}*{margin:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;transition:background .4s,color .4s;overflow-x:hidden}.page{max-width:760px;margin:0 auto;padding:0 20px 60px}.top{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.wordmark{font-weight:700;letter-spacing:.18em;color:var(--accent);font-size:14px;text-decoration:none}.wordmark:hover{text-decoration:underline}.themes{display:flex;gap:10px}.dot{width:20px;height:20px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.dot:hover{transform:scale(1.15)}.dot.active{transform:scale(1.25);border-color:var(--text);box-shadow:0 0 12px var(--accent)}.hero{text-align:center;padding:30px 0 50px}.logo{width:220px;height:220px;border-radius:50%;filter:drop-shadow(0 0 28px var(--accent));animation:bob 4s ease-in-out infinite;transition:filter .4s}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.hero h1{font-size:clamp(40px,8vw,64px);font-weight:700;letter-spacing:-.02em;margin-top:18px;line-height:1.1}.dot-accent{color:var(--accent)}.tag{color:var(--muted);font-size:18px;margin-top:10px}.cta{display:inline-block;margin-top:26px;padding:12px 26px;border-radius:999px;background:var(--accent);color:var(--bg);font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s}.cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 45%,transparent)}.hero-404{padding:40px 0 34px}.kode{font-size:clamp(72px,18vw,140px);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--accent);text-shadow:0 0 40px color-mix(in srgb,var(--accent) 40%,transparent)}.retur{text-align:center;padding-bottom:20px}.game{padding:10px 0 40px}.snake{max-width:600px;margin:0 auto}.snake-bar{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;padding:0 4px 10px;letter-spacing:.04em}.snake-bar b{color:var(--text);font-size:18px;margin-left:6px}.snake-wrap{position:relative;border:3px solid;border-radius:14px;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 0 40px color-mix(in srgb,var(--accent) 22%,transparent);transition:border-color .4s,box-shadow .4s}.snake-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border:0;cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.snake-title{font-size:clamp(22px,5vw,32px);font-weight:700}.snake-cta{padding:10px 24px;border-radius:999px;font-weight:600}.snake-hint{font-size:13px;opacity:.75}.prose{padding:10px 0 50px}.prose h1{font-size:clamp(28px,5vw,38px);letter-spacing:-.01em}.prose h2{font-size:19px;margin:34px 0 8px}.prose h3{font-size:16px;margin:22px 0 6px}.prose p,.prose li{color:var(--muted)}.prose p{margin-bottom:14px}.prose ul{margin:0 0 14px;padding-left:20px}.prose li{margin-bottom:6px}.prose strong{color:var(--text)}.prose a{color:var(--accent)}.prose .meta{font-size:13px;margin-bottom:26px;padding-bottom:18px;border-bottom:1px solid color-mix(in srgb,var(--muted) 30%,transparent)}.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 18px;padding-top:30px;border-top:1px solid color-mix(in srgb,var(--muted) 30%,transparent);color:var(--muted);font-size:13px}.foot a{color:var(--accent);text-decoration:none}.foot>span:last-child{margin-left:auto}.foot a:hover{text-decoration:underline}@media(max-width:520px){.page{padding:0 12px 40px}.logo{width:170px;height:170px}.tag{font-size:16px}.foot>span:last-child{margin-left:0;width:100%}}