:root{--blue:#087fa4;--navy:#11304f;--bg:#f5f7fb;--line:#e1e8f0;--ink:#17233a;--muted:#6d788b;--red:#df4252;--green:#13996b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}.welcome{height:34px;background:#f0f3f7;color:#657287;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font-size:12px}header{height:92px;background:#fff;display:grid;grid-template-columns:260px minmax(320px,700px) 230px;gap:30px;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line)}.logo{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--navy)}.logo>span{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff;font-size:19px;font-weight:900}.logo b{font-size:20px}.logo small{display:block;font-size:9px;letter-spacing:2px;color:var(--muted)}.search{display:flex;background:#f5f6f8;border-radius:11px;overflow:hidden}.search input{margin:0;border:0;background:transparent}.search button{border-radius:0;width:55px;font-size:22px}.quick a{display:flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.quick span,.quick b{display:block}.quick b{color:var(--blue)}nav{background:var(--navy)}nav>div{max-width:1440px;margin:auto;display:flex;align-items:center;padding:0 25px}nav a,nav summary{display:block;color:#e5eff7;text-decoration:none;padding:15px 17px;cursor:pointer;font-weight:650}nav .right{margin-left:auto}nav details{position:relative}nav details div{position:absolute;z-index:5;top:49px;left:0;min-width:260px;background:#fff;box-shadow:0 15px 40px #142d4750;border-radius:0 0 10px 10px}nav details div a{color:var(--ink);padding:10px 15px;border-bottom:1px solid var(--line)}main{max-width:1440px;margin:26px auto;padding:0 28px;min-height:67vh}.layout{display:grid;grid-template-columns:255px 1fr;gap:25px}aside{background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden;align-self:start;position:sticky;top:20px}aside h3{margin:0;background:var(--blue);color:#fff;padding:16px}aside>a{display:block;padding:12px 16px;color:#39475d;text-decoration:none;border-bottom:1px solid var(--line)}aside>a:hover{background:#eff9fc;color:var(--blue)}.aside-help{margin:14px;padding:15px;background:#fff5e9;border-radius:10px;color:#a04d0a}.hero{min-height:270px;background:linear-gradient(120deg,var(--navy),#087c9f);border-radius:18px;color:#fff;padding:40px 48px;display:flex;align-items:center;justify-content:space-between}.hero small{letter-spacing:1.6px;font-weight:800;color:#8ce2f2}.hero h1{font-size:39px;line-height:1.1;margin:12px 0}.hero p{color:#d8edf4}.hero-stat{width:210px;height:160px;border-radius:18px;background:#fff;color:var(--navy);display:grid;place-content:center;text-align:center;transform:rotate(-3deg);box-shadow:0 20px 45px #052b4166}.hero-stat b{font-size:52px}.hero-stat span{color:var(--blue);font-weight:800}.section-title,.page-head{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px}.section-title h2,.page-head h1{margin:0}.section-title span,.page-head span{color:var(--muted)}.products{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:17px}.products article,.panel,.auth-card,.warning,.bank{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:0 6px 22px #1834510c}.products article{display:flex;flex-direction:column;min-height:285px}.product-status{color:var(--green);font-size:11px;font-weight:800}.products h3{font-size:16px}.products p{color:var(--muted);font-size:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.meta{margin-top:auto;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);padding:10px 0;display:flex;gap:22px;color:var(--muted)}.meta b{color:var(--ink)}.buy{display:flex;justify-content:space-between;align-items:center;padding-top:13px}.buy strong{color:var(--red);font-size:21px}.buy a,.auth-card a{color:var(--blue);font-weight:700}.auth-card{max-width:500px;margin:40px auto;padding:30px}.auth-card h1{margin-bottom:4px}.auth-card>p{color:var(--muted)}label{font-weight:700}input,textarea,select{display:block;width:100%;padding:11px 12px;border:1px solid #ccd6e4;border-radius:8px;margin:5px 0 14px;font:inherit}button,.btn{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:11px 16px;font-weight:750;text-decoration:none;cursor:pointer}.notice{padding:13px 16px;border-radius:10px;margin-bottom:18px}.notice.success{background:#dff7ed;color:#087653}.notice.error{background:#fde6e8;color:#a52737}.form-panel{max-width:700px}.deposit{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;align-items:start}.warning h3{background:#c25c0b;color:#fff;margin:-19px -19px 18px;padding:15px;border-radius:14px 14px 0 0}.bank{padding:0;overflow:hidden;text-align:center}.bank-title{background:linear-gradient(120deg,var(--navy),#27658e);color:#fff;padding:17px 22px;text-align:left}.bank-title b,.bank-title span{display:block}.bank img{width:250px;max-width:80%;margin:22px auto 8px}.bank small,.bank strong{display:block}.bank strong{font-size:27px;color:var(--red);letter-spacing:2px;border:2px dashed #f18f98;margin:8px 20px 16px;padding:12px;border-radius:9px}.bank dl{margin:0;text-align:left}.bank dt,.bank dd{display:inline-block;width:49%;padding:12px 20px;margin:0;border-top:1px solid var(--line)}.bank dd{text-align:right;font-weight:700}.table-wrap{overflow:auto;background:#fff;border-radius:12px}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#edf3f7}.tag{background:#e2eef5;padding:4px 8px;border-radius:99px}footer{background:var(--navy);color:#bdd0df;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:38px 5vw;margin-top:50px}footer b{color:#fff}.empty{text-align:center;padding:30px}@media(max-width:900px){header{grid-template-columns:1fr auto;height:auto;padding:15px}.search{grid-column:1/-1;grid-row:2}.layout{grid-template-columns:1fr}aside{display:none}.hero-stat{display:none}.deposit{grid-template-columns:1fr}}@media(max-width:650px){.welcome{display:none}nav>div{overflow:auto;padding:0}nav a,nav summary{white-space:nowrap;padding:12px}.hero{padding:28px 24px}.hero h1{font-size:31px}main{padding:0 13px}.products{grid-template-columns:1fr}footer{grid-template-columns:1fr}}
.logo img{width:54px;height:54px;object-fit:contain;border-radius:10px}
@media(min-width:901px){header{justify-content:center}}