:root{--bg:#f7f9fc;--card:#fff;--text:#172033;--muted:#667085;--primary:#1f5eff;--primary-dark:#1748c9;--border:#e7eaf0;--soft:#eef4ff;--success:#0c7a58}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:linear-gradient(180deg,#f8fbff 0%,#f7f9fc 100%);color:var(--text);line-height:1.6}.container{width:min(1120px,calc(100% - 40px));margin:0 auto}header{padding:18px 0;border-bottom:1px solid rgba(231,234,240,.8);background:rgba(255,255,255,.88);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}nav{display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-weight:800;font-size:1.25rem;letter-spacing:-.03em;color:var(--text);text-decoration:none;white-space:nowrap}.brand span{color:var(--primary)}.nav-actions{display:flex;align-items:center;gap:15px;flex-wrap:wrap;justify-content:flex-end}.nav-link{color:var(--muted);text-decoration:none;font-size:.92rem;font-weight:650}.nav-link:hover,.nav-link.active{color:var(--primary)}.language-switch{display:flex;align-items:center;gap:4px;padding:4px;border:1px solid var(--border);background:#fff;border-radius:10px}.language-switch button{border:0;background:transparent;color:var(--muted);font:inherit;font-size:.78rem;font-weight:800;padding:6px 8px;border-radius:7px;cursor:pointer}.language-switch button.active{background:var(--text);color:#fff}.hero{padding:88px 0 72px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}.eyebrow,.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid #dbe5ff;background:var(--soft);color:var(--primary);border-radius:999px;font-size:.82rem;font-weight:750}.eyebrow{margin-bottom:22px}h1{font-size:clamp(3rem,7vw,6rem);line-height:.98;letter-spacing:-.065em;max-width:850px}h2{font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.045em;line-height:1.08}h3{letter-spacing:-.02em}.hero p,.lead{margin-top:24px;font-size:1.12rem;color:var(--muted);max-width:720px}.actions{margin-top:30px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:13px 19px;font-weight:750;transition:.2s ease}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 30px rgba(31,94,255,.18)}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:#cbd2dc;transform:translateY(-1px)}.preview,.panel{background:var(--card);border:1px solid var(--border);border-radius:24px;padding:24px;box-shadow:0 24px 70px rgba(31,46,78,.08)}.preview-top{display:flex;gap:7px;margin-bottom:22px}.dot{width:9px;height:9px;border-radius:50%;background:#d9dee7}.mini-card{display:block;padding:18px;border-radius:16px;border:1px solid var(--border);margin-top:12px;background:#fbfcfe;text-decoration:none;color:inherit;transition:.2s}.mini-card:hover,.card-link:hover{border-color:#b9c9f5;transform:translateY(-2px);box-shadow:0 12px 34px rgba(31,46,78,.07)}.mini-card strong{display:block;margin-bottom:4px}.mini-card span{color:var(--muted);font-size:.92rem}.section{padding:74px 0}.section-sm{padding:48px 0}.section-title{text-align:center;max-width:790px;margin:0 auto 40px}.section-title p{color:var(--muted);margin-top:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards.two{grid-template-columns:repeat(2,1fr)}.cards.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:25px}.card-link{display:block;text-decoration:none;color:inherit;transition:.2s}.icon{width:42px;height:42px;border-radius:12px;background:var(--soft);display:grid;place-items:center;color:var(--primary);font-weight:800;margin-bottom:18px}.card h3{font-size:1.08rem;margin-bottom:7px}.card p{color:var(--muted);font-size:.95rem}.meta{margin-top:14px;color:var(--primary);font-size:.88rem;font-weight:750}.page-hero{padding:66px 0 42px}.page-hero h1{font-size:clamp(2.7rem,6vw,5.2rem)}.breadcrumb{font-size:.88rem;color:var(--muted);margin-bottom:18px}.breadcrumb a{color:var(--primary);text-decoration:none}.grid-sidebar{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.sidebar{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px;position:sticky;top:100px}.sidebar h3{font-size:1rem;margin-bottom:12px}.sidebar a{display:block;padding:8px 0;color:var(--muted);text-decoration:none;font-size:.92rem}.sidebar a:hover{color:var(--primary)}.list{display:grid;gap:14px}.list-item{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px}.list-item h3{margin-bottom:6px}.list-item p{color:var(--muted)}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tag{font-size:.78rem;padding:5px 9px;border-radius:999px;background:#f1f4f8;color:#4c5870}.notice{background:#fff8e9;border:1px solid #f2dfab;border-radius:16px;padding:20px;color:#5a4820}.notice strong{display:block;margin-bottom:5px}.cta{margin:44px auto 76px;background:var(--text);color:#fff;border-radius:24px;padding:44px;text-align:center}.cta p{color:#cbd2dc;margin-top:10px}.cta .actions{justify-content:center}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.stat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:20px}.stat strong{display:block;font-size:1.45rem}.stat span{color:var(--muted);font-size:.9rem}.steps{counter-reset:step;display:grid;gap:16px}.step{position:relative;background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px 24px 24px 72px}.step:before{counter-increment:step;content:counter(step);position:absolute;left:22px;top:22px;width:34px;height:34px;border-radius:10px;background:var(--soft);color:var(--primary);display:grid;place-items:center;font-weight:800}.step p{color:var(--muted);margin-top:5px}.footer-links{display:flex;gap:16px;flex-wrap:wrap}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--primary)}footer{border-top:1px solid var(--border);padding:30px 0 42px;color:var(--muted);font-size:.9rem}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-note{margin-top:14px;font-size:.82rem;max-width:800px}.search-box{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;gap:10px;margin-top:24px}.search-box input{flex:1;border:0;outline:0;font:inherit;color:var(--text);padding:8px}.search-box button{border:0;border-radius:10px;background:var(--primary);color:#fff;font-weight:750;padding:10px 15px;cursor:pointer}.empty-state{display:none;margin-top:18px;color:var(--muted)}
@media(max-width:900px){.nav-link{display:none}.hero-grid,.grid-sidebar{grid-template-columns:1fr}.sidebar{position:static}.cards.four{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(100% - 28px,1120px)}.hero{padding:60px 0}.cards,.cards.two,.cards.four,.stat-grid{grid-template-columns:1fr}.preview{max-width:560px}.footer-row{align-items:flex-start}.language-switch{flex-shrink:0}}