.hostws-auth-shell,
.hostws-order-intro {
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(25, 164, 214, 0.18);
    border-radius: 1.25rem;
    background:
        radial-gradient(circle at top right, rgba(43, 210, 232, 0.22), transparent 34%),
        linear-gradient(145deg, #081b2d 0%, #0c2640 52%, #12385c 100%);
    box-shadow: 0 24px 60px rgba(7, 26, 43, 0.18);
}

.hostws-auth-shell::before,
.hostws-order-intro::before {
    content: "";
    position: absolute;
    inset: auto -8% -35% auto;
    width: 240px;
    height: 240px;
    border-radius: 999px;
    background: rgba(43, 210, 232, 0.14);
    filter: blur(4px);
}

.hostws-auth-shell .hostws-kicker,
.hostws-order-intro .hostws-kicker {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .9rem;
    padding: .38rem .8rem;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #b5ebf4;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.hostws-auth-shell .hostws-kicker::before,
.hostws-order-intro .hostws-kicker::before {
    content: "";
    width: .5rem;
    height: .5rem;
    border-radius: 999px;
    background: #2bd2e8;
    box-shadow: 0 0 0 6px rgba(43, 210, 232, 0.12);
}

.hostws-auth-shell h1,
.hostws-order-intro h1,
.hostws-order-intro h2 {
    color: #fff;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.hostws-auth-shell p,
.hostws-order-intro p,
.hostws-step-list li,
.hostws-order-points li {
    color: rgba(255, 255, 255, 0.82);
}

.hostws-step-list,
.hostws-order-points {
    display: grid;
    gap: .7rem;
    margin: 1.4rem 0 0;
    padding: 0;
    list-style: none;
}

.hostws-step-list li,
.hostws-order-points li {
    position: relative;
    padding-left: 1.35rem;
    font-size: .95rem;
}

.hostws-step-list li::before,
.hostws-order-points li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .55rem;
    width: .5rem;
    height: .5rem;
    border-radius: 999px;
    background: #2bd2e8;
}

.hostws-card {
    border: 1px solid rgba(7, 26, 43, 0.08);
    border-radius: 1.1rem;
    box-shadow: 0 18px 40px rgba(7, 26, 43, 0.08);
}

.hostws-card .card-body {
    padding: 2rem;
}

.hostws-navbar-logo {
    width: auto;
    max-width: 140px;
    max-height: 96px;
}

.hostws-auth-logo {
    width: 220px;
    max-width: 100%;
    height: auto;
}

.hostws-muted {
    color: #5d7288;
    font-size: .95rem;
}

.hostws-badge-note {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .45rem .8rem;
    border-radius: .85rem;
    background: rgba(12, 38, 64, 0.06);
    color: #0c2640;
    font-size: .9rem;
    font-weight: 600;
}

.hostws-step-grid {
    display: grid;
    gap: 1rem;
    margin-top: 1.5rem;
}

.hostws-step-card {
    height: 100%;
    padding: 1.15rem 1.2rem;
    border: 1px solid rgba(25, 164, 214, 0.14);
    border-radius: 1rem;
    background: #fff;
}

.hostws-step-card strong {
    display: inline-flex;
    width: 2rem;
    height: 2rem;
    align-items: center;
    justify-content: center;
    margin-bottom: .8rem;
    border-radius: 999px;
    background: linear-gradient(145deg, #0f6b86, #2bd2e8);
    color: #fff;
}

.hostws-step-card h3 {
    margin-bottom: .45rem;
    color: #081b2d;
    font-size: 1.05rem;
    font-weight: 700;
}

.hostws-step-card p {
    margin-bottom: 0;
    color: #5d7288;
    font-size: .94rem;
}

.hostws-inline-note {
    margin-bottom: 1rem;
    padding: .9rem 1rem;
    border-left: 4px solid #19a4d6;
    border-radius: .8rem;
    background: rgba(25, 164, 214, 0.08);
    color: #12385c;
    font-size: .94rem;
}

.hostws-inline-note strong {
    color: #081b2d;
}

.hostws-order-intro {
    margin-bottom: 1.5rem;
    padding: 2rem;
}

.hostws-order-intro h1,
.hostws-order-intro h2 {
    margin-bottom: .75rem;
}

.hostws-order-intro .hostws-columns {
    display: grid;
    gap: 1.2rem;
    margin-top: 1.6rem;
}

.hostws-order-intro .hostws-columns > div {
    padding: 1.1rem 1.15rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.08);
}

.hostws-order-intro .hostws-columns h3 {
    margin-bottom: .4rem;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
}

.hostws-order-intro .hostws-columns p {
    margin-bottom: 0;
    font-size: .93rem;
}

.hostws-tab-copy {
    margin-bottom: 1rem;
    color: #5d7288;
}

.hostws-accordion-lead {
    margin-bottom: 1.1rem;
    padding: 1rem 1.05rem;
    border-radius: .95rem;
    background: rgba(25, 164, 214, 0.07);
    color: #12385c;
}

.hostws-accordion-lead strong {
    display: block;
    margin-bottom: .35rem;
    color: #081b2d;
}

.hostws-cart-note {
    margin-bottom: 1rem;
    color: #5d7288;
}

.hostws-plan-grid {
    display: grid;
    gap: 1.25rem;
}

.hostws-plan-card {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    padding: 1.5rem;
    border: 1px solid rgba(7, 26, 43, 0.08);
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 18px 40px rgba(7, 26, 43, 0.08);
}

.hostws-plan-card.is-featured {
    border-color: rgba(25, 164, 214, 0.28);
    background: linear-gradient(180deg, rgba(43, 210, 232, 0.08), rgba(255, 255, 255, 0.98));
}

.hostws-plan-tag {
    display: inline-flex;
    align-self: flex-start;
    padding: .45rem .85rem;
    border-radius: 999px;
    background: rgba(43, 210, 232, 0.14);
    color: #0c5a77;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.hostws-plan-card h3 {
    margin: 0;
    color: #081b2d;
    font-size: 1.9rem;
    font-weight: 800;
    letter-spacing: -0.03em;
}

.hostws-plan-price {
    color: #081b2d;
    font-size: 2.35rem;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -0.05em;
}

.hostws-plan-price small {
    font-size: 1rem;
    font-weight: 700;
    color: #274660;
    letter-spacing: 0;
}

.hostws-plan-copy {
    margin: 0;
    color: #5d7288;
    font-size: .98rem;
}

.hostws-plan-features {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.hostws-plan-features li {
    position: relative;
    padding-left: 1rem;
    color: #12385c;
    font-size: .95rem;
}

.hostws-plan-features li::before {
    content: "+";
    position: absolute;
    left: 0;
    top: 0;
    color: #08a087;
    font-weight: 800;
}

.hostws-plan-action {
    margin-top: auto;
}

.hostws-form-card,
.hostws-summary-card,
.hostws-payment-stage {
    border: 1px solid rgba(18, 56, 92, 0.14);
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 18px 40px rgba(7, 26, 43, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.hostws-form-card {
    padding: 1.4rem 1.45rem;
    margin-bottom: 1rem;
}

.hostws-form-card h3,
.hostws-summary-card h3,
.hostws-payment-stage-header h3 {
    margin-bottom: .45rem;
    color: #081b2d;
    font-size: 1.2rem;
    font-weight: 800;
}

.hostws-form-card p,
.hostws-summary-card p,
.hostws-payment-stage-header p {
    color: #5d7288;
}

.hostws-summary-card .hostws-order-points li {
    color: #12385c;
}

.hostws-cycle-note {
    margin-top: .85rem;
    padding: .9rem 1rem;
    border-radius: .9rem;
    border: 1px solid rgba(18, 56, 92, 0.14);
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(241, 248, 253, 0.94));
    color: #12385c;
    font-size: .93rem;
}

.hostws-cycle-note strong {
    color: #081b2d;
}

.hostws-summary-card {
    padding: 1.5rem;
    position: sticky;
    top: 1rem;
}

.hostws-summary-price {
    display: flex;
    align-items: baseline;
    gap: .45rem;
    margin: .8rem 0 1rem;
}

.hostws-summary-price strong {
    color: #081b2d;
    font-size: 2.1rem;
    font-weight: 800;
    letter-spacing: -0.05em;
}

.hostws-summary-price span {
    color: #274660;
    font-weight: 700;
}

.hostws-field-group {
    display: grid;
    gap: .65rem;
}

.hostws-field-label {
    display: block;
    margin-bottom: .45rem;
    color: #12385c;
    font-size: .92rem;
    font-weight: 700;
}

.hostws-domain-choice {
    display: grid;
    gap: .8rem;
}

.hostws-domain-choice .form-check,
.hostws-domain-panel {
    padding: 1rem 1.05rem;
    border: 1px solid rgba(18, 56, 92, 0.16);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(248, 251, 255, 0.98), rgba(241, 248, 253, 0.94));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

.hostws-domain-choice .form-check-label {
    color: #12385c;
    font-weight: 600;
}

.hostws-domain-choice .form-check-input {
    border-color: rgba(18, 56, 92, 0.28);
}

.hostws-domain-input-group {
    flex-wrap: nowrap;
}

.hostws-domain-name {
    min-width: 0;
    flex: 1 1 auto;
}

.hostws-domain-tld,
.hostws-domain-tld-select {
    flex: 0 0 132px;
    min-width: 132px;
    max-width: 132px;
    padding-left: .95rem;
    text-align: left;
    font-family: Consolas, "Liberation Mono", monospace;
    font-size: 1rem;
    letter-spacing: .02em;
    font-weight: 700;
    color: #12385c;
    background: #f8fbff;
}

.hostws-domain-tld::placeholder {
    color: #5d7288;
    opacity: 1;
}

.hostws-payment-stage {
    margin-top: 1.25rem;
    padding: 1.4rem 1.45rem;
}

.hostws-payment-stage-header {
    margin-bottom: 1rem;
}

.hostws-public-body {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(circle at top left, rgba(24, 185, 141, 0.12), transparent 34%),
        radial-gradient(circle at right center, rgba(13, 126, 163, 0.12), transparent 28%),
        #f3efe6;
    color: #071a2b;
}

.hostws-public-body > .container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.hostws-public-body > .container > header {
    position: sticky;
    top: 0;
    z-index: 1000;
}

.hostws-public-body .hostws-nav {
    margin: 0;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(7, 26, 43, 0.88);
    backdrop-filter: blur(18px);
}

.hostws-public-body .hostws-nav .container-fluid {
    max-width: 1220px;
    margin: 0 auto;
    padding-left: 1rem;
    padding-right: 1rem;
}

.hostws-public-body .hostws-nav .navbar-brand {
    padding: .45rem 0;
}

.hostws-public-body .hostws-nav .navbar-nav {
    gap: .15rem;
}

.hostws-public-body .hostws-nav .nav-link {
    color: rgba(255, 255, 255, 0.82);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
    padding: 1rem .8rem;
}

.hostws-public-body .hostws-nav .nav-link:hover,
.hostws-public-body .hostws-nav .nav-link:focus {
    color: #ffffff;
}

.hostws-public-body .hostws-nav .navbar-toggler {
    border-color: rgba(255, 255, 255, 0.24);
}

.hostws-public-body .hostws-nav .navbar-toggler-icon {
    filter: invert(1);
}

.hostws-public-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 0 22px;
    border: 0;
    border-radius: 999px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #18b98d, #0d7ea3);
    box-shadow: 0 16px 32px rgba(13, 126, 163, 0.24);
    text-decoration: none;
}

.hostws-public-cta:hover,
.hostws-public-cta:focus {
    color: #ffffff;
    background: linear-gradient(135deg, #20c59b, #0f90bc);
}

.hostws-public-body > .container > .container {
    max-width: 1180px;
    padding: 2rem 1rem 0;
}

.hostws-public-body .content-block {
    padding-bottom: 2rem;
}

.hostws-public-body .breadcrumb {
    margin-bottom: 1.4rem;
}

.hostws-public-body .breadcrumb-item,
.hostws-public-body .breadcrumb-item a {
    color: #12385c;
    font-weight: 700;
    text-decoration: none;
}

.hostws-public-body .breadcrumb-item + .breadcrumb-item::before {
    color: #5d7288;
}

.hostws-public-body .card,
.hostws-public-body .hostws-card {
    border: 1px solid rgba(18, 56, 92, 0.14);
    border-radius: 1.25rem;
    background: #fff;
    box-shadow: 0 18px 40px rgba(7, 26, 43, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.72);
}

.hostws-public-body .card-header {
    padding: 1.35rem 1.45rem 1rem;
    border-bottom: 1px solid rgba(18, 56, 92, 0.08);
    background: transparent;
}

.hostws-public-body .card-body {
    padding: 1.45rem;
}

.hostws-public-body .btn-primary,
.hostws-public-body .btn-dark {
    min-height: 52px;
    border: 0;
    border-radius: 16px;
    color: #ffffff;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: linear-gradient(135deg, #18b98d, #0d7ea3);
    box-shadow: 0 16px 32px rgba(13, 126, 163, 0.24);
}

.hostws-public-body .btn-primary:hover,
.hostws-public-body .btn-primary:focus,
.hostws-public-body .btn-dark:hover,
.hostws-public-body .btn-dark:focus {
    color: #ffffff;
    background: linear-gradient(135deg, #20c59b, #0f90bc);
}

.hostws-public-body .btn-outline-primary {
    min-height: 52px;
    border-radius: 16px;
    border-color: rgba(13, 126, 163, 0.36);
    color: #0c2640;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
    background: #ffffff;
}

.hostws-public-body .btn-outline-primary:hover,
.hostws-public-body .btn-outline-primary:focus {
    border-color: #0d7ea3;
    background: rgba(13, 126, 163, 0.08);
    color: #0c2640;
}

@media (min-width: 768px) {
    .hostws-step-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hostws-order-intro .hostws-columns {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .hostws-plan-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1200px) {
    .hostws-plan-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .order-index .hostws-plan-card {
        padding: 1.3rem;
    }

    .order-index .hostws-plan-card h3 {
        font-size: 1.35rem;
        line-height: 1.1;
    }

    .order-index .hostws-plan-price {
        font-size: 1.9rem;
    }

    .order-index .hostws-plan-features li,
    .order-index .hostws-plan-copy {
        font-size: .9rem;
    }
}