:root{
    --background:#070b18;
    --background-soft:#0c1224;
    --panel:#10182d;
    --panel-light:#151f39;
    --input:#0c1528;

    --border:rgba(148,163,184,.16);
    --border-strong:rgba(167,139,250,.28);

    --text:#f8fafc;
    --text-soft:#dbe4f0;
    --muted:#8d9bb0;
    --muted-dark:#64748b;

    --purple:#7c3aed;
    --purple-light:#a855f7;
    --pink:#db3fbd;
    --blue:#4f46e5;
    --green:#22c55e;
    --danger:#ef4444;

    --shadow:
        0 30px 80px rgba(0,0,0,.42);

    --font:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;
}


/* =========================================
   Reset
========================================= */

*{
    box-sizing:border-box;
}

html{
    min-height:100%;
    scroll-behavior:smooth;
}

body{
    margin:0;
    min-width:320px;
    min-height:100vh;

    background:var(--background);
    color:var(--text);

    font-family:var(--font);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}

button,
input{
    font:inherit;
}

button,
a{
    -webkit-tap-highlight-color:transparent;
}


/* =========================================
   Main Page
========================================= */

.auth-page{
    position:relative;

    width:100%;
    min-height:100vh;

    overflow:hidden;

    background:
        radial-gradient(
            circle at 14% 8%,
            rgba(124,58,237,.19),
            transparent 24%
        ),
        radial-gradient(
            circle at 88% 38%,
            rgba(219,63,189,.1),
            transparent 25%
        ),
        linear-gradient(
            135deg,
            #060914 0%,
            #090e1d 48%,
            #070b18 100%
        );
}

.auth-hero{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:center;

    min-height:100vh;
    padding:32px;
}

.auth-layout{
    display:grid;
    grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);

    width:100%;
    max-width:1220px;
    min-height:680px;

    overflow:hidden;

    border:1px solid rgba(148,163,184,.13);
    border-radius:30px;

    background:rgba(8,14,28,.88);

    box-shadow:var(--shadow);
    backdrop-filter:blur(24px);
}


/* =========================================
   Background Decoration
========================================= */

.auth-background{
    position:absolute;
    inset:0;
    z-index:0;

    pointer-events:none;
}

.auth-grid{
    position:absolute;
    inset:0;

    opacity:.13;

    background-image:
        linear-gradient(
            rgba(148,163,184,.09) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(148,163,184,.09) 1px,
            transparent 1px
        );

    background-size:48px 48px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.75),
            transparent 92%
        );
}

.auth-glow{
    position:absolute;

    border-radius:50%;

    filter:blur(10px);
}

.auth-glow-one{
    top:-210px;
    left:-170px;

    width:480px;
    height:480px;

    background:rgba(124,58,237,.16);
}

.auth-glow-two{
    right:-170px;
    top:420px;

    width:500px;
    height:500px;

    background:rgba(219,63,189,.11);
}

.auth-glow-three{
    left:25%;
    top:1100px;

    width:450px;
    height:450px;

    background:rgba(79,70,229,.07);
}

.auth-particle{
    position:absolute;

    width:5px;
    height:5px;

    border-radius:50%;

    background:#c084fc;

    box-shadow:0 0 15px rgba(192,132,252,.9);
}

.particle-one{
    top:8%;
    left:8%;
}

.particle-two{
    top:14%;
    left:47%;

    width:3px;
    height:3px;
}

.particle-three{
    top:28%;
    right:10%;

    width:4px;
    height:4px;
}

.particle-four{
    top:52%;
    left:12%;

    width:3px;
    height:3px;
}

.particle-five{
    top:67%;
    right:18%;

    width:4px;
    height:4px;
}


/* =========================================
   Left Showcase
========================================= */

