:root{--gu-bg:#f3f4f6;--gu-card:#fff;--gu-text:#0f172a;--gu-muted:#64748b;--gu-border:#e5e7eb;--gu-accent:#7c3aed;--gu-accent-light:#7c3aed1f;--gu-accent-border:#7c3aed40;--gu-green:#10b981;--gu-green-light:#10b9811a;--gu-red-light:#ef444414;--gu-shadow:0 10px 30px #0f172a12;--gu-radius:14px}.gu-app{background:var(--gu-bg);min-height:100vh}.gu-header{background:var(--gu-card);border-bottom:1px solid var(--gu-border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.gu-header-left{align-items:center;gap:12px;display:flex}.gu-title{letter-spacing:-.3px;margin:0;font-size:20px;font-weight:900}.gu-badge{background:var(--gu-accent-light);color:var(--gu-accent);border:1px solid var(--gu-accent-border);border-radius:999px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.gu-gate{background:var(--gu-bg);place-items:center;height:100vh;padding:20px;display:grid}.gu-gate-card{background:var(--gu-card);border:1px solid var(--gu-border);box-shadow:var(--gu-shadow);text-align:center;border-radius:18px;max-width:480px;padding:32px 36px}.gu-gate-card h2{margin:0 0 12px;font-size:22px;font-weight:900}.gu-content{max-width:900px;margin:0 auto;padding:20px 24px}.gu-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.gu-card{background:var(--gu-card);border:1px solid var(--gu-border);border-radius:var(--gu-radius);box-shadow:var(--gu-shadow);cursor:pointer;text-align:center;padding:20px;transition:all .15s}.gu-card:hover{border-color:var(--gu-accent-border);transform:translateY(-2px);box-shadow:0 16px 40px #0f172a1a}.gu-card-icon{margin-bottom:10px;font-size:36px}.gu-card-title{margin-bottom:6px;font-size:16px;font-weight:800}.gu-card-tag{background:var(--gu-accent-light);color:var(--gu-accent);border:1px solid var(--gu-accent-border);border-radius:999px;margin-bottom:6px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.gu-guide{background:var(--gu-card);border:1px solid var(--gu-border);border-radius:var(--gu-radius);box-shadow:var(--gu-shadow);overflow:hidden}.gu-guide-header{border-bottom:1px solid var(--gu-border);align-items:center;gap:16px;padding:24px;display:flex}.gu-guide-icon{font-size:36px}.gu-guide-title{margin:0 0 4px;font-size:22px;font-weight:900}.gu-section{border-bottom:1px solid var(--gu-border)}.gu-section:last-child{border-bottom:none}.gu-section-toggle{width:100%;font:inherit;cursor:pointer;color:var(--gu-text);text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:16px 24px;font-size:15px;font-weight:700;transition:background .15s;display:flex}.gu-section-toggle:hover{background:#7c3aed0a}.gu-section-arrow{color:var(--gu-muted);flex-shrink:0;width:16px;font-size:10px}.gu-section-title{flex:1}.gu-section-body{color:var(--gu-text);padding:0 24px 20px 50px;font-size:14px;line-height:1.7}.gu-section-body p{margin:0 0 10px}.gu-section-body ul,.gu-section-body ol{margin:0 0 12px;padding-left:20px}.gu-section-body li{margin-bottom:6px}.gu-section-body hr{border:none;border-top:1px solid var(--gu-border);margin:16px 0}.gu-section-body strong{color:var(--gu-text)}.gu-section-body code{background:#7c3aed14;border-radius:4px;padding:2px 6px;font-size:13px}.gu-callout{border:1px solid var(--gu-border);background:#f8fafc;border-radius:10px;margin:12px 0;padding:16px 20px;font-size:14px;line-height:1.6}.gu-callout--green{background:var(--gu-green-light);border-color:#10b9814d}.gu-callout--red{background:var(--gu-red-light);border-color:#ef444433}.gu-template{border:1px solid var(--gu-border);white-space:pre-line;background:#f8fafc;border-radius:10px;margin:12px 0;padding:16px 20px;font-family:inherit;font-size:13px;line-height:1.7}.gu-note{color:var(--gu-muted);font-size:13px;font-style:italic}.gu-simple-table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13px}.gu-simple-table th,.gu-simple-table td{border:1px solid var(--gu-border);text-align:left;padding:8px 12px}.gu-simple-table th{text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;font-size:11px;font-weight:800}.gu-btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;display:inline-flex}.gu-btn--ghost{color:var(--gu-muted);border:1px solid var(--gu-border);background:0 0}.gu-btn--ghost:hover{color:var(--gu-text);background:#0000000a}.gu-muted{color:var(--gu-muted)}.gu-text-sm{font-size:13px}.gu-text-xs{font-size:11px}html,body,#root{color:#0f172a;background:#f3f4f6;height:100%;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}*,:before,:after{box-sizing:border-box}