html{scroll-padding-top:80px}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;min-height:60px;margin:0}.navbar>.container{display:flex;align-items:center;min-height:60px;gap:20px}.navbar-brand{float:none;height:auto;padding:0;flex-shrink:0}.navbar-collapse{display:flex!important;align-items:center;flex:1;border:0;padding:0;box-shadow:none}.navbar-nav{display:flex;list-style:none;padding:0;margin:0}.navbar-nav>li{float:none}.navbar .nav-link{display:block;padding:20px 12px!important}.register-link{margin-left:auto}.navbar-toggler{display:none}.navbar-logo{background-position:center!important;background-size:contain!important;background-repeat:no-repeat}.nav-sub{height:60px}.lite-content{padding-top:10px;padding-bottom:40px}.public-header h1{margin-top:0}.footer{height:auto;min-height:65px;padding:20px 0}.lite-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.lite-footer p{margin:0}.help-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px}.help-nav{display:flex;flex-direction:column;gap:3px;margin-bottom:24px}.help-nav a{padding:9px 12px;border-radius:4px}.help-nav a[aria-current=page]{background:#d55b5b;color:#fff}.registration{max-width:650px;margin:0 auto}.form-group{margin-bottom:20px}.form-group>label{display:block;margin-bottom:7px}.form-control{max-width:100%}.consent{font-weight:400;line-height:1.7}.whois-form{margin:5px 0 25px}.input-group{display:flex}.input-group>.form-control{min-width:0;flex:1;float:none;width:auto}.input-group>.btn{flex-shrink:0}.whois-result{white-space:pre-wrap;overflow-wrap:anywhere;max-height:70vh;overflow:auto}.news-header{font-size:20px}.news-article{padding:15px 0 25px;border-bottom:1px solid #ddd}.skip-link{position:absolute;left:-10000px}.skip-link:focus{position:fixed;left:12px;top:8px;z-index:2000;background:#fff;padding:10px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a93434;outline-offset:3px}.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.table{max-width:100%}.lite-content table{display:block;overflow-x:auto}h1{overflow-wrap:anywhere}[hidden]{display:none!important}.welcome-partners{background:#f8f8f8}.welcome-partners img{max-width:100%;height:auto}.welcome-payments .container{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
@media(max-width:991px){.navbar .nav-link{padding-left:8px!important;padding-right:8px!important;font-size:12px}.navbar>.container{gap:10px}}
@media(max-width:767px){.navbar>.container{flex-wrap:wrap;justify-content:space-between;min-height:50px}.navbar-toggler{display:block;border:1px solid #ccc;border-radius:4px;background:#fff;padding:4px 12px;font-size:24px}.navbar-collapse{display:none!important;flex-basis:100%}.navbar-collapse.show{display:block!important}.navbar-nav{flex-direction:column}.navbar .nav-link{padding:12px!important}.register-link{margin-left:0}.nav-sub{height:50px}.help-layout{grid-template-columns:minmax(0,1fr);gap:12px}.help-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.lite-footer{flex-direction:column}.registration{width:100%}.whois-form .btn{font-size:14px;padding:10px}.news-box{margin-bottom:24px}.welcome-partners{display:flex;gap:15px;flex-wrap:wrap;justify-content:center;padding:20px}.welcome-partners a{max-width:28%}}

/* Keep the footer after all content, including long forms and legal pages. */
body{padding-bottom:0}
.footer{position:relative;bottom:auto;flex-shrink:0}

/* Native disclosure keeps the article visible on small screens. */
.help-sections>summary{display:none}
@media(max-width:767px){
.help-sections{border:1px solid #d9dde2;border-radius:6px;margin-bottom:12px}
.help-sections>summary{display:list-item;cursor:pointer;padding:12px 16px;font-size:16px;font-weight:700;min-height:48px}
.help-sections[open]>summary{border-bottom:1px solid #d9dde2}
.help-sections .help-nav{padding:8px;margin:0}
}

/* Remove Bootstrap clearfix pseudo-items from the flex navigation. */
.navbar>.container::before,.navbar>.container::after{display:none}
.nav-sub{flex-shrink:0}
@media(max-width:767px){.navbar{min-height:50px}}

/* Align footer rows without inherited paragraph margins or clearfix items. */
.lite-footer{align-items:center}
.lite-footer::before,.lite-footer::after{display:none}
.footer>.container.lite-footer .text-muted{margin:0}
@media(max-width:767px){.lite-footer{align-items:flex-start}}

/* Keep Russian headings readable across narrow and wide viewports. */
.public-header h1,.public-header .header-block{font-size:clamp(28px,4vw,48px);line-height:1.15;letter-spacing:-.025em}
.public-header h1:last-child{margin-bottom:0}
.public-header p{line-height:1.5;color:#fff}
.help-layout h1{font-size:clamp(24px,3vw,36px);line-height:1.25;letter-spacing:-.02em;margin-top:0;overflow-wrap:anywhere}

/* Comfortable tap targets and 16px fields avoid mobile input zoom. */
.registration .form-control{min-height:44px;height:auto;font-size:16px}
.registration select.form-control{height:44px}
.registration .btn,.whois-form .btn{min-height:44px;font-size:16px}
.registration .consent{padding:4px 0}
.registration .consent input{width:18px;height:18px;vertical-align:middle;accent-color:#b33e46}

/* Give a domain name the full available width on phones. */
@media(max-width:480px){
.whois-form .input-group{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.whois-form .input-group>.form-control{width:100%;border-radius:6px;font-size:16px}
.whois-form .input-group>.btn{width:100%;border-radius:6px;padding:10px 16px}
}

/* Show the current section in both desktop and mobile navigation. */
.navbar .nav-link[aria-current=page]{color:#9f303b;background:#fbecef;box-shadow:inset 0 -3px #b33e46}
.navbar .nav-link:hover{color:#9f303b;background:#fdf5f6}

/* Stretch feature cards evenly rather than using unrelated fixed heights. */
.welcome-boxes .row{display:flex;flex-wrap:wrap}
.welcome-boxes .row::before,.welcome-boxes .row::after{display:none}
.welcome-boxes .row>div{display:flex}
.welcome-boxes .welcome-box{width:100%;height:auto}

/* Keep news summaries and their actions aligned within a row. */
.welcome-news .row{display:flex;flex-wrap:wrap}
.welcome-news .row::before,.welcome-news .row::after{display:none}
.welcome-news .news-box{display:flex;flex-direction:column;align-items:flex-start}
.welcome-news .news-header{min-height:2.6em;line-height:1.3;margin-top:0;width:100%}
.welcome-news .news-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}
.welcome-news .news-box>.btn{margin-top:auto;border:1px solid #cdd4db;border-radius:4px;color:#28577a;background:#fff;padding:8px 12px}
.welcome-news .news-box>.btn:hover{background:#f1f5f8;border-color:#8ca4b7}
@media(max-width:767px){.welcome-news .news-box{width:100%}.welcome-news .news-header{min-height:0}}

/* Explicit flex widths retain the original responsive column breakpoints. */
@media(max-width:479px){.welcome-boxes .row>div{width:100%}}
@media(max-width:991px){.welcome-news .news-box{width:100%}}

/* Preserve the full MIR sprite instead of cropping it with flex-basis. */
.welcome-payments>.container{justify-content:center;gap:12px 28px;padding:16px 15px}
.welcome-payments>.container::before,.welcome-payments>.container::after{display:none}
.welcome-payments>.container>.pay-box{flex:0 0 148px;width:148px;margin:0;transform:none}
.welcome-payments>.container>img{flex:0 0 auto;object-fit:contain}
.welcome-payments>.container>.pay-next{flex:0 0 auto}
.welcome-payments .clearfix{display:none}
@media(max-width:767px){.welcome-payments>.container>.pay-next{flex-basis:100%;text-align:center}}

/* Keep validation feedback next to the field that needs attention. */
.field-error{margin:6px 0 0;color:#a52c3b;font-size:14px;line-height:1.5}
.registration [aria-invalid=true]{border-color:#b33e46;box-shadow:0 0 0 1px #b33e46}
#registration-errors a{color:inherit;text-decoration:underline}

/* Keep small text readable on colored controls and the home footer. */
.btn-danger{color:#fff;background-color:#b33e46;border-color:#a3343e}
.btn-danger:hover,.btn-danger:focus{color:#fff;background-color:#97313b;border-color:#842832}
.body-welcome .footer{background-color:#4a5057}
.footer .text-muted{color:#5d646c}
.footer a{color:#28577a}
.body-welcome .footer a,.body-welcome .footer .text-muted{color:#fff}
.public-header{background-image:linear-gradient(rgba(75,0,12,.16),rgba(75,0,12,.16)),url('/img/header-bg.gif')}

/* Keep prices and currency together while service names wrap naturally. */
.lite-content .tariff-table{display:table;width:100%;table-layout:fixed}
.tariff-table .tariff-price{width:8.7em}
.tariff-table td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}

/* A connection label is informational rather than a dead certificate link. */
.security-mark{display:inline-flex;align-items:center;gap:10px;font-size:13px;line-height:1.4;color:#4a5057;vertical-align:middle}
.security-mark svg{flex-shrink:0;color:#47815c}

/* Keep partner marks at readable sizes instead of squeezing three into one row. */
.welcome-partners{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;padding:24px 15px}
.welcome-partners>a{display:inline-flex;align-items:center;max-width:148px;margin:0}
.welcome-partners>.security-mark{margin:0}
@media(max-width:480px){.welcome-partners{gap:16px 12px}.welcome-partners>a{max-width:140px}}

/* Section headings must remain smaller than the help page title on phones. */
.help-layout h2{font-size:clamp(20px,2.4vw,28px);line-height:1.3}