:root{--seo-blue:#053f8f;--seo-cyan:#13c5ff;--seo-gold:#f4c542;--seo-dark:#06152f;--seo-muted:#657089;--seo-bg:#f4f8ff;--seo-white:#fff}
img{max-width:100%;height:auto}
.seo-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 12%,#20d4ff 0,#0878d9 26%,#063878 62%,#041832 100%);color:#fff;padding:78px 0}
.seo-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.10),rgba(255,255,255,.05));pointer-events:none}
.seo-hero-inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:34px}
.seo-hero h1{font-size:clamp(38px,5vw,74px);line-height:.98;margin:14px 0 16px;letter-spacing:-.055em}
.seo-hero p{font-size:19px;line-height:1.65;color:#e8f6ff;max-width:760px}
.seo-logo-card{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:34px;padding:28px;text-align:center;box-shadow:0 30px 90px rgba(0,0,0,.22);backdrop-filter:blur(18px)}
.seo-logo-card img{width:190px;height:190px;object-fit:cover;border-radius:999px;background:#fff;box-shadow:0 15px 40px rgba(0,0,0,.24);display:block;margin:0 auto 18px}
.seo-logo-card strong{display:block;font-size:28px;font-weight:900}
.seo-logo-card span{display:block;color:#d9f4ff;margin-top:5px}
.seo-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;align-items:start}
.seo-article,.sidebar-box{background:#fff;border:1px solid rgba(8,42,90,.08);border-radius:24px;box-shadow:0 20px 60px rgba(4,33,74,.12);padding:28px}
.seo-article h2{font-size:clamp(26px,3vw,40px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 16px;color:var(--seo-dark)}
.seo-article p{color:#3d4b66;line-height:1.78;font-size:17px}
.seo-checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;margin:20px 0;list-style:none}
.seo-checklist li{background:#eef7ff;border:1px solid #d8ecff;border-radius:16px;padding:14px 16px;font-weight:700;color:#17345d}
.seo-destination-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0 28px}
.seo-destination-card{background:linear-gradient(135deg,#f7fbff,#fff7db);border:1px solid rgba(5,63,143,.12);border-radius:18px;padding:18px}
.seo-destination-card b{display:block;color:var(--seo-blue);font-size:18px}
.seo-destination-card span{display:block;color:var(--seo-muted);line-height:1.45;margin-top:6px}
.seo-cta-box{background:linear-gradient(135deg,#053f8f,#006cce);color:#fff;border-radius:24px;padding:24px;margin-top:24px}
.seo-cta-box h3{font-size:28px;margin:0 0 8px}
.seo-cta-box p{color:#eaf7ff}
.seo-sidebar{position:sticky;top:112px;display:grid;gap:18px}
.related-link,.seo-index-link{display:block;background:#f5f9ff;border:1px solid rgba(5,63,143,.10);border-radius:14px;padding:12px 14px;margin:8px 0;font-weight:800;color:#17345d}
.seo-index-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.seo-index-link{margin:0}
@media(max-width:900px){.seo-hero-inner,.seo-layout{grid-template-columns:1fr}.seo-sidebar{position:static}.seo-index-grid{grid-template-columns:1fr 1fr}.seo-logo-card img{width:150px;height:150px}}
@media(max-width:620px){.seo-hero{padding:54px 0}.seo-checklist,.seo-destination-grid,.seo-index-grid{grid-template-columns:1fr}.seo-logo-card img{width:130px;height:130px}.seo-article,.sidebar-box{padding:20px;border-radius:20px}}