.auth-showcase{
    position:relative;

    display:flex;
    flex-direction:column;

    min-width:0;
    padding:42px 52px 36px;

    overflow:hidden;

    border-right:1px solid rgba(148,163,184,.1);

    background:
        radial-gradient(
            circle at 23% 18%,
            rgba(124,58,237,.18),
            transparent 32%
        ),
        linear-gradient(
            155deg,
            rgba(18,25,48,.98),
            rgba(8,14,28,.94)
        );
}

.auth-showcase::before{
    content:"";

    position:absolute;
    right:-150px;
    bottom:-170px;

    width:470px;
    height:470px;

    border:1px solid rgba(167,139,250,.12);
    border-radius:50%;

    box-shadow:
        0 0 0 45px rgba(167,139,250,.025),
        0 0 0 90px rgba(167,139,250,.018);
}

.company-brand{
    position:relative;
    z-index:2;

    display:inline-flex;
    align-items:center;
    gap:11px;

    width:max-content;

    color:inherit;
    text-decoration:none;
}

.company-logo-mark{
    position:relative;

    display:flex;
    align-items:flex-end;
    justify-content:center;
    gap:3px;

    width:38px;
    height:38px;
    padding:8px;

    border:1px solid rgba(192,132,252,.25);
    border-radius:11px;

    background:
        linear-gradient(
            145deg,
            rgba(124,58,237,.26),
            rgba(219,63,189,.12)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 8px 24px rgba(124,58,237,.14);
}

.logo-chart-bar{
    display:block;

    width:4px;

    border-radius:4px;

    background:
        linear-gradient(
            to top,
            #7c3aed,
            #ec4899
        );
}

.logo-chart-bar-one{
    height:9px;
}

.logo-chart-bar-two{
    height:16px;
}

.logo-chart-bar-three{
    height:12px;
}

.company-logo-text strong{
    display:block;

    color:#f8fafc;

    font-size:14px;
    font-weight:900;
    letter-spacing:-.04em;
    line-height:1;
}

.company-logo-text strong span{
    color:#a855f7;
}

.company-logo-text small{
    display:block;

    margin-top:5px;

    color:#75849c;

    font-size:8px;
    font-weight:700;
    letter-spacing:.115em;
    text-transform:uppercase;
}

.auth-showcase-content{
    position:relative;
    z-index:2;

    max-width:650px;
    margin:auto 0;
    padding:48px 0 35px;
}

.auth-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;

    margin-bottom:20px;
    padding:7px 11px;

    border:1px solid rgba(192,132,252,.2);
    border-radius:999px;

    background:rgba(124,58,237,.09);
    color:#c4b5fd;

    font-size:9px;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
}

.auth-eyebrow::before{
    content:"";

    width:6px;
    height:6px;

    border-radius:50%;

    background:#a855f7;

    box-shadow:0 0 12px rgba(168,85,247,.8);
}

.auth-showcase h1{
    max-width:610px;
    margin:0;

    color:#f8fafc;

    font-size:clamp(40px,4.25vw,64px);
    font-weight:900;
    letter-spacing:-.06em;
    line-height:.98;
}

.auth-showcase h1 span{
    display:block;

    background:
        linear-gradient(
            90deg,
            #8b5cf6,
            #c145d9,
            #ec4899
        );

    background-clip:text;
    -webkit-background-clip:text;

    color:transparent;
}

.auth-description{
    max-width:585px;
    margin:23px 0 0;

    color:#9eabc0;

    font-size:14px;
    line-height:1.75;
}

.auth-benefits{
    display:grid;
    gap:16px;

    margin-top:32px;
}

.auth-benefit{
    display:flex;
    align-items:flex-start;
    gap:14px;

    max-width:580px;
}

.auth-benefit-icon{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;

    width:40px;
    height:40px;

    border:1px solid rgba(167,139,250,.17);
    border-radius:11px;

    background:rgba(124,58,237,.09);
}

.auth-benefit-icon svg{
    width:18px;
    height:18px;

    fill:none;
    stroke:#b794f6;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.auth-benefit strong{
    display:block;

    color:#eef2ff;

    font-size:12px;
    font-weight:800;
    line-height:1.4;
}

