:root{--gs-blue: #1e5eff;--gs-navy: #0d1b2a;--gs-green: #00c48c;--gs-gray-100: #f5f7fa;--gs-gray-500: #7a8793;--gs-success: #27ae60;--gs-warning: #f2994a;--gs-error: #eb5757;--bg: #f5f7fa;--surface: #ffffff;--surface-2: #ffffff;--text: #0d1b2a;--text-muted: #7a8793;--border: #d0d8e2;--border-strong: #b9c5d3;--radius: 10px;--focus: 0 0 0 3px rgba(30,94,255,.35);--toggle-bg: #ffffff;--toggle-fg: #0d1b2a}html[data-theme=dark]{--bg: #142131;--surface: #0d1b2a;--surface-2: #0f1f30;--text: #ffffff;--text-muted: #a9b4bf;--border: #2b3a4a;--border-strong: #394a5b;--toggle-bg: #223246;--toggle-fg: #ffffff}body{font-family:Inter,system-ui,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;color:var(--text);background-color:var(--bg);scroll-behavior:smooth}h1{font-size:36px;line-height:44px;font-weight:700;margin-bottom:24px}h2{font-size:28px;line-height:36px;font-weight:600;margin-bottom:16px}h3{font-size:22px;line-height:30px;font-weight:600;margin-bottom:16px}p{margin-bottom:16px}.caption{font-size:14px;line-height:20px;font-weight:500}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid transparent;font-weight:700;background:transparent;color:var(--text);cursor:pointer;transition:all .2s ease}.btn:focus{outline:none;box-shadow:var(--focus)}.btn-primary{background:var(--gs-blue);color:#fff}.btn-primary:hover{filter:brightness(.96)}.btn-secondary{color:var(--gs-blue);border-color:var(--gs-blue)}.btn-secondary:hover{background:#1e5eff14}.btn-ghost{background:var(--surface);border:1px solid var(--border)}.btn[disabled]{background:var(--gs-gray-500);color:#fff;opacity:.85;cursor:not-allowed}.input,.select,.textarea{width:100%;padding:10px 12px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:10px}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--gs-blue);box-shadow:var(--focus)}.input.error{border-color:var(--gs-error)}.helper{font-size:12px;color:var(--text-muted)}.error-text{font-size:12px;color:var(--gs-error)}.section,.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.panel-muted{background:var(--surface-2);border:1px dashed var(--border)}.empty-state{display:grid;place-items:center;gap:8px;text-align:center;padding:32px;color:var(--text-muted)}.empty-state .emoji{font-size:28px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 0}.logo{height:40px}.logo-wrap{display:inline-block}.logo-light{display:inline}.logo-dark,html[data-theme=dark] .logo-light{display:none}html[data-theme=dark] .logo-dark{display:inline}.nav{display:flex;gap:24px;align-items:center}.nav-link{color:var(--text);text-decoration:none;font-weight:500}.nav-link:hover{color:var(--gs-blue)}.nav-link:focus{outline:none;box-shadow:var(--focus);border-radius:8px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 0 40px}.hero h1{max-width:800px;margin-bottom:24px}.hero p{max-width:600px;margin-bottom:40px;font-size:18px;line-height:28px}.hero-buttons{display:flex;gap:16px}.features{padding:40px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.feature-card{padding:24px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.feature-icon{width:56px;height:56px;margin-bottom:16px;color:var(--gs-blue);font-size:28px;display:flex;align-items:center;justify-content:center}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--toggle-bg);color:var(--toggle-fg);border:1px solid var(--border);cursor:pointer}.theme-toggle:focus{outline:none;box-shadow:var(--focus)}.footer{padding:40px 0;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.footer-logo{height:32px;margin-bottom:16px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:var(--text-muted);text-decoration:none}.footer-links a:hover{color:var(--gs-blue)}.copyright{margin-top:40px;color:var(--text-muted);font-size:14px}@media (max-width: 768px){.hero{padding:40px 0 20px}.hero h1{font-size:28px;line-height:36px}.hero p{font-size:16px;line-height:24px}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}}@media (max-width: 480px){.header{flex-direction:column;gap:16px}.nav{flex-wrap:wrap;justify-content:center}}.skip-link{position:absolute;left:-9999px;top:8px;background:var(--gs-blue);color:#fff;padding:8px 12px;border-radius:10px;z-index:1000}.skip-link:focus{left:8px;outline:none;box-shadow:var(--focus)}