.provider-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.provider{display:flex;flex-direction:column;position:relative;background:linear-gradient(145deg,#10233a,#0a1829);border:1px solid var(--line);border-radius:20px;padding:26px}.provider.featured{border-color:#ff994a;box-shadow:0 20px 60px rgba(255,122,47,.1)}.provider-badge{position:absolute;right:18px;top:18px;padding:5px 9px;border-radius:99px;background:#ff7c35;color:#fff;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.7px}.provider-logo{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#173554;color:var(--cyan);font-size:19px;font-weight:900}.provider h2{font-size:24px;margin:18px 0 7px}.provider>p{color:var(--muted);font-size:14px;min-height:70px}.provider ul{padding-left:20px;color:#b4c5d6;font-size:14px;flex:1}.provider li{margin:8px 0}.provider .button{width:100%;margin-top:12px}.coupon{border:1px dashed #ff9e54;background:rgba(255,126,48,.08);border-radius:13px;padding:14px;margin:15px 0}.coupon small{display:block;color:#ffbd83;margin-bottom:4px}.coupon-code{display:flex;align-items:center;justify-content:space-between;gap:10px;font:800 20px ui-monospace,monospace}.copy-code{border:0;border-radius:7px;background:#ff7c35;color:#fff;padding:7px 9px;font-weight:750;cursor:pointer}.compare{width:100%;border-collapse:collapse;background:#0a1727;border:1px solid var(--line);border-radius:16px;overflow:hidden}.compare th,.compare td{text-align:left;padding:16px;border-bottom:1px solid var(--line)}.compare th{color:#fff;background:#10243a}.compare td{color:#aebfd0}.compare tr:last-child td{border-bottom:0}.choice-help{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.choice-help .card{padding:20px}@media(max-width:850px){.provider-grid,.choice-help{grid-template-columns:1fr}.provider>p{min-height:auto}.compare{display:block;overflow-x:auto;white-space:nowrap}}

#providers{padding-top:0!important}.provider-grid{gap:14px}.provider{border-radius:16px;padding:20px}.provider.featured{box-shadow:0 14px 42px rgba(255,122,47,.08)}.provider-badge{right:14px;top:14px;padding:4px 8px;font-size:9px}.provider-logo{width:44px;height:44px;border-radius:12px;font-size:16px}.provider h2{font-size:21px;margin:14px 0 5px}.provider>p{font-size:13px;line-height:1.55;min-height:58px;margin:0 0 8px}.provider ul{margin:8px 0 0;padding-left:18px;font-size:13px;line-height:1.45}.provider li{margin:5px 0}.provider .button{min-height:42px;margin-top:10px;padding:10px 14px}.provider>.affiliate{margin-top:8px}.coupon{margin:10px 0;padding:10px;border-radius:11px}.coupon small{margin-bottom:3px;font-size:11px}.coupon-code{font-size:17px;gap:8px}.copy-code{padding:6px 8px;font-size:12px}@media(max-width:850px){.provider{padding:18px}.provider>p{min-height:auto}.provider ul{columns:2;column-gap:24px}}@media(max-width:560px){.provider-grid{gap:12px}.provider ul{columns:1}.provider .button{width:100%}}

.provider-list{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(14,31,49,.94),rgba(8,20,33,.96));box-shadow:0 18px 60px rgba(0,0,0,.14)}
.provider-list-head,.provider-row{display:grid;grid-template-columns:1.05fr 1.15fr 1.35fr .82fr 1.12fr;gap:16px;align-items:center}
.provider-list-head{padding:13px 18px;color:#7891aa;background:rgba(5,15,25,.62);border-bottom:1px solid var(--line);font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}
.provider-row{position:relative;padding:18px;border-bottom:1px solid rgba(143,177,207,.12)}
.provider-row:last-child{border-bottom:0}
.provider-row.featured{background:linear-gradient(90deg,rgba(53,126,196,.18),rgba(8,20,33,0) 62%);box-shadow:inset 3px 0 0 #5ba8ff}
.provider-name{display:flex;align-items:center;gap:13px;min-width:0}
.provider-name h2{margin:0 0 5px;font-size:20px;letter-spacing:-.5px;line-height:1.1}
.provider-row .provider-badge,.provider-pick{position:static;display:inline-flex;width:max-content;padding:4px 8px;border-radius:99px;background:#255f8f;color:#fff;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.7px}
.provider-row p{margin:0;color:#b7c8d8;font-size:14px;line-height:1.45}
.provider-row ul{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;list-style:none}
.provider-row li{margin:0;padding:4px 8px;border:1px solid rgba(143,177,207,.14);border-radius:999px;background:rgba(255,255,255,.035);color:#aebfd0;font-size:12px;line-height:1.25}
.provider-row .coupon{margin:0;padding:9px 10px;border-radius:10px}
.provider-row .coupon small{font-size:10px;line-height:1.2}
.provider-row .coupon-code{font-size:15px}
.provider-row .copy-code{padding:5px 7px;font-size:11px}
.coupon-empty{color:#60788e;font-size:18px}
.provider-action{display:flex;flex-direction:column;gap:7px;align-items:stretch}
.provider-action .button{width:100%;min-height:40px;margin:0;padding:9px 10px;white-space:normal;text-align:center;line-height:1.25}
.provider-action .affiliate{margin:0;text-align:center}
@media(max-width:980px){.provider-list-head{display:none}.provider-row{grid-template-columns:1fr;gap:12px}.provider-row p:before{content:"Подходит: ";color:#7891aa;font-size:12px}.provider-row ul{gap:6px}.provider-action{align-items:flex-start}.provider-action .button{width:auto}.coupon-empty{display:none}}
@media(max-width:560px){.provider-list{border-radius:15px}.provider-row{padding:16px}.provider-name h2{font-size:18px}.provider-logo{width:40px;height:40px}.provider-action .button{width:100%}.provider-row .coupon-code{align-items:flex-start;flex-direction:column}}

.provider-name{gap:14px}
.provider-logo{flex:0 0 70px;width:70px;height:44px;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.96);color:initial;box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 8px 22px rgba(0,0,0,.12)}
.provider-logo img{display:block;width:100%;height:100%;object-fit:contain}
.provider-row:nth-child(4) .provider-logo,.provider-row:nth-child(6) .provider-logo{background:rgba(8,18,30,.72)}
@media(max-width:560px){.provider-logo{flex-basis:64px;width:64px;height:40px;padding:7px 9px}}

.provider-logo{flex:0 0 82px;width:82px;height:48px;padding:0;border-radius:0;background:transparent!important;box-shadow:none!important}
.provider-logo img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:560px){.provider-logo{flex-basis:72px;width:72px;height:44px;padding:0}}

@media(max-width:980px){
  .provider-row{display:block;padding:16px}
  .provider-name{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:center;margin-bottom:10px}
  .provider-logo{width:56px;height:34px;flex-basis:56px}
  .provider-name h2{font-size:19px;margin:0;line-height:1.15}
  .provider-row p{margin:0 0 10px;font-size:13px;line-height:1.45}
  .provider-row p:before{content:none}
  .provider-row ul{display:flex;gap:6px;margin-bottom:12px}
  .provider-row li{font-size:11px;padding:4px 7px}
  .provider-row .coupon{margin:0 0 12px;max-width:260px}
  .provider-action .button{width:100%}
}
@media(max-width:560px){
  #providers{padding-top:0!important}
  .provider-list{border-radius:0;border-left:0;border-right:0}
  .provider-row{padding:14px}
  .provider-logo{width:54px;height:32px;flex-basis:54px;padding:0}
  .provider-name{grid-template-columns:54px minmax(0,1fr);gap:11px}
  .provider-name h2{font-size:18px}
  .provider-row ul{gap:5px}
  .provider-row li{font-size:10.5px}
}

@media(min-width:561px) and (max-width:980px){
  .provider-list{overflow-x:auto;border-radius:18px}
  .provider-list-head{display:grid}
  .provider-list-head,.provider-row{min-width:980px;display:grid;grid-template-columns:1.05fr 1.15fr 1.35fr .82fr 1.12fr;gap:16px;align-items:center}
  .provider-row{padding:16px 18px}
  .provider-name{display:flex;gap:12px;margin:0}
  .provider-logo{flex:0 0 72px;width:72px;height:42px}
  .provider-name h2{font-size:19px;margin:0;line-height:1.15}
  .provider-row p{margin:0;font-size:13px;line-height:1.4}
  .provider-row p:before{content:none}
  .provider-row ul{margin:0;display:flex;gap:6px}
  .provider-row li{font-size:11px;padding:4px 7px}
  .provider-row .coupon{margin:0;max-width:none}
  .provider-action .button{width:100%}
  .coupon-empty{display:inline}
}

.provider-logo{display:flex;align-items:center;justify-content:center;overflow:visible}
.provider-logo img{width:auto!important;height:auto!important;max-width:82px!important;max-height:48px!important;object-fit:contain!important}
.provider-logo img[src*="timeweb.png"]{max-width:46px!important;max-height:46px!important}
.provider-logo img[src*="adminvps.png"]{max-width:42px!important;max-height:42px!important}
@media(max-width:980px){
  .provider-logo img{max-width:72px!important;max-height:42px!important}
  .provider-logo img[src*="timeweb.png"]{max-width:36px!important;max-height:36px!important}
  .provider-logo img[src*="adminvps.png"]{max-width:34px!important;max-height:34px!important}
}
@media(max-width:560px){
  .provider-logo img{max-width:54px!important;max-height:32px!important}
  .provider-logo img[src*="timeweb.png"]{max-width:32px!important;max-height:32px!important}
  .provider-logo img[src*="adminvps.png"]{max-width:30px!important;max-height:30px!important}
}

.vps-intro{padding:22px 0 14px}
.vps-intro .container{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:end}
.vps-intro-copy{min-width:0}
.vps-intro-copy h1{margin:8px 0 12px;font-size:clamp(34px,5vw,58px);line-height:1.02;letter-spacing:0;color:#fff;overflow-wrap:anywhere}
.vps-intro-copy h1 span{display:block}
.vps-intro-copy p{max-width:860px;margin:0;color:#aebfd0;font-size:16px;line-height:1.65}
.vps-intro-points{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.vps-intro-points span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(143,177,207,.16);border-radius:999px;background:rgba(255,255,255,.035);color:#c6d5e5;font-size:12px;font-weight:750}
.vps-rating{padding-top:8px!important}
.provider-list-head,.provider-row{grid-template-columns:1.05fr .88fr 1.05fr 1.24fr .76fr 1.02fr}
.provider-name small{display:block;margin-top:4px;color:#6fdca0;font-size:11px;font-weight:850;line-height:1.2}
.provider-price{display:flex;flex-direction:column;gap:4px;min-width:0}
.provider-price b{color:#fff;font-size:15px;line-height:1.25}
.provider-price span{color:#8299af;font-size:12px;line-height:1.35}
.vps-seo-band,.vps-faq{padding:34px 0}
.vps-task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.vps-task{padding:18px;border:1px solid rgba(143,177,207,.14);border-radius:16px;background:linear-gradient(180deg,rgba(14,31,49,.76),rgba(8,20,33,.9))}
.vps-task h3{margin:0 0 8px;font-size:18px;color:#fff;line-height:1.2}
.vps-task p{margin:0;color:#aebfd0;font-size:13px;line-height:1.55}
.vps-method .card p{font-size:14px;line-height:1.6}
.faq-list{display:grid;gap:10px}
.faq-list details{border:1px solid rgba(143,177,207,.14);border-radius:14px;background:rgba(10,23,39,.78);overflow:hidden}
.faq-list summary{cursor:pointer;padding:15px 18px;color:#fff;font-weight:850;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";float:right;color:#62e0c2}
.faq-list details[open] summary:after{content:"-"}
.faq-list p{margin:0;padding:0 18px 16px;color:#aebfd0;font-size:14px;line-height:1.6}
@media(max-width:1100px){.vps-task-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){
  .vps-intro .container{grid-template-columns:1fr;gap:16px}
  .vps-intro-points{justify-content:flex-start}
}
@media(min-width:561px) and (max-width:980px){
  .provider-list-head,.provider-row{min-width:1180px;grid-template-columns:1.05fr .88fr 1.05fr 1.24fr .76fr 1.02fr}
}
@media(max-width:560px){
  body{overflow-x:hidden}
  .vps-intro{padding:16px 0 8px}
  .vps-intro-copy h1{font-size:30px;line-height:1.08}
  .vps-intro-copy p{font-size:14px}
  .vps-intro-points{gap:6px}
  .vps-intro-points span{font-size:11px;max-width:100%;white-space:normal}
  .provider-list{max-width:100%}
  .provider-price{margin:0 0 10px}
  .provider-price b{font-size:14px}
  .provider-price span{font-size:12px}
  .vps-task-grid{grid-template-columns:1fr}
  .vps-seo-band,.vps-faq{padding:26px 0}
}

@media(max-width:560px){
  .provider-list{overflow:hidden}
  .provider-list-head{display:none!important}
  .provider-row{display:block!important;min-width:0!important;grid-template-columns:1fr!important}
  .provider-name{display:grid;grid-template-columns:54px minmax(0,1fr);gap:11px;align-items:center;margin-bottom:10px}
  .provider-price,.provider-row p,.provider-row ul,.provider-row .coupon{margin-bottom:10px}
  .vps-intro-points{display:grid;grid-template-columns:1fr;align-items:stretch}
  .vps-intro-points span{justify-content:center;text-align:center}
}

.provider-list-head,.provider-row{grid-template-columns:1.05fr .88fr 1.05fr 1.14fr .94fr 1fr}
.provider-row .coupon{display:flex;flex-direction:column;justify-content:center;min-height:58px;box-sizing:border-box}
.provider-row .coupon-code{min-height:28px}
.provider-row .coupon-code span{white-space:nowrap}
.provider-row .copy-code{flex:0 0 auto}
.coupon-link{border-color:rgba(143,177,207,.22);background:rgba(91,168,255,.055)}
.coupon-link small{color:#87a4bd}
.coupon-note{max-width:170px;color:#c3d4e3;font-size:12px;font-weight:800;line-height:1.25}
@media(min-width:561px) and (max-width:980px){
  .provider-list-head,.provider-row{min-width:1180px;grid-template-columns:1.05fr .88fr 1.05fr 1.14fr .94fr 1fr}
}
@media(max-width:560px){
  .provider-row .coupon{min-height:0}
  .coupon-note{max-width:none}
}

.provider-title-link{color:inherit;text-decoration:none;outline:none}
.provider-title-link:hover{color:#7bbcff}
.provider-title-link:focus-visible{border-radius:6px;box-shadow:0 0 0 3px rgba(91,168,255,.25)}