:root {
                --navy: #05152b;
                --navy-light: #0c1f3a;
                --blue: #0d8fdb;
                --blue-glow: #4db8ff;
                --green: #2ecc71;
                --green-glow: #5ee397;
                --ink: #0a1628;
                --muted: #7a8ba3;
                --soft: #f0f4f8;
                --line: #e1e8f0;
                --radius: 20px;
                --radius-lg: 28px;
                --shadow: 0 8px 40px rgba(5, 21, 43, 0.1);
                --shadow-lg: 0 24px 80px rgba(5, 21, 43, 0.14);
                --max: 1200px;
                --sans: Inter, system-ui, sans-serif;
                --display: "Space Grotesk", Inter, sans-serif;
            }
            * {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }
            html {
                scroll-behavior: smooth;
            }
            body {
                font-family: var(--sans);
                color: var(--ink);
                background: var(--soft);
                line-height: 1.6;
                overflow-x: hidden;
                min-height: 100vh;
                display: flex;
                flex-direction: column;
            }
            a {
                text-decoration: none;
                color: inherit;
            }
            img {
                max-width: 100%;
                display: block;
            }
            button,
            input {
                font: inherit;
            }
            .container {
                width: min(var(--max), calc(100% - 48px));
                margin: auto;
            }
            .btn {
                min-height: 48px;
                padding: 11px 22px;
                border-radius: 12px;
                display: inline-flex;
                align-items: center;
                justify-content: center;
                gap: 9px;
                border: 1px solid transparent;
                font-size: 0.85rem;
                font-weight: 700;
                transition: all 0.3s;
                cursor: pointer;
                font-family: var(--sans);
            }
            .btn:hover {
                transform: translateY(-2px);
            }
            .btn-primary {
                background: var(--blue);
                color: #fff;
                box-shadow: 0 10px 28px rgba(13, 143, 219, 0.35);
            }
            .btn-primary:hover {
                background: #0a7ec7;
            }
            .btn-ghost-nav {
                background: rgba(255, 255, 255, 0.06);
                color: #fff;
                border-color: rgba(255, 255, 255, 0.15);
            }
            .btn-ghost-nav:hover {
                background: rgba(255, 255, 255, 0.14);
            }
            .btn-outline {
                background: transparent;
                color: var(--navy);
                border-color: var(--line);
            }
            .btn-outline:hover {
                border-color: var(--blue);
                color: var(--blue);
                background: rgba(13, 143, 219, 0.04);
            }

            .nav {
                position: fixed;
                inset: 0 0 auto;
                z-index: 100;
                height: 76px;
                background: rgba(5, 21, 43, 0.75);
                backdrop-filter: blur(20px);
                border-bottom: 1px solid rgba(255, 255, 255, 0.06);
                transition: all 0.3s;
            }
            .nav.scrolled {
                background: rgba(5, 21, 43, 0.92);
                box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
            }
            .nav-inner {
                height: 100%;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 28px;
            }
            .logo img {
                height: 38px;
                width: auto;
                filter: brightness(0) invert(1);
            }
            .nav-links {
                display: flex;
                align-items: center;
                gap: 6px;
                list-style: none;
            }
            .nav-links a {
                padding: 9px 14px;
                border-radius: 10px;
                color: rgba(255, 255, 255, 0.55);
                font-size: 0.84rem;
                font-weight: 600;
                transition: all 0.2s;
            }
            .nav-links a:hover,
            .nav-links a.active {
                color: #fff;
                background: rgba(255, 255, 255, 0.08);
            }
            .nav-actions {
                display: flex;
                align-items: center;
                gap: 10px;
            }
            .menu-btn {
                display: none;
                border: 0;
                background: transparent;
                color: #fff;
                font-size: 1.3rem;
                cursor: pointer;
                width: 44px;
                height: 44px;
                border-radius: 10px;
            }
            .menu-btn:hover {
                background: rgba(255, 255, 255, 0.08);
            }
            .mobile-panel {
                display: none;
                position: fixed;
                top: 76px;
                left: 0;
                right: 0;
                z-index: 99;
                background: rgba(5, 21, 43, 0.96);
                backdrop-filter: blur(20px);
                padding: 16px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
                box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
                flex-direction: column;
                gap: 4px;
            }
            .mobile-panel.open {
                display: flex;
            }
            .mobile-panel a {
                padding: 14px 16px;
                border-radius: 12px;
                font-weight: 600;
                color: rgba(255, 255, 255, 0.7);
                font-size: 0.9rem;
                transition: all 0.2s;
            }
            .mobile-panel a:hover {
                background: rgba(255, 255, 255, 0.06);
                color: #fff;
            }
            .mobile-panel .btn {
                margin-top: 8px;
                justify-content: center;
            }

            .login-section {
                flex: 1;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 120px 0 80px;
            }
            .login-card {
                display: grid;
                grid-template-columns: 1fr 1fr;
                max-width: 980px;
                width: 100%;
                margin: auto;
                background: #fff;
                border-radius: var(--radius-lg);
                overflow: hidden;
                box-shadow: var(--shadow-lg);
                border: 1px solid var(--line);
            }
            .login-brand {
                background: linear-gradient(135deg, var(--navy) 0%, #0a1f3d 50%, #0d2847 100%);
                padding: 56px 48px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                position: relative;
                overflow: hidden;
                color: #fff;
            }
            .login-brand::before {
                content: "";
                position: absolute;
                inset: 0;
                background: radial-gradient(ellipse 70% 60% at 80% 30%, rgba(13, 143, 219, 0.1) 0%, transparent 60%),
                    radial-gradient(ellipse 40% 40% at 15% 70%, rgba(46, 204, 113, 0.05) 0%, transparent 50%);
                pointer-events: none;
            }
            .login-brand > * {
                position: relative;
                z-index: 2;
            }
            .login-brand img {
                height: 40px;
                width: auto;
                filter: brightness(0) invert(1);
                opacity: 0.9;
                margin-bottom: 32px;
            }
            .login-brand h2 {
                font-family: var(--display);
                font-size: clamp(1.6rem, 3vw, 2.2rem);
                line-height: 1.1;
                letter-spacing: -0.03em;
                margin-bottom: 14px;
                font-weight: 700;
            }
            .login-brand p {
                color: rgba(255, 255, 255, 0.5);
                font-size: 0.95rem;
                line-height: 1.65;
                margin-bottom: 36px;
                max-width: 320px;
            }
            .login-features {
                list-style: none;
                display: grid;
                gap: 16px;
            }
            .login-features li {
                display: flex;
                align-items: center;
                gap: 12px;
                font-size: 0.88rem;
                color: rgba(255, 255, 255, 0.7);
                font-weight: 500;
            }
            .login-features i {
                width: 32px;
                height: 32px;
                border-radius: 10px;
                background: rgba(255, 255, 255, 0.08);
                display: grid;
                place-items: center;
                font-size: 0.85rem;
                color: var(--blue-glow);
                flex-shrink: 0;
            }

            .login-form-wrap {
                padding: 56px 48px;
                display: flex;
                flex-direction: column;
                justify-content: center;
            }
            .login-form-wrap h3 {
                font-family: var(--display);
                font-size: 1.5rem;
                color: var(--navy);
                margin-bottom: 6px;
                font-weight: 700;
                letter-spacing: -0.02em;
            }
            .login-subtitle {
                font-size: 0.88rem;
                color: var(--muted);
                margin-bottom: 32px;
            }
            .form-group {
                margin-bottom: 20px;
            }
            .form-group label {
                display: block;
                font-size: 0.78rem;
                font-weight: 700;
                color: var(--navy);
                margin-bottom: 8px;
                text-transform: uppercase;
                letter-spacing: 0.06em;
            }
            .form-group input {
                width: 100%;
                min-height: 52px;
                padding: 0 18px;
                border-radius: 12px;
                border: 1px solid var(--line);
                background: var(--soft);
                font-size: 0.9rem;
                color: var(--ink);
                outline: none;
                transition: all 0.2s;
            }
            .form-group input:focus {
                border-color: var(--blue);
                box-shadow: 0 0 0 3px rgba(13, 143, 219, 0.08);
                background: #fff;
            }
            .form-group input::placeholder {
                color: var(--muted);
                opacity: 0.6;
            }
            .form-row {
                display: flex;
                align-items: center;
                justify-content: space-between;
                margin-bottom: 24px;
                flex-wrap: wrap;
                gap: 10px;
            }
            .checkbox-label {
                display: inline-flex;
                align-items: center;
                gap: 8px;
                font-size: 0.82rem;
                color: var(--muted);
                font-weight: 600;
                cursor: pointer;
            }
            .checkbox-label input {
                width: 18px;
                height: 18px;
                border-radius: 5px;
                accent-color: var(--blue);
                cursor: pointer;
            }
            .forgot-link {
                font-size: 0.82rem;
                font-weight: 700;
                color: var(--blue);
                transition: color 0.2s;
            }
            .forgot-link:hover {
                color: #0a7ec7;
            }
            .login-divider {
                display: flex;
                align-items: center;
                gap: 16px;
                margin: 24px 0;
                color: var(--muted);
                font-size: 0.78rem;
                font-weight: 600;
                text-transform: uppercase;
                letter-spacing: 0.08em;
            }
            .login-divider::before,
            .login-divider::after {
                content: "";
                flex: 1;
                height: 1px;
                background: var(--line);
            }
            .login-footer-text {
                text-align: center;
                margin-top: 24px;
                font-size: 0.85rem;
                color: var(--muted);
            }
            .login-footer-text a {
                color: var(--blue);
                font-weight: 700;
            }
            .login-footer-text a:hover {
                text-decoration: underline;
            }

            .footer {
                background: #040e1c;
                color: #fff;
                padding: 70px 0 24px;
                margin-top: auto;
            }
            .footer-grid {
                display: grid;
                grid-template-columns: 1.6fr 1fr 1fr 1fr;
                gap: 40px;
                padding-bottom: 50px;
                border-bottom: 1px solid rgba(255, 255, 255, 0.06);
            }
            .footer-brand img {
                height: 36px;
                margin-bottom: 20px;
                filter: brightness(0) invert(1);
                opacity: 0.9;
            }
            .footer-brand p {
                font-size: 0.82rem;
                color: rgba(255, 255, 255, 0.35);
                max-width: 320px;
                line-height: 1.7;
            }
            .footer h4 {
                font-size: 0.7rem;
                text-transform: uppercase;
                letter-spacing: 0.12em;
                margin-bottom: 20px;
                color: rgba(255, 255, 255, 0.5);
                font-family: var(--display);
            }
            .footer ul {
                list-style: none;
                display: grid;
                gap: 11px;
            }
            .footer li a {
                font-size: 0.8rem;
                color: rgba(255, 255, 255, 0.38);
                transition: color 0.2s;
            }
            .footer li a:hover {
                color: #fff;
            }
            .footer-bottom {
                display: flex;
                justify-content: space-between;
                gap: 20px;
                flex-wrap: wrap;
                padding-top: 24px;
                color: rgba(255, 255, 255, 0.22);
                font-size: 0.68rem;
            }

            .reveal {
                opacity: 0;
                transform: translateY(30px);
                transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
            }
            .reveal.visible {
                opacity: 1;
                transform: translateY(0);
            }

            @media (max-width: 1050px) {
                .nav-links,
                .nav-actions {
                    display: none;
                }
                .menu-btn {
                    display: block;
                }
                .login-card {
                    grid-template-columns: 1fr;
                    max-width: 520px;
                }
                .login-brand {
                    padding: 40px 32px;
                }
                .login-brand p {
                    max-width: 100%;
                }
                .login-form-wrap {
                    padding: 40px 32px;
                }
                .footer-grid {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
            @media (max-width: 720px) {
                .container {
                    width: min(100% - 32px, var(--max));
                }
                .login-section {
                    padding: 100px 0 60px;
                }
                .login-brand {
                    padding: 36px 24px;
                }
                .login-brand h2 {
                    font-size: 1.5rem;
                }
                .login-form-wrap {
                    padding: 36px 24px;
                }
                .footer-grid {
                    grid-template-columns: 1fr;
                }
                .mobile-panel {
                    top: 66px;
                }
            }
        


.gctc-auth-alert{display:flex;gap:10px;align-items:flex-start;padding:13px 15px;border-radius:12px;margin:0 0 18px;font-size:.82rem;line-height:1.5}
.gctc-auth-alert.error{background:#fff5f6;border:1px solid #f2c9cf;color:#8e2b38}.gctc-auth-alert.success{background:#eefaf3;border:1px solid #ccebd9;color:#177849}
.gctc-captcha-form .h-captcha,.gctc-captcha-form .g-recaptcha{max-width:100%;overflow:hidden;margin:0 0 18px}.gctc-captcha-form iframe{max-width:100%!important}
.gctc-register-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gctc-register-grid .span-2{grid-column:1/-1}
.login-form-wrap form{width:100%}.login-form-wrap .btn-primary{width:100%}.login-form-wrap .form-group:last-of-type{margin-bottom:20px}
.gctc-auth-back{display:inline-flex;align-items:center;gap:8px;margin-top:20px;color:var(--blue);font-size:.82rem;font-weight:700}
.login-brand .auth-mini-label{display:inline-flex;align-items:center;gap:8px;color:var(--blue-glow);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:18px}
.login-brand .auth-mini-label i{font-size:.8rem}
.login-brand .auth-note{margin:22px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);font-size:.78rem;color:rgba(255,255,255,.45)}
.login-form-wrap .login-subtitle{margin-bottom:26px}
.login-section.is-register .login-card{max-width:1040px}.login-section.is-register .login-form-wrap{justify-content:flex-start}
.login-section.is-register{align-items:flex-start}
@media(max-width:1050px){.gctc-register-grid{grid-template-columns:1fr}.gctc-register-grid .span-2{grid-column:auto}.login-section,.login-section.is-register{align-items:flex-start}.login-card{margin-top:0}}
@media(max-width:720px){body{display:block}.login-section{padding-top:92px;padding-bottom:48px}.login-card{border-radius:20px}.login-brand{padding:30px 22px}.login-form-wrap{padding:30px 22px}.login-brand img{display:none}.login-brand p{margin-bottom:22px}.login-features{gap:10px}.footer{padding-top:52px}.form-row{align-items:flex-start;flex-direction:column}.login-form-wrap h3{font-size:1.35rem}.gctc-captcha-form .h-captcha{transform-origin:left top}}
@media(max-width:380px){.container{width:min(100% - 20px,var(--max))}.login-brand,.login-form-wrap{padding:26px 18px}.btn{padding-left:15px;padding-right:15px}}

@media(max-width:380px){.gctc-captcha-form .h-captcha{transform:scale(.84);width:119%;margin-bottom:-10px}}


:root{--gctc-auth-nav-h:76px}
body.gctc-lms-page,
body.gctc-login-page,
body.gctc-register-page{min-height:100vh}
.login-section,
.login-section.is-register{
    width:100%;
    margin-top:var(--gctc-auth-nav-h) !important;
    padding:56px 0 76px !important;
    min-height:0 !important;
    align-items:flex-start !important;
    justify-content:center !important;
    overflow:visible !important;
}
.login-section>.container{
    width:min(var(--max),calc(100% - 48px));
    margin:0 auto !important;
    display:block !important;
}
.login-card{
    margin:0 auto !important;
    height:auto !important;
    max-height:none !important;
    overflow:hidden;
}
.login-brand,.login-form-wrap{min-width:0}
.login-form-wrap{height:auto !important;max-height:none !important;overflow:visible !important}
.login-form-wrap form{overflow:visible}
.login-section + .footer,
.login-section ~ .footer{margin-top:0 !important}


body.admin-bar .nav{top:32px}
body.admin-bar .mobile-panel{top:108px}
body.admin-bar .login-section,
body.admin-bar .login-section.is-register{margin-top:calc(var(--gctc-auth-nav-h) + 32px) !important}

@media(max-width:1050px){
    .login-section,
    .login-section.is-register{padding:48px 0 68px !important}
    .login-card{width:min(100%,620px) !important;max-width:620px !important}
    .login-brand,.login-form-wrap{padding:38px 34px !important}
}
@media(max-width:782px){
    body.admin-bar .nav{top:46px}
    body.admin-bar .mobile-panel{top:122px}
    body.admin-bar .login-section,
    body.admin-bar .login-section.is-register{margin-top:calc(var(--gctc-auth-nav-h) + 46px) !important}
}
@media(max-width:720px){
    :root{--gctc-auth-nav-h:68px}
    .nav{height:68px !important}
    .mobile-panel{top:68px !important}
    .login-section,
    .login-section.is-register{
        margin-top:var(--gctc-auth-nav-h) !important;
        padding:32px 0 52px !important;
    }
    body.admin-bar .mobile-panel{top:114px !important}
    body.admin-bar .login-section,
    body.admin-bar .login-section.is-register{margin-top:calc(var(--gctc-auth-nav-h) + 46px) !important}
    .login-section>.container{width:min(100% - 28px,var(--max)) !important}
    .login-card{width:100% !important;border-radius:20px !important}
    .login-brand,.login-form-wrap{padding:28px 22px !important}
    .login-brand{justify-content:flex-start !important}
    .login-brand h2{font-size:clamp(1.45rem,7vw,1.8rem) !important}
    .login-brand p{font-size:.9rem !important;margin-bottom:20px !important}
    .login-features{grid-template-columns:1fr !important}
    .login-form-wrap h3{font-size:1.4rem !important}
    .login-subtitle{margin-bottom:22px !important}
    .form-group{margin-bottom:16px !important}
    .form-group input{min-height:50px !important}
    .gctc-register-grid{grid-template-columns:1fr !important;gap:0 !important}
    .gctc-register-grid .span-2{grid-column:auto !important}
    .gctc-captcha-form .h-captcha,
    .gctc-captcha-form .g-recaptcha{max-width:100% !important;overflow-x:auto !important;overflow-y:hidden !important}
    .footer{margin-top:0 !important}
}
@media(max-width:420px){
    .login-section,
    .login-section.is-register{padding:24px 0 44px !important}
    .login-section>.container{width:min(100% - 20px,var(--max)) !important}
    .login-brand,.login-form-wrap{padding:24px 18px !important}
    .login-features li{font-size:.82rem !important}
    .login-footer-text{font-size:.82rem !important}
}


.gctc-auth-page{--auth-gap:clamp(34px,5vw,72px);position:relative;width:100%;margin-top:var(--gctc-auth-nav-h,76px)!important;padding:clamp(48px,6vw,84px) 0 clamp(64px,7vw,96px)!important;background:linear-gradient(135deg,#f7fbff 0%,#eef6fb 52%,#f8fcfb 100%);overflow:hidden;isolation:isolate}
.gctc-auth-page:before,.gctc-auth-page:after{content:"";position:absolute;border-radius:999px;filter:blur(2px);z-index:-1;pointer-events:none}.gctc-auth-page:before{width:520px;height:520px;right:-230px;top:-260px;background:rgba(25,151,219,.08)}.gctc-auth-page:after{width:420px;height:420px;left:-230px;bottom:-260px;background:rgba(41,202,137,.07)}
.gctc-auth-page>.container{width:min(1180px,calc(100% - 48px))!important;margin:0 auto!important}
.gctc-auth-shell{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(390px,.96fr);min-height:620px;background:#fff;border:1px solid #dce7ef;border-radius:28px;overflow:hidden;box-shadow:0 28px 80px rgba(6,29,53,.11)}
.gctc-auth-story{position:relative;padding:clamp(46px,5vw,72px);background:linear-gradient(145deg,#071b31 0%,#0a2744 55%,#0b3654 100%);color:#fff;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.gctc-auth-story:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-190px;top:-150px;border:1px solid rgba(90,190,245,.14);box-shadow:0 0 0 70px rgba(90,190,245,.035),0 0 0 140px rgba(90,190,245,.025)}
.gctc-auth-story>*{position:relative;z-index:1}.gctc-auth-eyebrow{display:inline-flex;align-items:center;gap:9px;width:max-content;padding:8px 12px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.055);font-size:.72rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:#63c7ff}.gctc-auth-story h1{font-family:var(--display);font-size:clamp(2.2rem,4.5vw,4rem);line-height:1.02;letter-spacing:-.045em;max-width:650px;margin:28px 0 20px;color:#fff}.gctc-auth-story>div>p{max-width:590px;margin:0;color:rgba(255,255,255,.66);font-size:clamp(.96rem,1.4vw,1.08rem);line-height:1.75}
.gctc-auth-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:42px 0 0;padding:0;list-style:none}.gctc-auth-benefits li{display:flex;align-items:center;gap:11px;min-height:58px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.05);font-size:.82rem;font-weight:650;color:rgba(255,255,255,.82)}.gctc-auth-benefits i{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:rgba(57,192,255,.12);color:#5cc8ff}
.gctc-auth-trust{display:flex;align-items:center;gap:10px;margin-top:42px;padding-top:22px;border-top:1px solid rgba(255,255,255,.09);font-size:.76rem;color:rgba(255,255,255,.48)}.gctc-auth-trust i{color:#42dc9b}
.gctc-auth-form-panel{padding:clamp(42px,5vw,68px);display:flex;flex-direction:column;justify-content:center;min-width:0}.gctc-auth-form-head{margin-bottom:28px}.gctc-auth-form-head .gctc-auth-kicker{display:block;margin-bottom:9px;color:#1597dc;font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.gctc-auth-form-head h2{font-family:var(--display);font-size:clamp(1.75rem,2.6vw,2.25rem);line-height:1.12;letter-spacing:-.035em;color:#071b31;margin:0 0 10px}.gctc-auth-form-head p{margin:0;color:#71839a;font-size:.91rem;line-height:1.6}
.gctc-auth-form-panel .form-group{margin-bottom:18px}.gctc-auth-form-panel .form-group label{font-size:.78rem;text-transform:none;letter-spacing:0;color:#172d47;margin-bottom:8px}.gctc-auth-form-panel .form-group input{min-height:54px;border-radius:12px;background:#fbfdff;border:1px solid #d5e1ea;padding:0 16px;font-size:.92rem}.gctc-auth-form-panel .form-group input:hover{border-color:#b7cbd9}.gctc-auth-form-panel .form-group input:focus{border-color:#1699dd;background:#fff;box-shadow:0 0 0 4px rgba(22,153,221,.1)}.gctc-auth-form-panel .form-row{margin:0 0 20px;gap:14px}.gctc-auth-form-panel .btn-primary{min-height:54px;border-radius:12px;font-weight:800;box-shadow:0 12px 26px rgba(13,143,219,.18)}.gctc-auth-form-panel .login-footer-text{margin:22px 0 0;text-align:center;color:#71839a;font-size:.87rem}.gctc-auth-form-panel .login-footer-text a,.gctc-auth-form-panel .forgot-link,.gctc-auth-form-panel .gctc-auth-back{color:#078bd4;font-weight:750}.gctc-auth-form-panel .gctc-auth-back{margin-top:22px}.gctc-auth-form-panel .gctc-auth-alert{border-radius:12px}
.gctc-auth-form-panel .gctc-register-grid{gap:0 14px}.gctc-auth-page.is-register .gctc-auth-shell{min-height:690px}.gctc-auth-page.is-forgot .gctc-auth-shell{min-height:570px}
body.admin-bar .gctc-auth-page{margin-top:calc(var(--gctc-auth-nav-h,76px) + 32px)!important}
@media(max-width:980px){.gctc-auth-page{padding:44px 0 68px!important}.gctc-auth-page>.container{width:min(760px,calc(100% - 40px))!important}.gctc-auth-shell{grid-template-columns:1fr;min-height:0!important}.gctc-auth-story{padding:38px 40px}.gctc-auth-story h1{font-size:clamp(2rem,7vw,3rem);margin-top:22px}.gctc-auth-benefits{margin-top:30px}.gctc-auth-trust{margin-top:28px}.gctc-auth-form-panel{padding:42px 40px}.gctc-auth-form-panel .gctc-register-grid{grid-template-columns:1fr 1fr!important;gap:0 14px!important}.gctc-auth-form-panel .gctc-register-grid .span-2{grid-column:1/-1!important}}
@media(max-width:782px){body.admin-bar .gctc-auth-page{margin-top:calc(var(--gctc-auth-nav-h,68px) + 46px)!important}}
@media(max-width:640px){.gctc-auth-page{margin-top:var(--gctc-auth-nav-h,68px)!important;padding:30px 0 50px!important}.gctc-auth-page>.container{width:calc(100% - 28px)!important}.gctc-auth-shell{border-radius:20px}.gctc-auth-story{padding:30px 24px}.gctc-auth-story h1{font-size:clamp(1.85rem,10vw,2.55rem)}.gctc-auth-story>div>p{font-size:.92rem}.gctc-auth-benefits{grid-template-columns:1fr;gap:9px;margin-top:24px}.gctc-auth-benefits li{min-height:52px}.gctc-auth-trust{margin-top:24px}.gctc-auth-form-panel{padding:32px 24px 34px}.gctc-auth-form-head{margin-bottom:24px}.gctc-auth-form-panel .gctc-register-grid{grid-template-columns:1fr!important;gap:0!important}.gctc-auth-form-panel .gctc-register-grid .span-2{grid-column:auto!important}.gctc-auth-form-panel .form-row{flex-direction:column;align-items:flex-start;gap:10px}.gctc-auth-form-panel .h-captcha{transform-origin:left top;max-width:100%;overflow:hidden}}
@media(max-width:380px){.gctc-auth-page>.container{width:calc(100% - 20px)!important}.gctc-auth-story,.gctc-auth-form-panel{padding-left:19px;padding-right:19px}.gctc-auth-benefits li{font-size:.78rem}.gctc-auth-form-panel .h-captcha{transform:scale(.84);width:119%;margin-bottom:-10px}}
\n\n\nbody.gctc-lms-page #gctc-standalone-root main.gctc-auth-page {\n    margin: 0 !important;\n    padding: calc(76px + clamp(52px, 5vw, 76px)) 0 clamp(76px, 7vw, 112px) !important;\n    min-height: auto !important;\n    width: 100% !important;\n    max-width: none !important;\n    overflow: visible !important;\n}\nbody.gctc-lms-page #gctc-standalone-root main.gctc-auth-page > .container {\n    width: min(1180px, calc(100% - 48px)) !important;\n    margin: 0 auto !important;\n    padding: 0 !important;\n}\nbody.gctc-lms-page #gctc-standalone-root main.gctc-auth-page .gctc-auth-shell {\n    margin: 0 !important;\n}\nbody.admin-bar.gctc-lms-page #gctc-standalone-root main.gctc-auth-page {\n    padding-top: calc(76px + 32px + clamp(52px, 5vw, 76px)) !important;\n}\n@media (max-width: 980px) {\n    body.gctc-lms-page #gctc-standalone-root main.gctc-auth-page {\n        padding-top: calc(76px + 44px) !important;\n        padding-bottom: 76px !important;\n    }\n    body.gctc-lms-page #gctc-standalone-root main.gctc-auth-page > .container {\n        width: min(760px, calc(100% - 40px)) !important;\n    }\n}\n@media (max-width: 782px) {\n    body.admin-bar.gctc-lms-page #gctc-standalone-root main.gctc-auth-page {\n        padding-top: calc(68px + 46px + 34px) !important;\n    }\n}\n@media (max-width: 640px) {\n    body.gctc-lms-page #gctc-standalone-root main.gctc-auth-page {\n        padding-top: calc(68px + 32px) !important;\n        padding-bottom: 58px !important;\n    }\n    body.gctc-lms-page #gctc-standalone-root main.gctc-auth-page > .container {\n        width: calc(100% - 28px) !important;\n    }\n}\n@media (max-width: 380px) {\n    body.gctc-lms-page #gctc-standalone-root main.gctc-auth-page {\n        padding-top: calc(68px + 26px) !important;\n        padding-bottom: 48px !important;\n    }\n    body.gctc-lms-page #gctc-standalone-root main.gctc-auth-page > .container {\n        width: calc(100% - 20px) !important;\n    }\n}\n