.gateway{--bg:#f8f9fa;--fg:#181a1b;--soft:#565d64;--border:#d0d7de;--card:#fff;--accent:#27674c;background:var(--bg);min-height:100vh;color:var(--fg);padding:0 6vw}.gateway.dark{--bg:#142019;--fg:#edf4eb;--soft:#b4c2b4;--border:#3b4c3e;--card:#1d2c21;--accent:#a4dab2}.gateway-nav{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:1210px;height:56px;margin:auto;display:flex}.nav-brand-group{align-items:center;gap:10px;display:flex}.gateway-brand{letter-spacing:.04em;color:var(--fg);align-items:center;gap:8px;font:600 12px DM Mono,monospace;text-decoration:none;display:inline-flex}.gateway-brand .brand-symbol{background:var(--accent);color:#fff;border-radius:4px;place-items:center;width:22px;height:22px;font:700 11px DM Mono,monospace;display:grid}.gateway.dark .gateway-brand .brand-symbol{color:#142019}.shell-badge{letter-spacing:.04em;color:var(--soft);background:color-mix(in srgb, var(--soft) 12%, transparent);border-radius:4px;padding:2px 6px;font:600 11px DM Mono,monospace}.gateway-nav-links{align-items:center;gap:24px;display:flex}.gateway-nav-links a{color:var(--soft);text-transform:uppercase;letter-spacing:.04em;font:500 12px DM Mono,monospace;text-decoration:none;transition:color .15s}.gateway-nav-links a:hover{color:var(--fg)}.nav-actions{align-items:center;gap:10px;display:flex}.shell-language{border:1px solid var(--border);background:0 0;border-radius:6px;align-items:center;gap:2px;padding:2px;display:inline-flex}.shell-language button{color:var(--soft);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 8px;font:600 11px DM Mono,monospace;transition:background .15s,color .15s}.shell-language button:hover{color:var(--fg)}.shell-language button.active{background:var(--accent);color:#fff}.gateway.dark .shell-language button.active{color:#142019;background:#a4dab2}.gateway-theme{border:1px solid var(--border);height:28px;color:var(--fg);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font:500 12px DM Mono,monospace;transition:border-color .15s;display:inline-flex}.gateway-theme:hover{border-color:var(--fg)}.problem-hero{max-width:1210px;margin:auto;padding:50px 0 40px}.problem-hero h1{letter-spacing:-.03em;margin:0 0 16px;font:400 clamp(44px,7vw,92px)/.92 Literata,serif}.problem-hero-intro>span{color:var(--soft);max-width:680px;font-size:16px;line-height:1.6;display:block}.problem-pills-row{flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 36px;display:flex}.problem-pill{border:1px solid var(--border);background:var(--card);color:var(--soft);cursor:pointer;border-radius:20px;padding:8px 14px;font:500 12px DM Mono,monospace;transition:border-color .2s,color .2s}.problem-pill:hover{border-color:var(--accent);color:var(--fg)}.problem-pill.active{background:var(--accent);color:#142019;border-color:var(--accent)}.gateway.dark .problem-pill.active{color:#16311e;background:#c8eacb;border-color:#c8eacb}.problem-cards-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.problem-card{background:var(--card);border:1px solid var(--border);color:var(--fg);border-radius:10px;flex-direction:column;justify-content:space-between;min-height:240px;padding:24px;text-decoration:none;transition:transform .2s,border-color .2s;display:flex}.problem-card:hover{border-color:var(--accent);transform:translateY(-2px)}.problem-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.problem-card-icon{background:color-mix(in srgb, var(--accent) 14%, transparent);width:40px;height:40px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.problem-card-icon svg{width:20px;height:20px}.problem-card-badge{text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent);border-radius:4px;padding:4px 8px;font:600 12px DM Mono,monospace}.problem-card h2{letter-spacing:-.01em;margin:0 0 10px;font:400 24px/1.15 Literata,serif}.problem-card p{color:var(--soft);flex-grow:1;margin:0;font-size:14px;line-height:1.55}.problem-card-footer{border-top:1px solid color-mix(in srgb, var(--border) 60%, transparent);justify-content:space-between;align-items:center;margin-top:20px;padding-top:14px;display:flex}.problem-card-tag{color:var(--soft);font:500 12px DM Mono,monospace}.problem-card-btn{color:var(--accent);align-items:center;gap:5px;font:600 12px DM Mono,monospace;transition:transform .2s;display:flex}.problem-card-btn svg{width:14px;height:14px}.problem-card:hover .problem-card-btn{transform:translate(3px)}.gateway-catalog-section{border-top:1px solid var(--border);max-width:1210px;margin:50px auto 0;padding-top:40px}.catalog-header{margin-bottom:28px}.catalog-eyebrow{letter-spacing:.04em;color:var(--accent);margin-bottom:6px;font:600 12px DM Mono,monospace}.catalog-header span{color:var(--soft);font-size:14px}.gateway-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:1210px;margin:auto;padding-bottom:70px;display:grid}.gateway-grid a{background:var(--card);border:1px solid var(--border);min-height:245px;color:var(--fg);padding:22px;text-decoration:none;transition:transform .2s,border-color .2s}.gateway-grid a:hover{border-color:var(--accent);transform:translateY(-2px)}.gateway-grid i{background:color-mix(in srgb, var(--accent) 15%, transparent);width:43px;height:43px;color:var(--accent);border-radius:50%;place-items:center;font-size:20px;font-style:normal;display:grid}.gateway-grid p{color:var(--accent);margin:34px 0 7px;font:600 12px DM Mono,monospace}.gateway-grid h2{margin:0;font:400 31px/1 Literata,serif}.gateway-grid span{color:var(--soft);margin-top:26px;font:12px DM Mono,monospace;display:block}.gateway-grid .quiz-card{color:#fff;background:#203c2a}.gateway-grid .quiz-card i,.gateway-grid .quiz-card p{color:#fff}.gateway-grid .quiz-card i{background:#fff3}.gateway-grid .quiz-card span{color:#f7fff7}.gateway.dark .gateway-grid .quiz-card{color:#fff;background:#203c2a;border-color:#3b4c3e}.gateway.dark .gateway-grid .quiz-card i{color:#fff;background:#fff3}.gateway.dark .gateway-grid .quiz-card p,.gateway.dark .gateway-grid .quiz-card span{color:#fff}.gateway-grid .interview-card{color:#fff;background:#263a2e}.gateway-grid .interview-card i,.gateway-grid .interview-card p{color:#fff}.gateway-grid .interview-card i{background:#fff3}@media (max-width:900px){.problem-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.gateway{padding:0 20px}.gateway nav a{display:none}.problem-hero{padding:45px 0 35px}.problem-cards-grid,.gateway-grid{grid-template-columns:1fr}.gateway-grid a{min-height:190px}}
.shell-language{border:1px solid var(--border);background:0 0;border-radius:6px;align-items:center;gap:2px;padding:2px;display:inline-flex}.shell-language button{color:var(--soft);cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 8px;font:600 11px DM Mono,monospace;transition:background .15s,color .15s}.shell-language button:hover{color:var(--fg)}.shell-language button.active{background:var(--accent);color:#fff}.gateway.dark .shell-language button.active{color:#142019;background:#a4dab2}