@font-face{font-family:Manrope;src:url('./assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('./assets/manrope-bold.ttf') format('truetype');font-weight:600 800;font-display:swap}
:root{color-scheme:dark;font-family:Manrope,system-ui,sans-serif;background:#111411;color:#f0f2e9;--accent:#d9f97e;--muted:#a1a796;--line:#32372d}
*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;line-height:1.8;min-width:320px}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(35px,5.2vw,66px);letter-spacing:-2.5px;max-width:860px}h2{font-size:clamp(24px,3vw,34px);letter-spacing:-1px}h3{font-size:18px}p{color:var(--muted)}strong{color:#e1e7d7}.skip-link{position:absolute;left:20px;top:-60px;padding:8px 16px;background:var(--accent);color:#111411}.skip-link:focus{top:10px}
.guide-header{max-width:1160px;margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.guide-brand{display:flex;align-items:center;gap:12px;font-size:25px;font-weight:700;letter-spacing:-1px;text-decoration:none}.guide-brand img{width:36px;height:36px}.guide-header nav{display:flex;align-items:center;gap:22px;font-size:13px}.guide-language{color:var(--muted)}.guide-button{display:inline-flex;justify-content:center;align-items:center;padding:11px 20px;border:1px solid var(--line);border-radius:10px;text-decoration:none;line-height:1.5;font-size:14px;font-weight:700;white-space:nowrap}.guide-button.primary{background:var(--accent);border-color:var(--accent);color:#171d10}.guide-button:hover{border-color:var(--accent)}
.guide-main{max-width:1100px;margin:0 auto;padding:0 30px}.guide-hero{padding:65px 0 50px;background:radial-gradient(ellipse at 90% 25%,#5f784322,transparent 60%)}.eyebrow{font:11px/1.8 Consolas,monospace;letter-spacing:2px;color:#9ddbc8;margin-bottom:18px}.guide-hero>p:not(.eyebrow){font-size:18px;max-width:730px;margin:24px 0}.guide-hero .guide-button{margin-top:8px}.guide-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.guide-pills span{font:11px Consolas,monospace;color:var(--muted);border:1px solid var(--line);border-radius:30px;padding:8px 13px}.guide-contents{display:flex;flex-wrap:wrap;gap:14px 25px;border-block:1px solid var(--line);padding:18px 0;font-size:13px;color:#c6cfb7}.guide-section{padding:50px 0;border-bottom:1px solid var(--line)}.guide-section>p{max-width:820px;margin-top:20px}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.guide-card{border:1px solid var(--line);background:#1a1e18;border-radius:15px;padding:24px}.guide-card .step{display:block;font:12px Consolas,monospace;color:var(--accent);margin-bottom:20px}.guide-card p{font-size:14px;margin-top:12px}.guide-callout{border-left:2px solid #91cbb5;padding:6px 0 6px 20px;margin-top:23px;max-width:830px;font-size:14px}.guide-list{color:var(--muted);max-width:840px;padding-left:20px}.guide-list li{padding:5px 0}.guide-duo{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:26px}.guide-duo p{font-size:15px;margin-top:12px}.guide-faq{margin-top:25px}.guide-faq details{padding:19px 0;border-top:1px solid var(--line)}.guide-faq summary{cursor:pointer;font-weight:700;font-size:16px;padding-right:15px}.guide-faq p{margin-top:14px;max-width:810px;font-size:15px}.guide-outro{padding:50px 0 60px;display:flex;justify-content:space-between;align-items:center;gap:26px}.guide-outro p{margin-top:12px}.guide-footer{border-top:1px solid var(--line);max-width:1160px;margin:auto;padding:22px 30px 32px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px}.guide-footer nav{display:flex;gap:22px;flex-wrap:wrap}
@media(max-width:760px){.guide-header,.guide-main,.guide-footer{padding-left:20px;padding-right:20px}.guide-header{flex-wrap:wrap}.guide-header nav{gap:12px;flex-wrap:wrap}.guide-header .guide-button{padding:9px 12px;font-size:12px}.guide-brand{font-size:21px}.guide-brand img{width:31px;height:31px}.guide-hero{padding:43px 0 35px}h1{letter-spacing:-1.5px}.guide-hero>p:not(.eyebrow){font-size:16px}.guide-grid,.guide-duo{grid-template-columns:1fr}.guide-section{padding:35px 0}.guide-outro{align-items:flex-start;flex-direction:column}.guide-card{padding:22px}.guide-card .step{margin-bottom:12px}}