.auth-benefit span{
    display:block;

    margin-top:4px;

    color:#77869d;

    font-size:10px;
    line-height:1.55;
}

.auth-trust-panel{
    position:relative;
    z-index:2;

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;

    padding:17px 19px;

    border:1px solid rgba(148,163,184,.11);
    border-radius:14px;

    background:rgba(5,10,22,.4);
}

.auth-trust-item{
    min-width:0;
}

.auth-trust-item strong{
    display:block;

    color:#e9d5ff;

    font-size:11px;
    font-weight:850;
}

.auth-trust-item span{
    display:block;

    margin-top:4px;

    color:#66758c;

    font-size:8px;
    line-height:1.4;
}

.auth-trust-divider{
    width:1px;
    height:29px;

    background:rgba(148,163,184,.12);
}

.auth-company-note{
    position:relative;
    z-index:2;

    margin:15px 0 0;

    color:#56647a;

    font-size:8px;
    letter-spacing:.055em;
    text-transform:uppercase;
}


/* =========================================
   Login Form
========================================= */

.auth-form-section{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;

    min-width:0;
    padding:50px 48px 34px;

    background:
        linear-gradient(
            180deg,
            rgba(15,23,42,.87),
            rgba(8,14,28,.95)
        );
}

.auth-card{
    width:100%;
    max-width:420px;
}

.auth-mobile-brand{
    display:none;
}

.auth-card-heading{
    margin-bottom:27px;
}

.auth-form-label{
    display:block;

    margin-bottom:11px;

    color:#a78bfa;

    font-size:9px;
    font-weight:850;
    letter-spacing:.105em;
    text-transform:uppercase;
}

.auth-card-heading h2{
    margin:0;

    color:#f8fafc;

    font-size:31px;
    font-weight:900;
    letter-spacing:-.045em;
    line-height:1.15;
}

.auth-card-heading p{
    margin:9px 0 0;

    color:#7d8ba1;

    font-size:12px;
    line-height:1.6;
}

.auth-form{
    display:flex;
    flex-direction:column;
    gap:18px;
}

.form-group{
    min-width:0;
}

.form-group label{
    display:block;

    margin-bottom:8px;

    color:#cdd6e5;

    font-size:11px;
    font-weight:750;
}

.input-wrapper{
    position:relative;
    min-width:0;
}

.input-icon{
    position:absolute;
    top:50%;
    left:14px;

    display:flex;
    align-items:center;
    justify-content:center;

    transform:translateY(-50%);

    pointer-events:none;
}

.input-icon svg{
    width:17px;
    height:17px;

    fill:none;
    stroke:#6f7e96;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.form-group input{
    width:100%;
    min-height:50px;
    padding:0 46px 0 43px;

    border:1px solid rgba(148,163,184,.15);
    border-radius:12px;

    background:rgba(7,14,29,.76);
    color:#f8fafc;

    font-size:12px;

    outline:none;

    transition:
        border-color .2s ease,
        background-color .2s ease,
        box-shadow .2s ease;
}

.form-group input::placeholder{
    color:#536078;
}

.form-group input:hover{
    border-color:rgba(167,139,250,.23);
}

.form-group input:focus{
    border-color:#8b5cf6;

    background:rgba(8,15,31,.95);

    box-shadow:
        0 0 0 3px rgba(124,58,237,.13),
        0 12px 28px rgba(0,0,0,.13);
}

.input-wrapper:focus-within .input-icon svg{
    stroke:#a78bfa;
}

.password-toggle{
    position:absolute;
    top:50%;
    right:8px;

    display:flex;
    align-items:center;
    justify-content:center;

    width:36px;
    height:36px;
    padding:0;

    border:none;
    border-radius:8px;

    background:transparent;
    color:#6f7e96;

    cursor:pointer;

    transform:translateY(-50%);

    transition:
        background-color .2s ease,
        color .2s ease;
}

.password-toggle:hover{
    background:rgba(148,163,184,.08);
    color:#c4b5fd;
}

