.create-account-hero {padding: 42px 0;background:linear-gradient(135deg,#f4f8fd 0%,#ffffff 55%,#f7faff 100%);border-bottom: 1px solid #e5ebf2;}
.create-account-hero-content {max-width: 760px;}
.create-account-kicker,
.create-account-small-label {display: inline-block;margin-bottom: 3px;color: #164d84;font-size: 12px;font-weight: 800;letter-spacing: 1.1px;text-transform: uppercase;}
.create-account-hero h1 {margin: 0 0 10px;color: #11233b;font-size: clamp(34px, 4vw, 46px);line-height: 1.15;}
.create-account-hero p {max-width: 720px;margin: 0;color: #637084;font-size: 16px;line-height: 1.7;}
.create-account-section {padding: 48px 0 70px;background: #ffffff;}
.create-account-layout {display: grid;grid-template-columns:minmax(0, 1fr)minmax(480px, 600px);gap: 55px;align-items: start;}
.create-account-info {max-width: 590px;padding-top: 35px;}
.create-account-info h2 {margin: 0 0 12px;color: #15263e;font-size: 32px;line-height: 1.25;}
.create-account-info > p {margin: 0;color: #697689;font-size: 15px;line-height: 1.7;}
.create-account-benefits {display: grid;gap: 16px;margin-top: 27px;}
.create-account-benefit {display: flex;align-items: flex-start;gap: 12px;}
.create-benefit-icon {display: grid;place-items: center;width: 32px;height: 32px;flex: 0 0 32px;border-radius: 9px;background: #e9f3fd;color: #0d4c87;font-size: 14px;font-weight: 800;}
.create-account-benefit strong {display: block;margin: 0 0 2px;color: #1c2d44;font-size: 14px;}
.create-account-benefit small {display: block;color: #738094;font-size: 12px;line-height: 1.5;}
.create-account-card {padding: 27px 30px 29px;background: #ffffff;border: 1px solid #dfe6ee;border-radius: 20px;box-shadow:0 16px 45pxrgba(16, 47, 82, 0.08);}
.create-account-card-header {display: flex;align-items: center;gap: 13px;margin-bottom: 19px;}
.create-account-card-icon {display: grid;place-items: center;width: 46px;height: 46px;flex: 0 0 46px;border-radius: 12px;background: #0d3f73;color: #ffffff;font-size: 25px;font-weight: 600;}
.create-account-card-header h2 {margin: 0;color: #17283f;font-size: 24px;line-height: 1.2;}
.create-account-form {display: grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap: 14px 16px;}
.create-form-group {display: grid;gap: 4px;min-width: 0;margin: 0;}
.create-form-full {grid-column: 1 / -1;}
.create-form-group label {margin: 0 0 3px;color: #26384d;font-size: 14px;font-weight: 700;line-height: 1.35;}
.create-form-group label span {color: #c0392b;}
.create-form-group input,
.create-form-group select {width: 100%;min-height: 46px;padding: 0 13px;border: 1px solid #cfd8e3;border-radius: 10px;background: #ffffff;color: #1d2d42;font-size: 14px;outline: none;box-sizing: border-box;transition:border-color 0.2s ease,box-shadow 0.2s ease,background-color 0.2s ease;}
.create-form-group input:hover,
.create-form-group select:hover {border-color: #b8c5d4;}
.create-form-group input:focus,
.create-form-group select:focus {border-color: #0d548f;box-shadow:0 0 0 3pxrgba(13, 84, 143, 0.10);}
.create-input-wrap {position: relative;width: 100%;}
.create-input-wrap input {padding-left: 42px;padding-right: 44px;}
.create-input-icon {position: absolute;top: 50%;left: 13px;transform: translateY(-50%);color: #7b8899;font-size: 13px;line-height: 1;pointer-events: none;}
.create-field-help {display: block;margin-top: 2px;color: #7b8798;font-size: 11px;line-height: 1.45;}
.create-password-toggle {position: absolute;top: 50%;right: 6px;display: grid;place-items: center;width: 34px;height: 34px;padding: 0;transform: translateY(-50%);border: 0;border-radius: 7px;background: transparent;color: #40536a;cursor: pointer;}
.create-password-toggle:hover {background: #f2f6fa;}
.create-password-toggle:focus-visible {outline: 2px solid #0d548f;outline-offset: 2px;}
.create-account-submit {display: flex;align-items: center;justify-content: center;gap: 7px;width: 100%;min-height: 47px;margin-top: 2px;padding: 0 18px;border: 0;border-radius: 10px;background: #0d3f73;color: #ffffff;font-size: 15px;font-weight: 800;cursor: pointer;transition:transform 0.2s ease,background-color 0.2s ease,box-shadow 0.2s ease;}
.create-account-submit:hover {background: #0a335f;box-shadow:0 8px 20pxrgba(13, 63, 115, 0.18);transform: translateY(-1px);}
.create-account-submit:active {transform: translateY(0);}
.create-account-submit:disabled {opacity: 0.65;cursor: not-allowed;transform: none;box-shadow: none;}
.create-account-login-link {grid-column: 1 / -1;display: flex;justify-content: center;align-items: center;gap: 6px;margin-top: -1px;color: #778497;font-size: 13px;}
.create-account-login-link a {color: #0d5799;font-weight: 700;text-decoration: none;}
.create-account-login-link a:hover {text-decoration: underline;text-underline-offset: 3px;}
.create-account-message {margin-bottom: 14px;padding: 11px 13px;border-radius: 9px;font-size: 13px;line-height: 1.5;}
.create-account-message.is-error {border: 1px solid #f0c6c6;background: #fff5f5;color: #9d2626;}
.create-account-message.is-success {border: 1px solid #bce4c9;background: #f2fff6;color: #206e3b;}
.is-hidden {display: none !important;}
.create-processing-overlay {position: fixed;z-index: 99999;inset: 0;display: grid;place-items: center;padding: 20px;background:rgba(6, 20, 37, 0.45);backdrop-filter: blur(3px);}
.create-processing-box {display: flex;align-items: center;gap: 12px;padding: 16px 20px;border-radius: 12px;background: #ffffff;color: #1d2b3d;box-shadow:0 18px 50px rgba(0, 0, 0, 0.18);font-size: 14px;font-weight: 700;}
.create-processing-spinner {width: 20px;height: 20px;border: 3px solid #dce5ee;border-top-color: #0d3f73;border-radius: 50%;animation:createAccountSpin0.7slinearinfinite;}
@keyframes createAccountSpin {to {transform: rotate(360deg);}}
.create-account-info,
.create-account-card {opacity: 0;transform:translateY(16px);transition:opacity 0.5s ease,transform 0.5s ease;}
.create-account-info.is-visible,
.create-account-card.is-visible {opacity: 1;transform:translateY(0);}
.create-form-group input:focus-visible,
.create-form-group select:focus-visible,
.create-account-submit:focus-visible,
.create-account-login-link a:focus-visible{outline: 2px solid #0d548f;outline-offset: 2px;}
@media (max-width: 1050px) {.create-account-layout {grid-template-columns:minmax(0, 1fr)minmax(440px, 520px);gap: 35px;}.create-account-card {padding: 25px;}}
@media (max-width: 900px) {.create-account-layout {grid-template-columns: 1fr;gap: 35px;}.create-account-info {max-width: none;padding-top: 0;}.create-account-card {width: 100%;max-width: 650px;margin: 0 auto;}}
@media (max-width: 640px) {.create-account-hero {padding: 32px 0;}.create-account-hero h1 {font-size: 31px;}.create-account-hero p {font-size: 15px;}.create-account-section {padding: 34px 0 50px;}.create-account-info h2 {font-size: 26px;}.create-account-card {padding: 21px 16px 23px;border-radius: 15px;}.create-account-card-header {gap: 11px;margin-bottom: 16px;}.create-account-card-icon {width: 42px;height: 42px;flex-basis: 42px;}.create-account-card-header h2 {font-size: 22px;}.create-account-form {grid-template-columns: 1fr;gap: 13px;}.create-form-full {grid-column: auto;}.create-captcha-box {grid-template-columns: 1fr;}.create-captcha-image {max-width: 230px;}.create-account-login-link {grid-column: auto;}}
@media (prefers-reduced-motion: reduce) {.create-account-info,.create-account-card,.create-account-submit,.create-processing-spinner {opacity: 1;transform: none;transition: none;animation: none;}}