:root{font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;color:#173244;background:#f6fafb;--green:#0b6a59;--ink:#173244;--muted:#6b7f8b}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f9fcfd,#f3f8fa);color:var(--ink)}a{color:inherit}.shell{width:min(1180px,calc(100% - 32px));margin:auto}.catalog-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid #e3edf1}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand img{width:46px;height:46px}.brand span{display:grid}.brand strong{font-size:16px}.brand small{font-size:11px;color:var(--muted)}nav{display:flex;align-items:center;gap:8px}nav a{text-decoration:none;padding:10px 13px;border-radius:11px;font-weight:700;font-size:13px}.login{background:var(--green);color:#fff}.catalog-hero{padding:70px 0 38px;background:radial-gradient(circle at 83% 3%,rgba(11,106,89,.12),transparent 32%),linear-gradient(180deg,#fff,#f4faf9)}.kicker,.independent span{color:var(--green);font-weight:900;font-size:13px}.catalog-hero h1{font-size:clamp(34px,6vw,62px);line-height:1.08;margin:12px 0 16px;letter-spacing:-.035em}.catalog-hero p{max-width:750px;color:var(--muted);font-size:17px;line-height:1.9;margin:0}.audience{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.audience span{background:#fff;border:1px solid #dfeaec;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;color:#49616e}.catalog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:38px;padding-bottom:54px}.portal{--c:#2876c8;--soft:#eef6ff;position:relative;display:grid;grid-template-columns:68px minmax(0,1fr) auto;gap:16px;align-items:center;background:linear-gradient(135deg,#fff,var(--soft));border:1px solid color-mix(in srgb,var(--c) 16%,#e2ebef);border-radius:22px;padding:20px;box-shadow:0 14px 32px rgba(26,58,77,.065);scroll-margin-top:98px;transition:.2s ease}.portal:target{box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent),0 20px 44px rgba(26,58,77,.12);transform:translateY(-2px)}.portal .icon{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;background:color-mix(in srgb,var(--c) 13%,#fff);font-size:29px}.portal .label{color:var(--c);font-size:11px;font-weight:900}.portal h2{margin:4px 0 7px;font-size:20px}.portal p{margin:0;color:#536d7a;line-height:1.75;font-size:13px}.portal small{display:block;margin-top:8px;color:#748792}.portal>a{align-self:center;text-decoration:none;color:var(--c);font-weight:900;font-size:12px;padding:9px 12px;background:#fff;border:1px solid color-mix(in srgb,var(--c) 20%,#e4eaed);border-radius:10px;white-space:nowrap}.manager{--c:#18804b;--soft:#effaf3}.teacher{--c:#e26f2d;--soft:#fff5ed}.activity{--c:#8055ca;--soft:#f6f0ff}.guidance{--c:#139a98;--soft:#edfbfa}.broadcast{--c:#d74e7c;--soft:#fff1f6}.bell{--c:#c68a17;--soft:#fff8e9}.subscriptions{--c:#287dcc;--soft:#eef6ff}.communications{--c:#c94e8b;--soft:#fff1f8}.store{--c:#4f59ca;--soft:#f1f2ff}.school{--c:#2374c7;--soft:#eef6ff}.independent{background:linear-gradient(135deg,#0f5f52,#0d4754);color:#fff;padding:48px 0}.independent-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}.independent span{color:#a9e4d8}.independent h2{font-size:32px;margin:8px 0 12px}.independent p{margin:0;line-height:1.9;color:#d4e6e8}.chips{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chips b{padding:15px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.075);font-size:13px}footer{background:#092f32;color:#cbdcdd;padding:22px 0}footer .shell{display:flex;justify-content:space-between;gap:15px}footer a{color:#fff;text-decoration:none;font-weight:700}@media(max-width:780px){.topbar{min-height:66px}.brand img{width:38px;height:38px}.brand small,nav a:not(.login){display:none}.catalog-hero{padding:46px 0 28px}.catalog-grid{grid-template-columns:1fr;padding-top:26px}.portal{grid-template-columns:58px 1fr;padding:16px}.portal .icon{width:52px;height:52px;border-radius:15px}.portal>a{grid-column:2;justify-self:start}.independent-inner{grid-template-columns:1fr}.chips{grid-template-columns:1fr 1fr}.independent h2{font-size:26px}}@media(max-width:470px){.shell{width:min(100% - 22px,1180px)}.catalog-hero h1{font-size:34px}.portal{grid-template-columns:50px 1fr;gap:12px;border-radius:18px}.portal .icon{width:48px;height:48px}.chips{grid-template-columns:1fr}footer .shell{flex-direction:column}}