.password-toggle svg{
    width:18px;
    height:18px;

    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.password-toggle .eye-closed{
    display:none;
}

.password-toggle.is-visible .eye-open{
    display:none;
}

.password-toggle.is-visible .eye-closed{
    display:block;
}

.auth-button{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    width:100%;
    min-height:50px;
    margin-top:2px;
    padding:0 20px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:12px;

    background:
        linear-gradient(
            100deg,
            #7c3aed,
            #9f3bdb 52%,
            #db3fbd
        );

    color:#fff;

    font-size:12px;
    font-weight:850;
    letter-spacing:.015em;

    box-shadow:
        0 14px 30px rgba(124,58,237,.23),
        inset 0 1px 0 rgba(255,255,255,.18);

    cursor:pointer;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        filter .2s ease;
}

.auth-button svg{
    width:17px;
    height:17px;

    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;

    transition:transform .2s ease;
}

.auth-button:hover{
    filter:brightness(1.08);

    transform:translateY(-1px);

    box-shadow:
        0 18px 36px rgba(124,58,237,.28),
        inset 0 1px 0 rgba(255,255,255,.2);
}

.auth-button:hover svg{
    transform:translateX(3px);
}

.auth-button:active{
    transform:translateY(0);
}


/* =========================================
   Login Messages
========================================= */

.message{
    display:flex;
    align-items:flex-start;
    gap:10px;

    margin-bottom:20px;
    padding:12px 13px;

    border-radius:10px;

    font-size:11px;
    line-height:1.55;
}

.message-icon{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;

    width:20px;
    height:20px;

    border-radius:50%;

    font-size:11px;
    font-weight:900;
}

.message-error{
    border:1px solid rgba(239,68,68,.28);

    background:rgba(239,68,68,.08);
    color:#fda4af;
}

.message-error .message-icon{
    background:rgba(239,68,68,.14);
    color:#fca5a5;
}


/* =========================================
   Security and Register
========================================= */

.auth-security-note{
    display:flex;
    align-items:flex-start;
    gap:9px;

    margin-top:16px;
    padding:11px 12px;

    border:1px solid rgba(34,197,94,.12);
    border-radius:9px;

    background:rgba(34,197,94,.035);
}

.auth-security-note svg{
    flex:0 0 auto;

    width:15px;
    height:15px;
    margin-top:1px;

    fill:none;
    stroke:#4ade80;
    stroke-width:1.8;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.auth-security-note span{
    color:#718097;

    font-size:9px;
    line-height:1.55;
}

.auth-divider{
    display:flex;
    align-items:center;
    gap:12px;

    margin:22px 0 17px;

    color:#56647a;

    font-size:9px;
    font-weight:700;
}

.auth-divider::before,
.auth-divider::after{
    content:"";

    flex:1;
    height:1px;

    background:rgba(148,163,184,.12);
}

.auth-register-button{
    display:flex;
    align-items:center;
    justify-content:center;

    width:100%;
    min-height:46px;
    padding:0 18px;

    border:1px solid rgba(167,139,250,.2);
    border-radius:11px;

    background:rgba(124,58,237,.045);
    color:#c4b5fd;

    font-size:11px;
    font-weight:800;
    text-align:center;
    text-decoration:none;

    transition:
        border-color .2s ease,
        background-color .2s ease,
        color .2s ease;
}

.auth-register-button:hover{
    border-color:rgba(167,139,250,.38);

    background:rgba(124,58,237,.1);
    color:#e9d5ff;
}

.auth-disclaimer{
    margin:18px 0 0;

    color:#536078;

    font-size:8px;
    line-height:1.6;
    text-align:center;
}

.auth-help{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;

    margin-top:26px;

    color:#56647a;

    font-size:9px;
}

.auth-help a{
    color:#a78bfa;

    font-weight:750;
    text-decoration:none;
}

.auth-help a:hover{
    color:#c4b5fd;
    text-decoration:underline;
}


/* =========================================
   Trust Indicators
========================================= */

.platform-trust-section{
    position:relative;
    z-index:2;

    width:100%;
    padding:30px 32px 90px;
}

.platform-trust-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;

    width:100%;
    max-width:1220px;
    margin:0 auto;
}

.platform-trust-card{
    display:flex;
    align-items:flex-start;
    gap:16px;

    padding:22px;

    border:1px solid rgba(148,163,184,.12);
    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            rgba(17,26,48,.86),
            rgba(8,14,28,.78)
        );

    box-shadow:0 18px 40px rgba(0,0,0,.16);
}

