.button.secondary-action{background:rgba(255,255,255,.055);border-color:var(--line);color:var(--ink);text-align:center}.button.secondary-action:hover{border-color:rgba(53,239,136,.42);background:rgba(53,239,136,.08)}
.access-wrap{width:min(1180px,100%);grid-template-columns:1.03fr .97fr}
.back-link{display:inline-flex;margin-bottom:1.6rem;color:var(--muted);font-size:.82rem;font-weight:700}
.entry-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:1.4rem}
.entry-option{display:flex;min-width:0;flex-direction:column;padding:19px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(22,39,29,.82),rgba(9,17,12,.84));transition:transform .18s,border-color .18s}
.entry-option:hover{transform:translateY(-2px);border-color:rgba(53,239,136,.34)}
.entry-option.admin-option{background:linear-gradient(145deg,rgba(25,31,28,.94),rgba(9,14,11,.9))}
.entry-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:17px;border-radius:14px;background:linear-gradient(140deg,var(--mint),var(--green));color:#072b15;font-size:1.05rem;font-weight:900;box-shadow:0 10px 24px rgba(53,239,136,.16)}
.admin-option .entry-icon{background:rgba(255,255,255,.08);border:1px solid var(--line);color:var(--mint);box-shadow:none}
.entry-label{color:var(--green);font-size:.64rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.entry-option h3{font-size:1.05rem;margin:.4rem 0 .55rem}.entry-option p{min-height:57px;color:var(--muted);font-size:.78rem;line-height:1.5}
.entry-option .button{display:grid;place-items:center;margin-top:auto;padding:.65rem .7rem;font-size:.76rem}.entry-link{display:block;margin-top:12px;text-align:center;font-size:.73rem;font-weight:700}
@media(max-width:720px){
    .access-wrap{width:100%;min-height:100vh;grid-template-columns:1fr!important;border-radius:0}
    .brand-column{min-height:280px;padding:28px 22px;background-position:96% 145%;background-size:70% auto}
    .brand-message{margin-top:34px}
    .brand-message h1{font-size:clamp(2rem,10vw,2.65rem);max-width:100%}
    .brand-message>p:last-child{font-size:.95rem;max-width:100%}
    .access-card{min-width:0;padding:28px 22px}
    .entry-options{grid-template-columns:1fr}
    .entry-option p{min-height:0}
    .entry-option .button{width:100%;min-height:52px;font-size:.86rem}
    .stack-form{min-width:0}
}

.mobile-access-brand{display:none}

@media(max-width:980px){
    .auth-body{
        display:flex;
        align-items:flex-start;
        justify-content:center;
        min-height:100svh;
        padding:clamp(18px,4vw,38px) 16px;
        overflow-x:hidden;
    }
    .auth-body .access-wrap{
        display:block;
        width:min(620px,100%);
        min-height:0;
        grid-template-columns:1fr!important;
        border:1px solid rgba(182,230,196,.18);
        border-radius:28px;
        overflow:hidden;
        background:linear-gradient(150deg,rgba(18,29,23,.98),rgba(8,14,11,.985));
        box-shadow:0 28px 70px rgba(0,0,0,.42),0 0 70px rgba(53,239,136,.06);
        backdrop-filter:blur(20px);
    }
    .auth-body .brand-column{display:none!important}
    .auth-body .access-card{
        min-width:0;
        width:100%;
        padding:clamp(28px,6vw,48px);
        background:
            radial-gradient(480px 250px at 100% 0%,rgba(53,239,136,.10),transparent 65%),
            linear-gradient(150deg,rgba(20,31,25,.96),rgba(10,17,13,.98));
    }
    .mobile-access-brand{
        display:flex;
        align-items:center;
        gap:14px;
        margin:0 0 34px;
    }
    .mobile-access-brand img{
        width:66px;
        height:66px;
        flex:0 0 66px;
        object-fit:cover;
        border-radius:20px;
        box-shadow:0 12px 30px rgba(0,0,0,.38),0 0 30px rgba(53,239,136,.16);
    }
    .mobile-access-brand strong{
        display:block;
        color:#fff;
        font-size:1.32rem;
        line-height:1.05;
        letter-spacing:-.02em;
    }
    .mobile-access-brand small{
        display:block;
        margin-top:6px;
        color:#c7ffd9;
        font-size:.76rem;
        font-weight:680;
        letter-spacing:.01em;
    }
    .auth-body .access-card .back-link{
        margin-bottom:1.35rem;
        font-size:.8rem;
    }
    .auth-body .access-card .kicker{
        margin-bottom:.55rem;
        font-size:.72rem;
        letter-spacing:.14em;
    }
    .auth-body .access-card h2{
        margin-bottom:.7rem;
        font-size:clamp(2.15rem,7vw,3rem);
        line-height:1.02;
        letter-spacing:-.055em;
    }
    .auth-body .access-card .copy{
        max-width:520px;
        margin-bottom:1.4rem;
        font-size:1rem;
        line-height:1.55;
    }
    .auth-body .stack-form{
        gap:1.15rem;
        margin-top:.4rem;
    }
    .auth-body .stack-form label{
        gap:.55rem;
        font-size:.9rem;
        font-weight:750;
    }
    .auth-body .stack-form input{
        min-width:0;
        min-height:56px;
        padding:.85rem 1rem;
        border-color:rgba(190,226,201,.22);
        border-radius:14px;
        background:rgba(11,20,15,.78);
        font-size:1rem;
    }
    .auth-body .stack-form input::placeholder{color:#7f8e85;opacity:1}
    .auth-body .stack-form .button{
        width:100%;
        min-height:58px;
        margin-top:.25rem;
        border-radius:15px;
        font-size:1rem;
        box-shadow:0 12px 30px rgba(53,239,136,.22),0 0 34px rgba(53,239,136,.10);
    }
    .auth-body .access-links{
        justify-content:center;
        align-items:center;
        margin-top:1.2rem;
        text-align:center;
        font-weight:720;
    }
    .auth-body .entry-options{grid-template-columns:1fr;gap:14px}
    .auth-body .entry-option{padding:20px;border-radius:17px}
    .auth-body .entry-option p{min-height:0}
}

@media(max-width:560px){
    .auth-body{padding:12px 10px 22px}
    .auth-body .access-wrap{border-radius:23px}
    .auth-body .access-card{padding:24px 20px 26px}
    .mobile-access-brand{margin-bottom:28px}
    .mobile-access-brand img{width:58px;height:58px;flex-basis:58px;border-radius:18px}
    .mobile-access-brand strong{font-size:1.2rem}
    .mobile-access-brand small{font-size:.72rem}
    .auth-body .access-card h2{font-size:clamp(2rem,10vw,2.55rem)}
    .auth-body .access-card .copy{font-size:.94rem}
    .auth-body .stack-form input{min-height:54px}
    .auth-body .stack-form .button{min-height:56px}
}

@media(max-width:380px){
    .auth-body .access-card{padding:22px 17px 24px}
    .mobile-access-brand{gap:11px}
    .mobile-access-brand img{width:54px;height:54px;flex-basis:54px}
    .auth-body .access-card h2{font-size:2rem}
}