:root{--ink:#14213d;--muted:#5b6478;--bg:#f6f7fb;--card:#fff;--brand:#3a2fd6;--brand2:#7b5cff;--ok:#14a05a;--okbg:#e6f7ee;--warn:#d98a00;--warnbg:#fff5e0;--bad:#d6334a;--badbg:#fdeaed;--info:#2f6fe4;--infobg:#eaf1ff;--cta:#ff5a36;--r:18px;--sh:0 6px 24px rgba(20,33,61,.08)}
*{box-sizing:border-box}body{margin:0;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:var(--brand)}.wrap{max-width:1040px;margin:auto;padding:0 18px}
.nav{background:#fff;border-bottom:1px solid #e8eaf2;position:sticky;top:0;z-index:5}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;gap:10px;align-items:center;font-weight:800;font-size:1.1rem;color:var(--ink);text-decoration:none}.logo i{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff;font-style:normal}
.nav nav a{margin-left:20px;color:var(--ink);text-decoration:none;font-weight:600}
.hero{background:linear-gradient(135deg,#2a1fb8,#6a4dff 60%,#9b7dff);color:#fff;padding:56px 0 90px}.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin:0 0 12px;letter-spacing:-.02em}.hero p{font-size:1.2rem;opacity:.92;margin:0 0 26px;max-width:560px}
.search{background:#fff;border-radius:22px;padding:10px;display:flex;gap:10px;box-shadow:0 20px 50px rgba(0,0,0,.25);max-width:620px}.search input{flex:1;min-width:0;border:0;font-size:1.4rem;padding:12px 14px;border-radius:14px;text-transform:uppercase;color:var(--ink);outline:none}.search button{background:var(--cta);color:#fff;border:0;font-size:1.15rem;font-weight:700;padding:0 26px;border-radius:14px;cursor:pointer}
.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:20px;font-size:.95rem;opacity:.95}.trust span:before{content:"✓ ";font-weight:800}
.panel{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:24px;margin:18px 0}.lift{margin-top:-60px;position:relative}
h2{font-size:1.6rem;letter-spacing:-.01em;margin:36px 0 12px}h3{margin:0 0 10px}.muted{color:var(--muted)}.small{font-size:.85rem}
select{width:100%;font-size:1.1rem;padding:14px;border-radius:12px;border:2px solid #d9dcec;background:#fff}
.status{display:flex;gap:16px;align-items:flex-start;border-radius:var(--r);padding:22px}.status .ic{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:1.6rem;color:#fff}
.status.ok{background:var(--okbg)}.status.ok .ic{background:var(--ok)}.status.warn{background:var(--warnbg)}.status.warn .ic{background:var(--warn)}.status.bad{background:var(--badbg)}.status.bad .ic{background:var(--bad)}.status.info{background:var(--infobg)}.status.info .ic{background:var(--info)}
.status h3{font-size:1.45rem;margin:0 0 4px}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:16px}.fact{background:#fff;border:1px solid #e8eaf2;border-radius:14px;padding:14px}.fact b{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)}.fact span{font-size:1.05rem;font-weight:600}
.btns{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1.5px solid #d9dcec;border-radius:999px;padding:8px 14px;text-decoration:none;color:var(--ink);font-weight:600;background:#fff}.chip:hover{border-color:var(--brand)}
.deals{background:linear-gradient(180deg,#fff,#f3f1ff);border:2px solid #e3defe}.dealhead{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.example{background:#fff3bf;color:#7a5b00;font-weight:800;font-size:.8rem;padding:6px 10px;border-radius:8px;letter-spacing:.03em}
.deal{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 170px;gap:12px;align-items:center;background:#fff;border:1px solid #e8eaf2;border-radius:16px;padding:16px;margin:10px 0;position:relative}
.deal.best{border:2.5px solid var(--cta);box-shadow:0 10px 30px rgba(255,90,54,.18);padding-top:28px}.ribbon{position:absolute;top:-12px;left:16px;background:var(--cta);color:#fff;font-weight:800;font-size:.8rem;padding:4px 12px;border-radius:999px}
.prov{font-weight:800}.prov small{display:block;font-weight:500;color:var(--muted)}.k{display:block;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.v{font-weight:700;font-size:1.1rem}
.cta{display:block;text-align:center;background:var(--cta);color:#fff;font-weight:800;padding:14px;border-radius:12px;text-decoration:none;font-size:1.05rem}.cta.alt{background:var(--ink)}
.ots{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;background:#0f1b3d;color:#fff;border-radius:var(--r);padding:22px;margin-top:16px}.ots h3{grid-column:1/-1;margin:0}.ots div{background:rgba(255,255,255,.07);border-radius:12px;padding:12px}.ots a{color:#b9c8ff}
.notify{display:flex;gap:10px;flex-wrap:wrap}.notify input{flex:1;min-width:200px;padding:14px;border-radius:12px;border:2px solid #d9dcec;font-size:1rem}.notify button{background:var(--brand);color:#fff;border:0;border-radius:12px;padding:0 22px;font-weight:700;opacity:.6}
.grid3{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px}.tile{background:#fff;border-radius:14px;padding:16px;text-decoration:none;color:var(--ink);box-shadow:var(--sh);font-weight:700}.tile small{display:block;color:var(--muted);font-weight:500}
.bar{height:12px;border-radius:99px;background:#eceef6;overflow:hidden;display:flex}.bar i{display:block;height:100%}
table{width:100%;border-collapse:collapse}td,th{padding:10px;border-bottom:1px solid #eceef6;text-align:left;vertical-align:top}
footer{color:var(--muted);font-size:.85rem;padding:40px 0}
@media(max-width:700px){.deal{grid-template-columns:1fr 1fr}.deal .prov{grid-column:1/-1}.deal .cta{grid-column:1/-1}.nav nav a{margin-left:12px;font-size:.9rem}.hero{padding:36px 0 80px}.search input{font-size:1.15rem}.search button{padding:0 16px}}
.search{max-width:760px}.search #pc{flex:0 0 38%}.search #hn{text-transform:none;border-left:2px solid #e6e9f2;border-radius:0}@media(max-width:700px){.search{flex-wrap:wrap}.search #pc,.search #hn{flex:1 1 100%;border-left:0}.search button{flex:1 1 100%;padding:12px}}