.platform-trust-number{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;

    width:40px;
    height:40px;

    border:1px solid rgba(167,139,250,.2);
    border-radius:11px;

    background:rgba(124,58,237,.08);
    color:#c4b5fd;

    font-size:10px;
    font-weight:850;
}

.platform-trust-card strong{
    display:block;

    color:#f1f5f9;

    font-size:12px;
    font-weight:800;
}

.platform-trust-card p{
    margin:7px 0 0;

    color:#718097;

    font-size:10px;
    line-height:1.65;
}


/* =========================================
   Testimonials
========================================= */

.auth-testimonials{
    position:relative;
    z-index:2;

    width:100%;
    padding:90px 32px 100px;

    border-top:1px solid rgba(148,163,184,.08);

    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(124,58,237,.1),
            transparent 38%
        ),
        rgba(5,10,21,.24);
}

.auth-section-heading{
    max-width:720px;
    margin:0 auto 42px;

    text-align:center;
}

.auth-section-eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;

    margin-bottom:15px;
    padding:7px 11px;

    border:1px solid rgba(167,139,250,.22);
    border-radius:999px;

    background:rgba(124,58,237,.08);
    color:#c4b5fd;

    font-size:9px;
    font-weight:850;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.auth-section-eyebrow::before{
    content:"";

    width:6px;
    height:6px;

    border-radius:50%;

    background:#a855f7;

    box-shadow:0 0 11px rgba(168,85,247,.75);
}

.auth-section-heading h2{
    margin:0;

    color:#f8fafc;

    font-size:clamp(31px,4vw,46px);
    font-weight:900;
    letter-spacing:-.05em;
    line-height:1.08;
}

.auth-section-heading h2 span{
    background:
        linear-gradient(
            90deg,
            #8b5cf6,
            #c145d9,
            #ec4899
        );

    background-clip:text;
    -webkit-background-clip:text;

    color:transparent;
}

.auth-section-heading p{
    max-width:640px;
    margin:17px auto 0;

    color:#7f8da3;

    font-size:13px;
    line-height:1.7;
}

.auth-testimonial-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:19px;

    width:100%;
    max-width:1220px;
    margin:0 auto;
}

