.selected-home { background: #f8fbff; color: #0b254b; }
.selected-home .shell { max-width: 1440px; }
.atlas-hero { overflow: hidden; padding: 34px 0 28px; background: linear-gradient(135deg,#fff 0%,#fff 46%,#f2fbff 100%); border-bottom: 1px solid #e4edf5; }
.atlas-hero-grid { display: grid; grid-template-columns: minmax(510px,.98fr) minmax(650px,1.32fr); align-items: center; gap: 20px; }
.atlas-copy { position: relative; z-index: 2; padding: 26px 0 34px; }
.atlas-copy h1 { max-width: 560px; margin: 0 0 18px; color: #111a2b; font-size: clamp(3rem,3.35vw,3.5rem); line-height: .98; letter-spacing: -.055em; }
.atlas-copy > p { max-width: 520px; margin: 0 0 24px; color: #60708a; font-size: 1.12rem; line-height: 1.55; }
.atlas-search { display: flex; overflow: hidden; max-width: 580px; height: 58px; background: #fff; border: 1px solid #d4deea; border-radius: 13px; box-shadow: 0 14px 35px rgba(38,87,139,.1); }
.atlas-search input { min-width: 0; flex: 1; padding: 0 20px; border: 0; outline: 0; font: inherit; }
.atlas-search button { min-width: 126px; border: 0; color: #fff; font-weight: 800; background: linear-gradient(135deg,#367cff,#0d5ee8); }
.atlas-chips { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.atlas-chip { display: inline-flex; align-items: center; gap: 8px; padding: 10px 14px; color: #17345f; text-decoration: none; background: #fff; border: 1px solid #dce7f1; border-radius: 10px; }
.atlas-chip i { display: grid; width: 30px; height: 30px; place-items: center; color: #fff; font-style: normal; border-radius: 50%; background: var(--chip,#2678ee); }
.atlas-map { position: relative; min-height: 505px; }
.atlas-map::before { position: absolute; inset: 4% 0; content: ""; opacity: .42; background-image: radial-gradient(#c8d8e8 1px,transparent 1px); background-size: 26px 26px; mask-image: radial-gradient(ellipse,#000 20%,transparent 72%); }
.atlas-center { position: absolute; z-index: 8; top: 46%; left: 51%; display: grid; width: 105px; height: 105px; place-items: center; transform: translate(-50%,-50%); color: #216ef0; font-size: 4.3rem; font-weight: 900; background: #fff; border-radius: 50%; box-shadow: 0 18px 40px rgba(40,89,160,.23); }
.atlas-blob { position: absolute; display: flex; min-height: 130px; flex-direction: column; justify-content: center; padding: 25px 34px; color: #102746; text-decoration: none; border: 1px solid rgba(255,255,255,.88); border-radius: 46% 54% 52% 48% / 56% 46% 54% 44%; box-shadow: inset 0 0 30px rgba(255,255,255,.45),0 12px 30px rgba(52,89,124,.08); transition: transform .18s ease; }
.atlas-blob:hover { transform: translateY(-4px); }
.atlas-blob strong { font-size: 1.18rem; }
.atlas-blob span { margin-top: 9px; font-size: .78rem; line-height: 1.55; opacity: .78; }
.blob-science { top: 29%; left: 2%; width: 43%; height: 190px; padding-left: 95px; color: #fff; background: linear-gradient(135deg,#5da2ff,#3478e8); }
.blob-space { top: 2%; left: 21%; width: 31%; height: 135px; background: linear-gradient(135deg,#e2d8ff,#c7b7fb); }
.blob-nature { top: 2%; right: 1%; width: 42%; height: 140px; background: linear-gradient(135deg,#d8f5f0,#bce8df); }
.blob-human { top: 28%; right: 0; width: 41%; height: 170px; padding-left: 105px; background: linear-gradient(135deg,#ffd8ce,#ffb7a5); }
.blob-animals { bottom: 0; left: 5%; width: 35%; height: 150px; background: linear-gradient(135deg,#d0f5f1,#a9e5df); }
.blob-history { bottom: -1%; left: 36%; width: 34%; height: 155px; padding-left: 78px; background: linear-gradient(135deg,#e2d9ff,#c9baf6); }
.blob-society { right: 1%; bottom: 1%; width: 36%; height: 175px; padding-left: 95px; background: linear-gradient(135deg,#ffe4a8,#ffd16a); }
.home-block { padding: 32px 0; }
.home-block-white { background: #fff; }
.home-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.home-heading h2 { margin: 0; font-size: clamp(1.9rem,2.6vw,2.7rem); letter-spacing: -.035em; }
.home-heading p { margin: 6px 0 0; color: #6a7890; }
.knowledge-grid { display: grid; grid-template-columns: repeat(9,minmax(0,1fr)); gap: 10px; }
.knowledge-card { min-height: 148px; padding: 16px 13px; color: #102746; text-decoration: none; background: linear-gradient(145deg,#fff,var(--tint,#f3f8ff)); border: 1px solid var(--edge,#cfe0f7); border-radius: 14px; }
.knowledge-card i { display: grid; width: 42px; height: 42px; margin-bottom: 13px; place-items: center; color: #fff; font-style: normal; font-size: 1.15rem; background: var(--accent,#347cf4); border-radius: 50%; }
.knowledge-card strong { display: block; min-height: 38px; font-size: .92rem; line-height: 1.18; }
.knowledge-card small { display: block; margin-top: 10px; color: #68778d; line-height: 1.4; }
.knowledge-card b { display: block; margin-top: 10px; font-size: .76rem; }
.upper-dashboard { display: grid; grid-template-columns: .92fr .92fr 2fr; gap: 14px; }
.dashboard-panel { padding: 20px; background: #fff; border: 1px solid #dfe8f1; border-radius: 16px; }
.dashboard-panel h3 { margin: 0 0 14px; font-size: 1.25rem; }
.question-list { display: grid; gap: 3px; }
.question-list a { display: grid; grid-template-columns: 30px 1fr auto; align-items: center; gap: 8px; padding: 10px 0; color: #1a4781; text-decoration: none; border-bottom: 1px solid #e6edf4; }
.question-list a:last-child { border-bottom: 0; }
.question-list i { display: grid; width: 27px; height: 27px; place-items: center; color: #2475ed; font-style: normal; background: #eef5ff; border-radius: 50%; }
.question-list em { color: #8390a3; font-style: normal; font-size: .76rem; }
.fresh-mini-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.fresh-mini { overflow: hidden; color: #112b50; text-decoration: none; border: 1px solid #dfe8f1; border-radius: 12px; }
.fresh-mini img { display: block; width: 100%; height: 94px; object-fit: cover; }
.fresh-mini span { display: block; padding: 10px; }
.fresh-mini strong { display: block; font-size: .82rem; line-height: 1.25; }
.fresh-mini small { display: block; margin-top: 6px; color: #7e8a9c; }
.question-types { display: grid; grid-template-columns: repeat(6,1fr); gap: 15px; }
.type-card { overflow: hidden; min-height: 390px; color: #0d274b; text-decoration: none; background: #fff; border: 1px solid #dde7f0; border-radius: 14px; box-shadow: 0 14px 35px rgba(48,87,126,.08); }
.type-card img { display: block; width: 100%; height: 175px; object-fit: cover; background: #f2f6fa; }
.type-copy { display: block; padding: 18px 16px; }
.type-copy i { display: grid; width: 42px; height: 42px; margin-top: -40px; margin-bottom: 17px; place-items: center; color: #fff; font-style: normal; font-size: 1.25rem; background: var(--accent,#1db5bd); border: 5px solid #fff; border-radius: 50%; }
.type-copy strong { display: block; min-height: 56px; font-size: 1.25rem; line-height: 1.15; }
.type-copy small { display: block; margin-top: 12px; color: #64738a; line-height: 1.45; }
.type-copy b { display: block; margin-top: 20px; color: var(--accent,#1db5bd); font-size: 1.7rem; }
.route-list { display: grid; gap: 16px; }
.curiosity-route { display: grid; grid-template-columns: 285px 1fr; overflow: hidden; background: #fff; border: 1px solid #dfe7ef; border-radius: 16px; box-shadow: 0 10px 28px rgba(43,80,120,.06); }
.route-intro { display: grid; grid-template-columns: 92px 1fr; align-items: center; gap: 16px; padding: 18px; background: var(--route-bg,#eafafa); }
.route-intro img { width: 92px; height: 92px; object-fit: cover; border-radius: 50%; }
.route-intro strong { display: block; font-size: 1.15rem; line-height: 1.2; }
.route-intro p { margin: 8px 0 0; color: #617087; font-size: .84rem; line-height: 1.4; }
.route-steps { position: relative; display: grid; grid-template-columns: repeat(5,1fr); align-items: center; padding: 15px 18px; }
.route-steps::before { position: absolute; top: 48%; right: 7%; left: 7%; content: ""; border-top: 2px dashed var(--route-line,#42bfc6); }
.route-step { position: relative; z-index: 1; display: grid; justify-items: center; padding: 0 7px; color: #153861; text-align: center; text-decoration: none; }
.route-step img { width: 72px; height: 72px; object-fit: cover; background: #fff; border: 2px solid var(--route-line,#42bfc6); border-radius: 50%; }
.route-step span { margin-top: 8px; font-size: .72rem; line-height: 1.25; background: #fff; }
.frequent-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 40px; }
.frequent-grid a { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 10px; padding: 13px 0; color: #2874e7; text-decoration: none; border-bottom: 1px solid #dfe8f1; }
.frequent-grid i { display: grid; width: 32px; height: 32px; place-items: center; color: #fff; font-style: normal; background: var(--accent,#24b9bd); border-radius: 50%; }
.frequent-grid small { display: block; margin-top: 2px; color: #7a8798; }
.subscribe-selected { display: grid; grid-template-columns: 1.1fr 1fr; align-items: center; gap: 34px; margin-top: 30px; padding: 30px 34px; color: #fff; background: linear-gradient(120deg,#176ce7,#23b8bf); border-radius: 22px; }
.subscribe-selected h2 { margin: 0 0 8px; font-size: 2rem; }
.subscribe-selected p { margin: 0; opacity: .88; }
.subscribe-selected form { display: grid; grid-template-columns: 1fr auto; gap: 10px; }
.subscribe-selected input[type=email] { min-width: 0; padding: 14px 16px; border: 0; border-radius: 11px; }
.subscribe-selected button { padding: 14px 20px; border: 0; color: #0d4d83; font-weight: 800; background: #fff; border-radius: 11px; }
.subscribe-selected .consent,.subscribe-selected output { grid-column: 1/-1; font-size: .76rem; opacity: .9; }
@media (max-width:1200px){.atlas-hero-grid{grid-template-columns:1fr}.atlas-map{min-height:480px}.knowledge-grid{grid-template-columns:repeat(3,1fr)}.upper-dashboard{grid-template-columns:1fr 1fr}.dashboard-panel-fresh{grid-column:1/-1}.question-types{grid-template-columns:repeat(3,1fr)}.curiosity-route{grid-template-columns:1fr}.route-intro{grid-template-columns:92px 1fr}.route-steps{min-height:150px}}
@media (max-width:760px){.atlas-hero{padding-top:10px}.atlas-copy h1{font-size:3rem}.atlas-search{height:auto;flex-direction:column}.atlas-search button{padding:14px}.atlas-map{min-height:620px}.atlas-blob{padding:17px;min-height:105px}.blob-science{top:20%;left:0;width:55%;height:150px;padding-left:20px}.blob-space{top:0;left:2%;width:46%}.blob-nature{top:0;right:0;width:48%}.blob-human{top:22%;right:0;width:48%;height:145px;padding-left:20px}.blob-animals{bottom:12%;left:0;width:48%;padding-left:20px}.blob-history{bottom:0;left:26%;width:50%;padding-left:20px}.blob-society{right:0;bottom:13%;width:48%;height:145px;padding-left:20px}.atlas-center{top:49%;width:82px;height:82px;font-size:3.3rem}.knowledge-grid{grid-template-columns:repeat(2,1fr)}.upper-dashboard{grid-template-columns:1fr}.dashboard-panel-fresh{grid-column:auto}.fresh-mini-grid{grid-template-columns:1fr 1fr}.question-types{grid-template-columns:1fr 1fr}.route-steps{grid-template-columns:repeat(5,130px);overflow-x:auto;justify-content:start}.frequent-grid{grid-template-columns:1fr}.subscribe-selected{grid-template-columns:1fr;padding:24px}.subscribe-selected form{grid-template-columns:1fr}.subscribe-selected button{width:100%}}
@media (max-width:480px){.knowledge-grid,.question-types,.fresh-mini-grid{grid-template-columns:1fr}.atlas-map{min-height:680px}.atlas-blob span{display:none}.type-card{min-height:0}.subscribe-selected{border-radius:0}}