:root{color-scheme:light;--bg:#eef3fb;--surface:#fff;--surface-soft:#f7faff;--primary:#185cc4;--primary-dark:#0f4a9f;--primary-soft:#e8f0ff;--text:#122543;--muted:#4a6185;--line:#d7e4fa;--ring:rgba(24,92,196,.2);--shadow:0 24px 58px rgba(18,37,67,.1)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;font-family:Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 12% 12%,#f8fbff 0,var(--bg) 48%),var(--bg);color:var(--text)}.page{min-height:100vh;display:grid;place-items:center;padding:18px;position:relative;overflow:hidden}.bg-glow{position:absolute;border-radius:999px;filter:blur(42px);opacity:.48;pointer-events:none}.bg-glow-a{width:260px;height:260px;background:#bdd8ff;top:-60px;left:-40px;animation:drift 9s ease-in-out infinite}.bg-glow-b{width:310px;height:310px;background:#d9e9ff;bottom:-90px;right:-60px;animation:drift 11s ease-in-out infinite reverse}.card{width:min(980px,100%);background:var(--surface);border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(20px,2.8vw,34px);position:relative;z-index:2;animation:fadeUp .38s ease}.hero{display:grid;grid-template-columns:auto 1fr;grid-gap:18px;gap:18px;align-items:center;margin-bottom:24px}.seal{object-fit:contain;background:#fff}.seal,.seal-fallback{width:96px;height:96px;border-radius:20px;border:1px solid var(--line)}.seal-fallback{display:grid;place-items:center;font-weight:800;letter-spacing:.8px;color:var(--primary);background:linear-gradient(135deg,#f6faff,#e8f0ff)}.badge{display:inline-block;margin:0;background:var(--primary-soft);color:var(--primary);padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:700}h1{margin:10px 0 7px;font-size:clamp(2rem,4.2vw,2.8rem);line-height:1.02}.subtitle{margin:0;color:var(--muted);font-size:1.04rem}.tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.tab{border:1px solid var(--line);background:var(--surface-soft);color:#204372;border-radius:12px;padding:11px 18px;font-weight:700;cursor:pointer;transition:transform .14s ease,background-color .14s ease,color .14s ease}.tab:hover{transform:translateY(-1px)}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.tab-link{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.panel{border:1px solid var(--line);border-radius:18px;padding:18px;background:linear-gradient(145deg,#fff,#f8fbff);animation:fadeUp .26s ease}h2{margin:0 0 6px;font-size:1.35rem}.hint{margin:0 0 14px;color:var(--muted)}.platform-card{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:14px;padding:16px;background:#fff;transition:transform .2s ease,box-shadow .2s ease}.platform-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(24,92,196,.1)}.platform-label{margin:0;color:var(--muted);font-size:.82rem}h3{margin:4px 0 6px;font-size:1.45rem}.platform-description{margin:0;color:var(--muted)}.cta{text-decoration:none;background:linear-gradient(90deg,var(--primary),var(--primary-dark));color:#fff;padding:11px 17px;border-radius:11px;font-weight:700;white-space:nowrap;box-shadow:0 10px 18px var(--ring)}.cta:hover{filter:brightness(1.03)}.contact-list p{margin:9px 0;color:#183458}.backup-link-box{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 14px;border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;padding:12px}.backup-link-label{color:#274a79;font-weight:700}.backup-link-box a{color:var(--primary);text-decoration:none;font-weight:700}.copy-btn{border:1px solid var(--line);background:#fff;color:#21436f;border-radius:10px;padding:8px 11px;font-weight:700;cursor:pointer}.copy-btn:hover{border-color:#b8cff5}.ref-page{min-height:100vh;display:grid;place-items:center;padding:20px;position:relative;overflow:hidden}.ref-card{width:min(1100px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);padding:clamp(20px,2.8vw,34px);position:relative;z-index:2;animation:fadeUp .38s ease}.ref-header{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.ref-subtitle{max-width:700px}.ref-telegram{margin:10px 0 0;color:#21436f}.ref-telegram a{color:var(--primary);font-weight:700;text-decoration:none}.ref-telegram a:hover{text-decoration:underline}.back-home{text-decoration:none;border:1px solid var(--line);color:#224675;background:var(--surface-soft);border-radius:12px;padding:10px 14px;font-weight:700;white-space:nowrap}.ref-viewer{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#fff,#f7fbff);padding:16px}.ref-visual{border:1px solid var(--line);border-radius:14px;background:#f9fbff;min-height:420px;display:grid;place-items:center;overflow:hidden}.ref-image{width:100%;height:min(62vh,560px);object-fit:contain;animation:fadeInScale .34s ease}.ref-placeholder{display:grid;grid-gap:8px;gap:8px;place-items:center;color:#2a4f80;text-align:center;padding:24px}.ref-placeholder span{font-size:1.16rem;font-weight:700}.ref-placeholder p{margin:0}.ref-controls{margin-top:14px;display:flex;justify-content:space-between;align-items:center;gap:12px}.nav-btn{border:1px solid var(--line);background:#fff;color:#224675;border-radius:10px;padding:9px 12px;font-weight:700;cursor:pointer;transition:.16s ease}.nav-btn:hover{border-color:#bad2f8;transform:translateY(-1px)}.ref-progress{color:#1f4371;font-weight:700}.ref-thumbs{margin-top:12px;display:grid;grid-template-columns:repeat(10,minmax(36px,1fr));grid-gap:8px;gap:8px}.thumb{border:1px solid var(--line);background:#fff;color:#2a4f80;border-radius:8px;height:34px;font-weight:700;cursor:pointer}.thumb.active{background:var(--primary);border-color:var(--primary);color:#fff}@keyframes drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(8px,-8px,0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.contact-list a{color:var(--primary);text-decoration:none;font-weight:700}.contact-list a:hover{text-decoration:underline}@media (max-width:640px){.hero{grid-template-columns:1fr;text-align:center}.seal,.seal-fallback{margin-inline:auto}.tabs{justify-content:stretch}.tab{flex:1 1;text-align:center}.platform-card{flex-direction:column;align-items:stretch}.cta{text-align:center}.ref-header{flex-direction:column}.back-home{width:100%;text-align:center}.ref-visual{min-height:300px}.ref-image{height:48vh}.ref-thumbs{grid-template-columns:repeat(5,minmax(36px,1fr))}}