.auth-testimonial-card{
    position:relative;

    display:flex;
    flex-direction:column;

    min-width:0;
    min-height:280px;
    padding:27px;

    overflow:hidden;

    border:1px solid rgba(148,163,184,.13);
    border-radius:18px;

    background:
        linear-gradient(
            145deg,
            rgba(18,27,49,.96),
            rgba(9,15,29,.96)
        );

    box-shadow:
        0 22px 50px rgba(0,0,0,.2);

    transition:
        transform .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

.auth-testimonial-card::before{
    content:"“";

    position:absolute;
    top:7px;
    right:20px;

    color:rgba(167,139,250,.08);

    font-family:Georgia,serif;
    font-size:95px;
    font-weight:700;
    line-height:1;
}

.auth-testimonial-card:hover{
    border-color:rgba(167,139,250,.26);

    transform:translateY(-4px);

    box-shadow:
        0 28px 60px rgba(0,0,0,.28);
}

.auth-testimonial-stars{
    position:relative;
    z-index:1;

    color:#c084fc;

    font-size:11px;
    letter-spacing:3px;
}

.auth-testimonial-card blockquote{
    position:relative;
    z-index:1;

    flex:1;

    margin:18px 0 25px;

    color:#c9d3e2;

    font-size:12px;
    font-weight:550;
    line-height:1.8;
}

.auth-testimonial-customer{
    position:relative;
    z-index:1;

    display:flex;
    align-items:center;
    gap:11px;

    padding-top:18px;

    border-top:1px solid rgba(148,163,184,.09);
}

.auth-testimonial-avatar{
    display:flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;

    width:40px;
    height:40px;

    border:1px solid rgba(167,139,250,.2);
    border-radius:12px;

    background:
        linear-gradient(
            145deg,
            rgba(124,58,237,.25),
            rgba(219,63,189,.12)
        );

    color:#e9d5ff;

    font-size:13px;
    font-weight:850;
}

.auth-testimonial-customer strong{
    display:block;

    color:#f1f5f9;

    font-size:11px;
    font-weight:800;
}

.auth-testimonial-customer span{
    display:block;

    margin-top:4px;

    color:#64748b;

    font-size:9px;
}

.testimonial-publishing-note{
    max-width:700px;
    margin:24px auto 0;

    color:#536078;

    font-size:8px;
    line-height:1.6;
    text-align:center;
}


/* =========================================
   Company Footer
========================================= */

.auth-company-footer{
    position:relative;
    z-index:2;

    width:100%;
    padding:58px 32px;

    border-top:1px solid rgba(148,163,184,.11);

    background:
        linear-gradient(
            180deg,
            rgba(10,16,31,.96),
            rgba(5,9,19,1)
        );
}

.auth-footer-content{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:50px;

    width:100%;
    max-width:1220px;
    margin:0 auto;
}

.auth-footer-logo{
    color:#f8fafc;

    font-size:19px;
    font-weight:950;
    letter-spacing:-.055em;
}

.auth-footer-logo span{
    color:#a855f7;
}

.auth-footer-logo small{
    margin-left:4px;

    color:#7d8ba1;

    font-size:16px;
    font-weight:400;
    letter-spacing:-.04em;
}

.auth-footer-company address{
    margin-top:21px;

    color:#8795aa;

    font-size:12px;
    font-style:normal;
    line-height:1.75;
}

.auth-footer-links{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px 22px;

    margin-top:25px;
}

.auth-footer-contact,
.auth-footer-social{
    display:inline-flex;
    align-items:center;
    gap:8px;

    color:#b6c1d1;

    font-size:11px;
    font-weight:700;
    text-decoration:none;

    transition:
        color .2s ease,
        transform .2s ease;
}

.auth-footer-contact{
    min-height:40px;
    padding:0 15px;

    border:1px solid rgba(148,163,184,.15);
    border-radius:999px;

    background:rgba(255,255,255,.025);
}

.auth-footer-contact svg{
    width:16px;
    height:16px;

    fill:#a855f7;
}

.auth-footer-contact:hover,
.auth-footer-social:hover{
    color:#e9d5ff;

    transform:translateY(-1px);
}

.auth-social-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    width:21px;
    height:21px;

    border-radius:5px;

    font-size:12px;
    font-weight:900;
}

.auth-social-linkedin{
    background:#6366f1;
    color:#fff;
}

.auth-social-instagram{
    border:2px solid #ec4899;
    color:#ec4899;
}

.auth-footer-meta{
    flex:0 0 auto;
    text-align:right;
}

