/* MODE CLOUD / STUDIO 8 — WHMCS 8.9 | Scoped design system, no form markup replacement */
:root{--mc8-ink:#102630;--mc8-deep:#0b2029;--mc8-muted:#657983;--mc8-line:#dbe5e7;--mc8-ground:#f5f8f8;--mc8-white:#fff;--mc8-sea:#226c78;--mc8-copper:#e1ab72;--mc8-focus:#0c788a;--mc8-max:1180px}
html,body{max-width:100%;overflow-x:clip}
body{font-family:'Vazirmatn',Tahoma,Arial,sans-serif;font-size:13px;color:var(--mc8-ink)}
.mc-home,.mc8-shell,.mc8-footer,.mc8-about{font-family:'Vazirmatn',Tahoma,Arial,sans-serif;direction:rtl;text-align:right;letter-spacing:0;color:var(--mc8-ink);font-size:13px}
.mc-home *, .mc-home *::before,.mc-home *::after,.mc8-shell *, .mc8-shell *::before,.mc8-shell *::after,.mc8-footer *,.mc8-footer *::before,.mc8-footer *::after,.mc8-about *{box-sizing:border-box}
.mc-home :is(h1,h2,h3,h4,p,ul,ol),.mc8-footer :is(h2,h3,p),.mc8-about :is(h1,h2,p){margin-top:0}
.mc-home h1,.mc-home h2,.mc-home h3,.mc8-about h1,.mc8-about h2{font-family:inherit!important;font-size:16px!important;font-weight:850!important;letter-spacing:0!important;line-height:2!important;text-transform:none!important}
.mc-home :is(p,small,li,span,a,summary,strong),.mc8-footer :is(p,small,li,span,a),.mc8-shell :is(p,small,span,a){font-family:inherit;font-size:inherit}
.mc-home p{line-height:2.2;color:var(--mc8-muted)}
.mc-home a,.mc8-shell a,.mc8-footer a,.mc8-about a{text-decoration:none!important}
.mc-home svg,.mc8-shell svg,.mc8-footer svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.mc8-container{width:min(calc(100% - 64px),var(--mc8-max));margin-inline:auto}
.mc-home a:focus-visible,.mc8-shell a:focus-visible,.mc8-shell button:focus-visible,.mc8-footer a:focus-visible,.mc8-faq summary:focus-visible{outline:3px solid #efb47a;outline-offset:4px}
.mc8-shell button{font-family:inherit;cursor:pointer}
/* The legacy Twenty-One navigation is hidden only AFTER the custom shell was inserted successfully. */
html.mc8-shell-ready .mc8-legacy-header,html.mc8-shell-ready .mc8-legacy-footer{display:none!important}
html.mc8-home-active body{background:#fff}
/* Header: keeps functional WHMCS page content untouched */
.mc8-shell{position:relative;z-index:100;background:var(--mc8-white)}
.mc8-announcement{background:var(--mc8-deep);color:#c8d9db}
.mc8-announcement>.mc8-container{display:flex;align-items:center;justify-content:space-between;min-height:33px;gap:18px}
.mc8-announcement p{font-size:10px!important;margin:0;color:inherit}
.mc8-announcement a{font-size:10px!important;color:#f0b87d!important;display:inline-flex;gap:8px;align-items:center}
.mc8-header{border-bottom:1px solid #e9eeee;background:#fff}
.mc8-header-inner{height:80px;display:flex;align-items:center;gap:30px}
.mc8-brand{display:flex;align-items:center;gap:12px;flex:0 0 auto;min-width:170px;color:var(--mc8-ink)!important}
.mc8-brand-symbol{width:43px;height:43px;background:var(--mc8-deep);color:var(--mc8-copper);border-radius:11px 2px 11px 2px;display:grid;place-items:center;font-size:16px!important;font-weight:950;line-height:1}
.mc8-brand img{display:block;width:auto;max-width:70px;height:45px;object-fit:contain}
.mc8-brand-words{display:flex;flex-direction:column;gap:2px;min-width:0}
.mc8-brand-words b{font-size:14px!important;font-weight:900;line-height:1.6;color:inherit}
.mc8-brand-words small{font-size:10px!important;color:#788a8c;max-width:220px;line-height:1.65}
.mc8-navigation{display:flex;gap:2px;align-items:center;justify-content:center;flex:1 1 auto;min-width:0}
.mc8-navigation a{color:#53646a!important;font-size:11px!important;font-weight:650;padding:13px 11px;border-bottom:2px solid transparent;white-space:nowrap;transition:color .16s,border-color .16s}
.mc8-navigation a:is(:hover,.is-active){color:var(--mc8-sea)!important;border-color:var(--mc8-copper)}
.mc8-header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}
.mc8-login{display:inline-flex;align-items:center;gap:6px;color:var(--mc8-ink)!important;font-size:11px!important;font-weight:800;white-space:nowrap}
.mc8-login svg{width:16px;height:16px}
.mc8-header-cta{padding:13px 18px;border-radius:6px;background:var(--mc8-ink);color:#fff!important;font-size:11px!important;font-weight:800;display:inline-flex;gap:10px;align-items:center;min-height:45px;white-space:nowrap;transition:background .2s}
.mc8-header-cta:hover{background:var(--mc8-sea);color:#fff!important}
.mc8-header-cta svg{width:15px;height:15px}
.mc8-menu-button{display:none;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border:1px solid var(--mc8-line);background:#fff;border-radius:7px;color:var(--mc8-ink)}
.mc8-menu-button svg{width:21px;height:21px}
/* Hero: intentional subject-specific server illustration; no fake metrics */
.mc8-hero{background:var(--mc8-deep);color:#fff;position:relative;isolation:isolate;overflow:hidden}
.mc8-hero::before{content:"";position:absolute;inset:0;opacity:.3;pointer-events:none;background-image:linear-gradient(90deg,transparent 98%,#28414a 100%);background-size:96px 100%}
.mc8-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.94fr);gap:62px;min-height:555px;align-items:center;padding-block:72px 70px}
.mc8-hero-copy{position:relative;z-index:2}
.mc8-hero-kicker{display:flex;align-items:center;gap:10px;color:#f0c190;font-size:11px;font-weight:700;margin-bottom:26px}
.mc8-kicker-mark{display:inline-block;width:20px;height:2px;background:var(--mc8-copper)}
.mc-home .mc8-hero h1{display:flex;flex-direction:column;gap:9px;margin:0 0 22px;color:#fff!important;font-size:16px!important;line-height:2!important;font-weight:900!important}
.mc8-hero h1 span:last-child{color:#f0c08d}
.mc8-hero-copy>p{color:#afc2c6!important;font-size:13px!important;line-height:2.35!important;max-width:510px;margin:0 0 28px}
.mc8-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:34px}
.mc8-btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:12px!important;min-height:47px;padding:12px 19px;border:1px solid transparent;border-radius:6px;font-weight:850;transition:background .18s,border-color .18s,transform .18s}
.mc8-btn:hover{transform:translateY(-1px)}.mc8-btn svg{width:16px;height:16px}
.mc8-btn-accent{background:var(--mc8-copper);color:#112934!important}.mc8-btn-accent:hover{background:#f0c699;color:#112934!important}
.mc8-btn-glass{color:#edf8f8!important;border-color:#4d626b;background:#ffffff06}.mc8-btn-glass:hover{border-color:#c5dadd;background:#ffffff10;color:#fff!important}
.mc8-btn-dark{background:var(--mc8-ink);color:#fff!important}.mc8-btn-dark:hover{background:var(--mc8-sea);color:#fff!important}
.mc8-hero-proof{display:flex;flex-wrap:wrap;gap:12px 22px;color:#9bb4b9;font-size:10px}
.mc8-hero-proof>span{display:flex;align-items:center;gap:8px}
.mc8-hero-proof i{width:5px;height:5px;border:1px solid var(--mc8-copper);transform:rotate(45deg)}
.mc8-server-stage{background:#102d37;border:1px solid #31515a;min-height:413px;align-self:center;position:relative;border-radius:9px;box-shadow:0 28px 52px #04161b80;overflow:hidden;direction:ltr}
.mc8-stage-meta,.mc8-stage-bottom{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;gap:15px;border-bottom:1px solid #35505a;color:#9ab2b9;font-size:10px!important;letter-spacing:.3px;direction:rtl}
.mc8-stage-meta>span:first-child{display:flex;gap:8px;align-items:center}
.mc8-stage-dot{width:7px;height:7px;border-radius:50%;background:var(--mc8-copper);box-shadow:0 0 0 4px #e1ab7220}
.mc8-stage-canvas{height:330px;position:relative;overflow:hidden;background:repeating-linear-gradient(0deg,#173640 0px,#173640 1px,transparent 1px,transparent 33px)}
.mc8-network-lines{position:absolute;inset:35px 10% 30px;display:flex;justify-content:space-around;opacity:.48}
.mc8-network-lines span{width:1px;background:linear-gradient(0deg,transparent,#528a96,transparent);transform:rotate(25deg)}
.mc8-rack{position:absolute;bottom:31px;width:160px;padding:15px 9px 12px;background:#091d26;border:6px solid #21404a;border-radius:8px;box-shadow:12px 15px 17px #06191f6e;display:flex;flex-direction:column;gap:7px}
.mc8-rack-front{left:14%;height:255px;z-index:2}.mc8-rack-back{left:43%;bottom:52px;height:245px;z-index:1;transform:scale(.91);opacity:.81}
.mc8-rack-heading{font-size:9px!important;color:#acc5c9;margin-bottom:5px;display:flex;justify-content:space-between}.mc8-rack-heading em{font-size:8px!important;color:#a8d0b6;font-style:normal}
.mc8-rack-device{background:#1d3c46;border:1px solid #43616b;border-radius:3px;height:30px;display:flex;align-items:center;gap:5px;padding:0 10px}
.mc8-rack-device i{width:5px;height:5px;border-radius:50%;background:#8fddba}.mc8-rack-device i:nth-child(2){background:#d9ac73}.mc8-rack-device b{margin-left:auto;height:2px;width:35%;background:repeating-linear-gradient(90deg,#557982,#557982 3px,transparent 3px,transparent 7px)}
.mc8-floating-panel{position:absolute;right:18px;bottom:32px;width:183px;border:1px solid #79999e4f;border-radius:7px;padding:16px;color:#102631;background:#edf4f2;z-index:3;box-shadow:0 10px 30px #0214197a;direction:rtl}
.mc8-floating-panel>span{display:block;font-size:10px!important;color:#657b7d;margin-bottom:6px}.mc8-floating-panel strong{display:block;font-size:12px!important}.mc8-floating-panel small{font-size:10px!important;color:#6f8385}
.mc8-floating-progress{display:flex;gap:5px;margin-top:13px}.mc8-floating-progress i{height:3px;flex:1;background:#b3c7c8}.mc8-floating-progress i:first-child{background:var(--mc8-sea)}
.mc8-stage-bottom{border-top:1px solid #35505a;border-bottom:0;padding-block:12px;font-size:9px!important;color:#8ca8af}
.mc8-hero-footer{border-top:1px solid #25424c;background:#0d2730;position:relative}
.mc8-hero-footer>.mc8-container{min-height:65px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.mc8-hero-footer span{font-size:11px;color:#a5b7bb}.mc8-hero-footer a{display:inline-flex;align-items:center;gap:10px;color:#efbf8d!important;font-size:11px;font-weight:800}
.mc8-hero-footer svg{width:16px;height:16px}
/* Three fast routes, using separators rather than cookie-cutter cards */
.mc8-paths{border-bottom:1px solid var(--mc8-line);background:#fff}
.mc8-paths-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.mc8-paths a{padding:25px 16px;display:flex;align-items:center;gap:15px;min-width:0;border-left:1px solid #e4ecee;color:var(--mc8-ink)!important}
.mc8-paths a:last-child{border-left:0}.mc8-paths a:hover{background:#f6f9f9}
.mc8-path-icon{width:44px;height:44px;display:grid;place-items:center;background:#eff5f4;border-radius:7px;color:var(--mc8-sea)}
.mc8-paths a>span:nth-child(2){display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.mc8-paths strong{font-size:12px!important;font-weight:850}.mc8-paths small{font-size:10px!important;color:#788a8f}.mc8-paths a>b{font-weight:500;font-size:16px;color:#849da2}
/* Sections */
.mc8-section{padding:94px 0}.mc8-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}
.mc8-section-heading>div{max-width:750px}
.mc8-section-indicator{display:flex;align-items:center;gap:10px;font-size:10px!important;font-weight:800;color:var(--mc8-sea);margin-bottom:13px}
.mc8-section-indicator i{width:20px;height:2px;background:var(--mc8-copper);display:inline-block;flex:none}
.mc-home :is(.mc8-section-heading h2,.mc8-console h2,.mc8-guidance h2,.mc8-faq h2,.mc8-final h2){color:var(--mc8-ink);margin:0 0 10px}
.mc8-section-heading p{max-width:700px;margin:0;font-size:12px!important;line-height:2.25}
.mc8-text-link{color:var(--mc8-sea)!important;font-size:12px!important;font-weight:850;white-space:nowrap;display:inline-flex;gap:12px;align-items:center}
.mc8-text-link:hover{color:var(--mc8-ink)!important}
.mc8-services{background:#fafcfc}
.mc8-services-layout{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:16px}
.mc8-featured-service{position:relative;min-height:418px;border-radius:9px;background:var(--mc8-ink);color:white;padding:28px 30px;display:flex;flex-direction:column;overflow:hidden}
.mc8-service-number{font-family:inherit;font-size:10px!important;letter-spacing:.7px;color:#94afb6;direction:ltr;text-align:right;font-weight:700}
.mc8-featured-service-head{display:flex;align-items:center;justify-content:space-between;margin:30px 0 20px}
.mc8-featured-service-head svg{color:#e7b47f;width:30px;height:30px}
.mc8-service-tag{font-size:10px!important;background:#31505a;color:#d8ebeb;padding:7px 11px;border-radius:3px}
.mc8-featured-service-body{z-index:1;max-width:68%}
.mc8-featured-service h3{color:#fff!important;margin:0 0 12px;font-size:15px!important}
.mc8-featured-service p{font-size:12px!important;color:#b9cdd1;line-height:2.25;margin:0 0 24px}
.mc8-featured-service a{color:#f0bf8d!important;font-size:12px!important;font-weight:850;display:inline-flex;gap:12px}
.mc8-hosting-illustration{position:absolute;left:-50px;bottom:-19px;width:235px;height:240px;transform:rotate(-11deg);display:flex;flex-direction:column;gap:9px;padding:19px;background:#1b3944;border:7px solid #335660;border-radius:15px;box-shadow:10px 25px 40px #020e15b3}
.mc8-hosting-illustration span{height:31px;border-radius:3px;background:#0c2833;border:1px solid #65828a;position:relative}
.mc8-hosting-illustration span:before{content:"";position:absolute;right:14px;top:11px;width:6px;height:6px;border-radius:50%;background:#9dcab1;box-shadow:-13px 0 #d9a16d}
.mc8-hosting-illustration span:after{content:"";position:absolute;left:14px;top:15px;height:2px;width:55px;background:#496c79}
.mc8-secondary-services{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.mc8-service-row{min-height:199px;border:1px solid #dae4e5;background:#fff;border-radius:9px;padding:25px;display:grid;grid-template-columns:1fr 42px;gap:4px 15px;position:relative}
.mc8-service-row .mc8-service-number{grid-column:1/-1;margin-bottom:10px;color:#748f96}
.mc8-service-row>svg{grid-column:2;grid-row:2;color:var(--mc8-sea);margin-top:5px;width:27px;height:27px}
.mc8-service-row>div{grid-column:1;grid-row:2}.mc8-service-row h3{margin:0 0 7px;font-size:14px!important}
.mc8-service-row p{font-size:11px!important;color:#6d8087;line-height:2.1;margin:0 0 14px}
.mc8-service-row a{font-size:11px!important;color:var(--mc8-sea)!important;font-weight:800}
.mc8-service-row a span,.mc8-featured-service a span{padding-right:8px}
/* Panel utilities */
.mc8-console{background:#e8f0ef;padding:80px 0}
.mc8-console-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}
.mc8-console-copy p{max-width:450px;margin:0 0 26px;font-size:12px!important}
.mc8-console-list{background:#fff;border:1px solid #d3e0df;border-radius:9px;padding:11px 26px}
.mc8-console-list a{display:grid;grid-template-columns:40px 1fr 24px;align-items:center;gap:15px;padding:19px 4px;color:var(--mc8-ink)!important;border-bottom:1px solid #e7eeee}
.mc8-console-list a:last-child{border:0}.mc8-console-list a:hover .mc8-console-item-icon{background:#d3e7e5}
.mc8-console-item-icon{width:40px;height:40px;border-radius:6px;background:#edf4f3;display:grid;place-items:center;color:var(--mc8-sea)}.mc8-console-item-icon svg{width:19px;height:19px}
.mc8-console-list a>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.mc8-console-list strong{font-size:12px!important}.mc8-console-list small{font-size:10px!important;color:#72868a}.mc8-console-list em{font-size:16px;font-style:normal;color:#6d8e91}
.mc8-steps{background:#fff}
.mc8-steps-row{padding:0;margin:12px 0 0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--mc8-line)}
.mc8-steps-row li{padding:29px 27px;border-left:1px solid var(--mc8-line);display:flex;gap:18px;min-width:0}
.mc8-steps-row li:last-child{border-left:0}
.mc8-steps-row li>span{color:#fff;background:var(--mc8-sea);border-radius:50%;width:29px;height:29px;flex:none;display:grid;place-items:center;font-size:11px!important}
.mc8-steps-row h3{font-size:12px!important;margin:1px 0 10px}.mc8-steps-row p{font-size:11px!important;margin:0}
.mc8-guidance{background:var(--mc8-ground);padding:60px 0}
.mc8-guidance-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}
.mc8-guidance-heading p{margin:0 0 16px;font-size:12px!important;max-width:560px}
.mc8-guidance-checklist{border-right:3px solid var(--mc8-copper);padding:0 24px}
.mc8-guidance-checklist>p{color:#273c42;margin-bottom:15px;font-weight:800;font-size:12px!important}.mc8-guidance-checklist ul{padding:0;margin:0;list-style:none;display:grid;gap:10px}.mc8-guidance-checklist li{font-size:11px!important;display:flex;align-items:center;gap:10px;color:#65787c}.mc8-guidance-checklist svg{width:15px;height:15px;color:var(--mc8-sea)}
.mc8-faq{background:#fff}.mc8-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.mc8-faq-grid>div:first-child p{font-size:12px!important}.mc8-faq-questions{border-top:1px solid #dce5e7}.mc8-faq-questions details{border-bottom:1px solid #dce5e7}.mc8-faq-questions summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:21px 2px;cursor:pointer;font-size:12px!important;font-weight:800;list-style:none}.mc8-faq-questions summary::-webkit-details-marker{display:none}.mc8-faq-questions summary>span:last-child{font-size:16px!important;color:var(--mc8-sea);display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border:1px solid #dbe7e8;border-radius:6px;font-weight:400}.mc8-faq-questions details[open] summary>span:last-child{transform:rotate(45deg)}.mc8-faq-questions p{font-size:11px!important;max-width:600px;margin:0 0 23px!important}
.mc8-final{padding:0 0 95px;background:#fff}.mc8-final-inner{background:#102e39;color:white;border-radius:9px;min-height:175px;padding:38px 43px;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.mc8-final-inner:before{content:"";position:absolute;height:100%;width:5px;right:0;top:0;background:var(--mc8-copper)}.mc8-final-inner>div{max-width:640px}.mc8-final-inner>div>span{color:#edb781;font-size:11px!important}.mc8-final h2{color:white!important;margin:8px 0!important}.mc8-final p{color:#a6bec5;font-size:12px!important;margin:0!important}
/* Footer */
.mc8-footer{background:var(--mc8-deep);color:#d4e0e2;padding:65px 0 0}
.mc8-footer-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,.8fr));gap:40px;padding-bottom:55px}
.mc8-footer .mc8-brand{color:#fff!important}.mc8-footer .mc8-brand-symbol{background:#274650}.mc8-footer .mc8-brand-words b{color:#fff!important}.mc8-footer .mc8-brand-words small{color:#a3b6bb}
.mc8-footer-description{color:#97adb2;line-height:2.2;font-size:11px!important;max-width:355px;margin:19px 0!important}
.mc8-footer-contact{display:flex;flex-direction:column;gap:7px}.mc8-footer-contact a,.mc8-footer-contact span{color:#d4e2e3!important;font-size:11px!important;direction:ltr;text-align:right}
.mc8-footer-col h3{font-size:12px!important;color:#fff;margin:2px 0 21px}.mc8-footer-col a{display:block;color:#9eb4ba!important;font-size:11px!important;padding:6px 0}.mc8-footer-col a:hover{color:#ecc295!important}
.mc8-footer-bottom{border-top:1px solid #2c444b;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:21px 0;color:#91a8ad;font-size:10px!important}
/* Twenty-One content: do not replace PHP-driven forms, names, CSRF, captcha or cart structure */
html.mc8-shell-ready body:not(.mc8-preview) #main-body{background:#f7f9f9}
html.mc8-home-active body #main-body{display:none!important}
#main-body .primary-content{min-width:0}
#main-body :is(.panel,.card,.logincontainer,.signupcontainer){border:1px solid var(--mc8-line);border-radius:9px;box-shadow:none}
#main-body :is(.panel-heading,.card-header){background:#eff4f4;color:var(--mc8-ink);border-color:var(--mc8-line)}
/* Input controls only; native checkboxes, radios, file, hidden, select2 widgets remain native. */
#main-body :is(input.form-control:not([type="checkbox"]):not([type="radio"]):not([type="file"]),textarea.form-control,select.form-control){font-family:'Vazirmatn',Tahoma,sans-serif!important;max-width:100%;min-width:0;min-height:43px;color:var(--mc8-ink)!important;background:#fff!important;border:1px solid #cadadb!important;border-radius:6px!important;box-shadow:none!important;font-size:12px!important;direction:rtl;text-align:right}
#main-body textarea.form-control{min-height:112px;resize:vertical}
#main-body input.form-control:focus,#main-body textarea.form-control:focus,#main-body select.form-control:focus{border-color:var(--mc8-focus)!important;outline:2px solid #a4cccf!important;outline-offset:1px!important;box-shadow:none!important}
#main-body input[type="checkbox"],#main-body input[type="radio"]{accent-color:var(--mc8-sea)}
#main-body .input-group{max-width:100%}#main-body .input-group>.form-control{min-width:0;flex:1 1 auto}
#main-body label{font-size:12px!important;font-weight:650;color:#385159}
#main-body .btn-primary,#main-body #btnCompleteOrder{background:var(--mc8-sea)!important;border-color:var(--mc8-sea)!important;color:#fff!important;border-radius:6px!important;min-height:42px;font-size:12px!important;font-weight:800}
#main-body .btn-primary:hover,#main-body #btnCompleteOrder:hover{background:#174b55!important;border-color:#174b55!important}
#main-body :is(.btn-default,.btn-secondary){border-radius:6px}
#main-body .alert{border-radius:6px}
#main-body .select2-container{max-width:100%}
#main-body .table-responsive{overflow-x:auto}
#main-body .form-group{max-width:100%}
#main-body .invalid-feedback,#main-body .text-danger{color:#ab3f44!important}
/* About template */
.mc8-about{width:min(calc(100% - 50px),var(--mc8-max));margin:44px auto 85px}
.mc8-about-hero{background:var(--mc8-deep);border-radius:9px;padding:48px;color:#fff}
.mc8-about-hero h1{color:#fff!important;margin:15px 0!important}.mc8-about-hero p{color:#bcced0;font-size:12px!important;line-height:2.2;max-width:850px;margin:0 0 22px}
.mc8-about-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;padding-top:45px}.mc8-about-layout p{line-height:2.3;color:#657a7d;font-size:12px!important}.mc8-about-layout article{border-bottom:1px solid var(--mc8-line);padding:15px 0}.mc8-about-layout h3{font-size:12px!important;font-weight:850;margin:0 0 7px}.mc8-about-layout article p{margin:0}
@media(max-width:1160px){.mc8-header-inner{gap:15px}.mc8-brand{min-width:140px}.mc8-navigation a{padding:11px 7px}.mc8-hero-inner{gap:35px}.mc8-console-grid,.mc8-faq-grid{gap:50px}}
@media(max-width:960px){.mc8-container{width:min(calc(100% - 42px),var(--mc8-max))}.mc8-menu-button{display:flex}.mc8-navigation{display:none;position:absolute;top:100%;right:20px;left:20px;background:#fff;border:1px solid #d9e4e5;box-shadow:0 18px 25px #0b202927;border-radius:0 0 9px 9px;z-index:120;padding:12px;flex-direction:column;align-items:stretch;gap:0}.mc8-navigation.is-open{display:flex}.mc8-navigation a{padding:14px 12px;border-bottom:1px solid #e4eeee}.mc8-navigation a:last-child{border-bottom:0}.mc8-header{position:relative}.mc8-header-inner{height:72px;justify-content:space-between}.mc8-header-actions{margin-right:auto}.mc8-hero-inner{grid-template-columns:1fr;gap:45px;padding-block:60px}.mc8-hero-copy{max-width:680px}.mc8-server-stage{width:min(100%,610px);justify-self:center}.mc8-console-grid{gap:30px}.mc8-footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:29px}.mc8-footer-intro{grid-column:1/-1}.mc8-services-layout{grid-template-columns:1fr}.mc8-featured-service{min-height:330px}.mc8-featured-service-body{max-width:72%}.mc8-secondary-services{grid-template-columns:1fr 1fr;grid-template-rows:auto}.mc8-about-layout{gap:32px}}
@media(max-width:700px){.mc8-container{width:calc(100% - 34px)}.mc8-announcement{display:none}.mc8-header-inner{height:67px;gap:9px}.mc8-brand{gap:8px;min-width:0}.mc8-brand-symbol{width:38px;height:38px}.mc8-brand-words b{font-size:12px!important}.mc8-brand-words small{font-size:9px!important;max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mc8-login{display:none}.mc8-header-cta{padding:10px 11px;min-height:42px;font-size:10px!important;gap:3px}.mc8-header-cta svg{display:none}.mc8-hero-inner{padding-top:52px;padding-bottom:45px;gap:36px}.mc8-hero-copy>p{font-size:12px!important}.mc8-hero-actions{gap:8px;margin-bottom:22px}.mc8-btn{padding:10px 13px;min-height:44px;gap:9px;font-size:11px!important}.mc8-hero-proof{gap:11px}.mc8-server-stage{min-height:0}.mc8-stage-meta{padding:11px}.mc8-stage-canvas{height:270px}.mc8-rack-front{height:225px;width:135px;left:8%;bottom:19px}.mc8-rack-back{height:205px;width:135px;left:38%;bottom:33px}.mc8-floating-panel{right:7px;width:156px;bottom:19px;padding:10px}.mc8-hero-footer>.mc8-container{min-height:61px}.mc8-hero-footer a,.mc8-hero-footer span{font-size:10px!important}.mc8-paths-grid{grid-template-columns:1fr}.mc8-paths a{padding:15px 0;border-left:0;border-bottom:1px solid #e4eeee}.mc8-paths a:last-child{border:0}.mc8-section{padding:65px 0}.mc8-section-heading{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:26px}.mc8-featured-service{min-height:350px;padding:24px}.mc8-featured-service-body{max-width:100%;padding-bottom:120px}.mc8-hosting-illustration{width:165px;height:155px;left:-22px;bottom:-40px;gap:5px}.mc8-hosting-illustration span{height:17px}.mc8-secondary-services{grid-template-columns:1fr}.mc8-service-row{min-height:170px}.mc8-console{padding:62px 0}.mc8-console-grid,.mc8-guidance-inner,.mc8-faq-grid,.mc8-about-layout{grid-template-columns:1fr;gap:30px}.mc8-console-list{padding:6px 17px}.mc8-steps-row{grid-template-columns:1fr}.mc8-steps-row li,.mc8-steps-row li:last-child{border-left:0;border-bottom:1px solid var(--mc8-line);padding:21px 4px}.mc8-steps-row li:last-child{border:0}.mc8-guidance{padding:55px 0}.mc8-guidance-checklist{padding-right:15px}.mc8-final{padding-bottom:65px}.mc8-final-inner{padding:26px;min-height:200px;flex-direction:column;align-items:flex-start;gap:23px}.mc8-footer{padding-top:48px}.mc8-footer-grid{grid-template-columns:1fr 1fr;gap:27px}.mc8-footer-intro{grid-column:1/-1}.mc8-footer-bottom{flex-direction:column;align-items:flex-start}.mc8-about{width:calc(100% - 34px)}.mc8-about-hero{padding:25px}}
@media(max-width:390px){.mc8-brand-words small{max-width:78px}.mc8-menu-button{width:41px;min-width:41px}.mc8-header-actions{gap:7px}.mc8-header-cta{padding:10px}.mc8-stage-meta span:last-child,.mc8-stage-bottom span:last-child{display:none}.mc8-floating-panel{width:140px}}
@media(prefers-reduced-motion:reduce){.mc-home *, .mc8-shell *, .mc8-footer *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}