:root{--brand:#4f46e5;--brand-dark:#4338ca;--cyan:#06b6d4;--soft:#eef2ff;--canvas:#f6f7fc;--surface:#fff;--text:#1c2433;--secondary:#475569;--muted:#69707f;--border:#e3e7ef;--radius:18px;--shadow:0 12px 34px rgba(20,30,60,.09);--container:1120px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--text);font-family:"Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;line-height:1.7}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(100% - 36px,var(--container));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.header-inner{min-height:70px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:1.2rem;font-weight:850}.mark{width:34px;height:34px;color:var(--brand)}.nav{margin-left:auto;display:flex;align-items:center;gap:18px}.nav a{text-decoration:none;color:var(--secondary);font-weight:650}.lang{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:#fff}.hero{padding:72px 0 54px;background:radial-gradient(circle at 85% 10%,rgba(6,182,212,.13),transparent 28%),linear-gradient(180deg,#fff,#f6f7fc)}.eyebrow{color:var(--brand-dark);font-size:.78rem;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.hero h1{max-width:850px;margin:10px 0 18px;font-size:clamp(2.35rem,7vw,4.8rem);line-height:1.06;letter-spacing:-.045em}.hero p{max-width:720px;color:var(--secondary);font-size:1.12rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding:50px 0 80px}.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.card-media{height:230px;background:linear-gradient(135deg,#eef2ff,#ecfeff);overflow:hidden;display:grid;place-items:center}.card-media img{width:160px;max-height:300px;object-fit:cover;object-position:top;border-radius:20px 20px 0 0;box-shadow:0 12px 28px rgba(20,30,60,.18)}.card-body{padding:25px;display:flex;flex-direction:column;flex:1}.card h2{font-size:1.45rem;line-height:1.2;margin:0 0 12px}.card p{color:var(--secondary);margin:0 0 22px}.meta{font-size:.85rem;color:var(--muted);margin-bottom:12px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:10px 18px;border-radius:12px;background:var(--brand);color:white;text-decoration:none;font-weight:800;margin-top:auto}.article-hero{padding:56px 0 40px;background:#fff;border-bottom:1px solid var(--border)}.breadcrumbs{font-size:.88rem;color:var(--muted);margin-bottom:24px}.breadcrumbs a{color:var(--brand-dark)}.article-hero h1{max-width:900px;font-size:clamp(2.15rem,6vw,4.2rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px}.lead{max-width:780px;color:var(--secondary);font-size:1.15rem}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 280px;gap:46px;padding:48px 0 80px}.article{background:#fff;border:1px solid var(--border);border-radius:24px;padding:clamp(24px,5vw,52px);box-shadow:var(--shadow)}.article h2{font-size:1.65rem;margin:2.1em 0 .65em;line-height:1.2}.article h2:first-child{margin-top:0}.article p{color:#334155}.article-img{float:right;width:230px;height:auto;box-sizing:content-box;margin:0 0 24px 30px;border:7px solid #171b24;border-radius:28px;box-shadow:0 18px 35px rgba(20,30,60,.18)}.aside{align-self:start;position:sticky;top:96px}.cta{padding:25px;background:linear-gradient(145deg,var(--brand),#2563eb);color:#fff;border-radius:22px;box-shadow:var(--shadow)}.cta h3{margin:0 0 10px;font-size:1.35rem}.cta p{color:#e0e7ff}.cta a{display:flex;justify-content:center;background:#fff;color:var(--brand-dark);padding:12px;border-radius:12px;text-decoration:none;font-weight:850}.languages{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.languages a{padding:5px 9px;background:var(--soft);color:var(--brand-dark);border-radius:8px;text-decoration:none;font-size:.78rem;font-weight:750}.footer{padding:30px 0;background:#12151c;color:#cbd5e1}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer a{color:#fff}.toc{margin:0 0 2.4em;padding:22px 26px;background:var(--soft);border:1px solid #dfe3f5;border-radius:16px}.toc h2{margin:0 0 12px;font-size:1.05rem;letter-spacing:-.01em}.toc ol{margin:0;padding-left:20px;color:var(--secondary)}.toc li{margin-bottom:7px}.toc a{color:var(--brand-dark);font-weight:600;text-decoration:none}.toc a:hover{text-decoration:underline}.article h3{font-size:1.2rem;margin:1.7em 0 .5em;line-height:1.3}.article ul,.article ol{color:#334155;padding-left:22px}.article li{margin-bottom:9px}.article li>strong{color:var(--text)}.checklist{list-style:none;padding-left:0}.checklist li{position:relative;padding-left:30px;margin-bottom:11px}.checklist li::before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border:2px solid var(--brand);border-radius:5px}.callout{margin:2em 0;padding:18px 22px;background:#fff;border-left:4px solid var(--brand);border-radius:0 14px 14px 0;box-shadow:var(--shadow)}.callout p{margin:0;color:var(--secondary)}.callout strong{color:var(--text)}.mistakes{margin:0;padding-left:0;list-style:none}.mistakes li{margin-bottom:16px;padding-left:28px;position:relative}.mistakes li::before{content:"\2717";position:absolute;left:0;top:-1px;color:#c2410c;font-weight:800}.faq-block{margin-top:2.6em;padding-top:26px;border-top:1px solid var(--border)}.faq-item{margin-bottom:18px}.faq-item h3{margin:0 0 6px;font-size:1.08rem}.faq-item p{margin:0;color:#334155}.article table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem}.article th,.article td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border)}.article th{background:var(--soft);font-weight:750;color:var(--text)}.table-wrap{overflow-x:auto}.article p.note{margin-top:-.6em;font-size:.9rem;color:var(--muted)}.inline-cta{clear:both;margin:2.6em 0;padding:24px 26px;background:linear-gradient(145deg,var(--brand),#2563eb);color:#fff;border-radius:20px;box-shadow:var(--shadow)}.inline-cta h3{margin:0 0 8px;font-size:1.25rem;line-height:1.25;color:#fff}.inline-cta p{margin:0 0 18px;color:#e0e7ff;font-size:.98rem}.inline-cta a{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;background:#fff;color:var(--brand-dark);border-radius:12px;text-decoration:none;font-weight:850}.inline-cta a:hover{background:#f1f5ff}.article p.early-cta{clear:both;margin:2em 0;padding:14px 18px;background:var(--soft);border-left:3px solid var(--brand);border-radius:0 12px 12px 0;font-size:.96rem;color:var(--secondary)}.article p.early-cta a{color:var(--brand-dark);font-weight:750;white-space:nowrap}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:3em;padding-top:28px;border-top:1px solid var(--border)}.article-nav-link{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border:1px solid var(--border);border-radius:14px;text-decoration:none;background:var(--canvas)}.article-nav-link span{font-size:.8rem;font-weight:750;color:var(--brand-dark)}.article-nav-link strong{font-size:.98rem;line-height:1.35;font-weight:700;color:var(--text)}.article-nav-link.next{text-align:right;grid-column:2}.related{margin-top:22px;padding:22px;background:#fff;border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.related h3{margin:0 0 12px;font-size:1.05rem}.related-list{margin:0;padding-left:18px}.related-list li{margin-bottom:10px}.related-list a{color:var(--brand-dark);font-weight:650}.index-cta{margin:0 0 70px;padding:clamp(26px,4vw,44px);text-align:center;background:linear-gradient(145deg,var(--brand),#2563eb);color:#fff;border-radius:24px;box-shadow:var(--shadow)}.index-cta h2{margin:0 0 10px;font-size:clamp(1.5rem,3vw,2rem)}.index-cta p{margin:0 0 22px;color:#e0e7ff}.index-cta .button{background:#fff;color:var(--brand-dark);margin-top:0}@media(max-width:640px){.article-nav{grid-template-columns:1fr}.article-nav-link.next{grid-column:1;text-align:left}}.hub{padding:90px 0;text-align:center}.hub-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:28px}.hub-links a{padding:12px 18px;background:#fff;border:1px solid var(--border);border-radius:12px;text-decoration:none;font-weight:800;color:var(--brand-dark)}@media(max-width:900px){.grid{grid-template-columns:1fr 1fr}.article-layout{grid-template-columns:1fr}.aside{position:static}.article-img{width:190px}.nav>a:not(.button-nav){display:none}}@media(max-width:640px){.grid{grid-template-columns:1fr}.hero{padding-top:48px}.article-img{float:none;display:block;width:min(220px,80%);margin:0 auto 28px}.article{padding:24px}.footer-inner{display:block}.nav{gap:8px}.lang{max-width:70px}}