.auth-footer-meta p{
    margin:0;

    color:#7a889d;

    font-family:monospace;
    font-size:10px;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.auth-footer-meta span{
    display:block;

    margin-top:10px;

    color:#718097;

    font-size:10px;
}

.auth-footer-meta strong{
    display:block;

    margin-top:15px;

    color:#b260ee;

    font-size:9px;
    font-weight:850;
    letter-spacing:.1em;
    text-transform:uppercase;
}


/* =========================================
   Laptop
========================================= */

@media (max-width:1050px){

    .auth-hero{
        padding:22px;
    }

    .auth-layout{
        grid-template-columns:minmax(0,1fr) minmax(370px,.9fr);
        min-height:650px;
    }

    .auth-showcase{
        padding:36px 38px 31px;
    }

    .auth-showcase h1{
        font-size:45px;
    }

    .auth-description{
        font-size:12px;
    }

    .auth-form-section{
        padding:42px 34px 30px;
    }

}


/* =========================================
   Tablet
========================================= */

@media (max-width:820px){

    .auth-hero{
        min-height:auto;
        padding:0;
    }

    .auth-layout{
        display:block;

        min-height:100vh;

        border:none;
        border-radius:0;
    }

    .auth-showcase{
        display:none;
    }

    .auth-form-section{
        min-height:100vh;
        padding:36px 22px 28px;

        background:
            radial-gradient(
                circle at 50% 0%,
                rgba(124,58,237,.17),
                transparent 35%
            ),
            linear-gradient(
                180deg,
                #0d1428,
                #070b18
            );
    }

    .auth-card{
        max-width:440px;
    }

    .auth-mobile-brand{
        display:flex;
        align-items:center;
        gap:11px;

        margin-bottom:50px;
    }

    .auth-card-heading h2{
        font-size:30px;
    }

    .platform-trust-section{
        padding:55px 22px 70px;
    }

    .platform-trust-grid{
        grid-template-columns:1fr;
        max-width:620px;
    }

    .auth-testimonials{
        padding:70px 22px 80px;
    }

    .auth-testimonial-grid{
        grid-template-columns:1fr;
        max-width:620px;
    }

    .auth-testimonial-card{
        min-height:0;
    }

    .auth-footer-content{
        align-items:flex-start;
        flex-direction:column;
    }

    .auth-footer-meta{
        width:100%;
        padding-top:25px;

        border-top:1px solid rgba(148,163,184,.1);

        text-align:left;
    }

}


/* =========================================
   Mobile
========================================= */

@media (max-width:480px){

    .auth-form-section{
        justify-content:flex-start;

        padding:25px 18px 28px;
    }

    .auth-mobile-brand{
        margin-bottom:42px;
    }

    .company-logo-mark{
        width:36px;
        height:36px;
    }

    .company-logo-text strong{
        font-size:13px;
    }

    .company-logo-text small{
        font-size:7px;
    }

    .auth-card-heading{
        margin-bottom:23px;
    }

    .auth-card-heading h2{
        font-size:27px;
    }

    .auth-card-heading p{
        font-size:11px;
    }

    .form-group input,
    .auth-button{
        min-height:49px;
    }

    .auth-help{
        flex-wrap:wrap;

        margin-top:22px;
    }

    .platform-trust-section{
        padding:45px 16px 60px;
    }

    .platform-trust-card{
        padding:18px;
    }

    .auth-testimonials{
        padding:58px 16px 65px;
    }

    .auth-section-heading{
        margin-bottom:29px;
    }

    .auth-section-heading h2{
        font-size:28px;
    }

    .auth-section-heading p{
        font-size:11px;
    }

    .auth-testimonial-card{
        padding:21px;
    }

    .auth-company-footer{
        padding:45px 18px;
    }

    .auth-footer-content{
        gap:35px;
    }

    .auth-footer-logo{
        font-size:16px;
    }

    .auth-footer-logo small{
        font-size:14px;
    }

    .auth-footer-company address{
        font-size:11px;
    }

    .auth-footer-links{
        align-items:flex-start;
        flex-direction:column;
    }

}


/* =========================================
   Small Mobile
========================================= */

@media (max-width:360px){

    .auth-form-section{
        padding-right:14px;
        padding-left:14px;
    }

    .auth-card-heading h2{
        font-size:25px;
    }

    .form-group input{
        padding-left:40px;
    }

}


/* =========================================
   Reduced Motion
========================================= */

@media (prefers-reduced-motion:reduce){

    *,
    *::before,
    *::after{
        scroll-behavior:auto !important;

        transition-duration:.01ms !important;
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
    }

}