/* Iberoglobe Campus V4.2 - Public UI. Self-contained: no @import, no campus leakage. */
:root{
    --ig-navy:#071f36;
    --ig-navy-2:#0a2b49;
    --ig-blue:#004a80;
    --ig-blue-2:#0477b6;
    --ig-sky:#18a8e4;
    --ig-orange:#ff9f00;
    --ig-orange-2:#ffb531;
    --ig-ink:#102033;
    --ig-muted:#65758a;
    --ig-soft:#f5f8fb;
    --ig-card:#ffffff;
    --ig-line:#dfe8f0;
    --ig-green:#19a35b;
    --ig-radius:26px;
    --ig-radius-lg:36px;
    --ig-shadow:0 28px 80px rgba(7,31,54,.16);
    --ig-shadow-sm:0 14px 38px rgba(7,31,54,.08);
    --ig-container:1220px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.ig-public-body{
    margin:0;
    min-height:100vh;
    color:var(--ig-ink);
    background:
        radial-gradient(circle at 16% -10%,rgba(24,168,228,.18),transparent 34%),
        radial-gradient(circle at 88% 10%,rgba(255,159,0,.14),transparent 28%),
        linear-gradient(180deg,#f7fbff 0%,#eef5fb 42%,#ffffff 100%);
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    line-height:1.5;
    overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
button,input,textarea,select{font:inherit}
.ig-public-page{min-height:100vh}
.public-header{
    width:min(var(--ig-container),calc(100vw - 40px));
    margin:0 auto;
    padding:20px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
}
.public-logo{
    display:flex;
    align-items:center;
    flex:0 0 auto;
}
.public-logo img{
    width:auto!important;
    height:auto!important;
    max-width:214px!important;
    max-height:72px!important;
    object-fit:contain!important;
}
.public-nav{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:6px;
    background:rgba(255,255,255,.70);
    border:1px solid rgba(223,232,240,.9);
    border-radius:999px;
    padding:6px;
    box-shadow:0 10px 34px rgba(7,31,54,.07);
    backdrop-filter:blur(18px);
}
.public-nav a{
    display:inline-flex;
    align-items:center;
    min-height:42px;
    padding:0 14px;
    border-radius:999px;
    color:#183a56;
    font-weight:850;
    font-size:.94rem;
    white-space:nowrap;
}
.public-nav a:hover{background:#eef7ff;color:var(--ig-blue)}
.public-nav .nav-access{
    background:linear-gradient(135deg,var(--ig-blue),var(--ig-navy));
    color:#fff;
    padding:0 20px;
    box-shadow:0 12px 28px rgba(0,74,128,.18);
}
.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:var(--ig-orange);
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:.72rem;
    font-weight:950;
}
.hero-premium{
    width:min(var(--ig-container),calc(100vw - 40px));
    margin:18px auto 72px;
    min-height:650px;
    display:grid;
    grid-template-columns:minmax(0,1.16fr) minmax(360px,.52fr);
    gap:34px;
    align-items:stretch;
    padding:30px;
    border-radius:42px;
    color:#fff;
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 88% 4%,rgba(255,181,49,.28),transparent 30%),
        radial-gradient(circle at 12% 12%,rgba(24,168,228,.32),transparent 28%),
        linear-gradient(135deg,#061e35 0%,#07375e 50%,#005e94 100%);
    box-shadow:var(--ig-shadow);
}
.hero-premium::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:54px 54px;
    mask-image:linear-gradient(90deg,rgba(0,0,0,.55),transparent 76%);
    pointer-events:none;
}
.hero-copy,.access-card{position:relative;z-index:1}
.hero-copy{
    padding:54px 26px 34px 20px;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
.hero-copy h1{
    max-width:870px;
    margin:18px 0 22px;
    font-size:clamp(3rem,6.3vw,6.6rem);
    line-height:.94;
    letter-spacing:-.075em;
}
.hero-lead{
    max-width:820px;
    margin:0;
    color:#dff5ff;
    font-size:clamp(1.06rem,1.5vw,1.25rem);
}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:34px 0 0}
.btn-primary,.btn-secondary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:48px;
    border:0;
    border-radius:999px;
    padding:13px 22px;
    font-weight:950;
    cursor:pointer;
}
.btn-primary{
    background:linear-gradient(135deg,var(--ig-orange),var(--ig-orange-2));
    color:#071f36;
    box-shadow:0 18px 42px rgba(255,159,0,.26);
}
.btn-secondary{
    background:#fff;
    color:var(--ig-blue);
    border:1px solid var(--ig-line);
    box-shadow:0 12px 26px rgba(7,31,54,.07);
}
.btn-primary:hover,.btn-secondary:hover{transform:translateY(-1px);filter:saturate(1.04)}
.full{width:100%}
.trust-strip{
    margin-top:44px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    max-width:760px;
}
.trust-strip div{
    padding:17px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.09);
    border-radius:22px;
}
.trust-strip strong{display:block;font-size:1.16rem}
.trust-strip span{display:block;color:#cbefff;font-weight:760;font-size:.9rem;margin-top:3px}
.access-card{
    align-self:center;
    background:rgba(255,255,255,.96);
    color:var(--ig-ink);
    border:1px solid rgba(255,255,255,.85);
    border-radius:32px;
    padding:28px;
    box-shadow:0 28px 72px rgba(0,0,0,.24);
}
.access-card-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:18px;
    margin-bottom:18px;
}
.access-card-head span{color:var(--ig-muted);font-weight:900}
.access-card-head strong{font-size:2.1rem;line-height:1;color:var(--ig-navy)}
.login-form{display:grid;gap:11px}
.login-form label{font-weight:900;color:#183a56}
.login-form input{
    width:100%;
    height:50px;
    border:1px solid var(--ig-line);
    border-radius:16px;
    padding:0 15px;
    background:#fff;
    color:var(--ig-ink);
}
.login-form input:focus{outline:0;border-color:var(--ig-sky);box-shadow:0 0 0 4px rgba(24,168,228,.14)}
.check-row{display:flex!important;align-items:center;gap:10px;margin:2px 0 6px;font-size:.93rem}
.check-row input{width:17px!important;height:17px!important;flex:0 0 auto}
.access-note{margin:16px 0 0;color:var(--ig-muted);font-size:.92rem;font-weight:650}
.alert{border-radius:16px;padding:12px 14px;margin:0 0 16px;font-weight:800}
.alert.ok{background:#eafaf0;color:#12683f;border:1px solid #bee8cb}
.alert.error{background:#fff1f1;color:#a02222;border:1px solid #ffc9c9}
.public-section{
    width:min(var(--ig-container),calc(100vw - 40px));
    margin:0 auto 72px;
}
.section-heading{max-width:780px;margin-bottom:24px}
.section-heading h2,.split-block h2,.support-band h2,.compliance-card h2{
    margin:8px 0 10px;
    color:var(--ig-navy);
    font-size:clamp(2rem,4vw,4.6rem);
    line-height:1;
    letter-spacing:-.055em;
}
.section-heading p,.split-block p,.support-band p,.compliance-card p{color:var(--ig-muted);font-size:1.05rem;margin:0}
.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.course-card{
    background:#fff;
    border:1px solid var(--ig-line);
    border-radius:30px;
    overflow:hidden;
    box-shadow:var(--ig-shadow-sm);
}
.course-media{height:220px;position:relative;background:#e9f3fb;overflow:hidden}
.course-media img{width:100%;height:100%;object-fit:cover}
.generated-cover{
    height:100%;
    display:grid;
    place-items:center;
    gap:12px;
    color:#fff;
    background:
        radial-gradient(circle at 80% 18%,rgba(255,159,0,.26),transparent 28%),
        linear-gradient(135deg,var(--ig-navy),var(--ig-blue));
    font-weight:950;
}
.generated-cover .ig-icon{width:46px;height:46px}
.floating-badge{
    position:absolute;
    left:16px;
    bottom:16px;
    border-radius:999px;
    background:rgba(255,255,255,.94);
    color:var(--ig-blue);
    padding:8px 12px;
    font-size:.8rem;
    font-weight:950;
}
.course-content{padding:22px}
.course-code{font-size:.78rem;font-weight:950;color:var(--ig-orange);letter-spacing:.12em;text-transform:uppercase}
.course-content h3{margin:8px 0 8px;font-size:1.28rem;line-height:1.15;color:var(--ig-navy)}
.course-content p{color:var(--ig-muted);min-height:64px}
.course-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.course-meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
    border-radius:999px;
    padding:7px 10px;
    background:#f0f7fd;
    color:var(--ig-blue);
    font-size:.82rem;
    font-weight:900;
}
.course-meta .ig-icon{width:16px;height:16px}
.catalog-empty{
    grid-column:1/-1;
    display:flex;
    gap:18px;
    align-items:center;
    background:#fff;
    border:1px solid var(--ig-line);
    border-radius:28px;
    padding:28px;
    box-shadow:var(--ig-shadow-sm);
}
.empty-icon{
    width:68px;height:68px;border-radius:24px;
    display:grid;place-items:center;
    background:#eef7ff;color:var(--ig-blue);
}
.empty-icon .ig-icon{width:32px;height:32px}
.catalog-empty h3{margin:7px 0;color:var(--ig-navy)}
.catalog-empty p{margin:0;color:var(--ig-muted)}
.split-block{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:30px;
    align-items:center;
    padding:34px;
    background:#fff;
    border:1px solid var(--ig-line);
    border-radius:36px;
    box-shadow:var(--ig-shadow-sm);
}
.feature-list{display:grid;gap:14px}
.feature-list div{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
    padding:16px;
    border-radius:22px;
    background:#f7fbff;
    border:1px solid #e4eef7;
}
.feature-list .ig-icon{width:28px;height:28px;color:var(--ig-blue);grid-row:span 2;margin:auto}
.feature-list strong{color:var(--ig-navy)}
.feature-list span{color:var(--ig-muted)}
.evidence-panel{
    border-radius:38px;
    padding:36px;
    color:#fff;
    background:
        radial-gradient(circle at 92% 12%,rgba(255,159,0,.20),transparent 28%),
        linear-gradient(135deg,var(--ig-navy),#0b406a);
    box-shadow:var(--ig-shadow);
}
.section-heading.light h2{color:#fff}
.section-heading.light p{color:#d9efff}
.evidence-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.evidence-grid div{
    padding:20px;
    border-radius:22px;
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.08);
}
.evidence-grid strong{display:block;font-size:1.18rem}
.evidence-grid span{display:block;color:#cfefff;margin-top:4px;font-weight:750}
.compliance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.compliance-card{
    min-height:360px;
    border-radius:34px;
    padding:32px;
    background:#fff;
    border:1px solid var(--ig-line);
    box-shadow:var(--ig-shadow-sm);
}
.compliance-card.dark{
    color:#fff;
    background:linear-gradient(135deg,#06233b,#004a80);
}
.compliance-card.dark h2{color:#fff}
.compliance-card.dark p,.compliance-card.dark li{color:#d9efff}
.compliance-card ul{padding-left:20px;margin:22px 0 0;color:var(--ig-muted);font-weight:760}
.support-band{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:30px 34px;
    border-radius:34px;
    background:#fff;
    border:1px solid var(--ig-line);
    box-shadow:var(--ig-shadow-sm);
}
.public-footer{
    width:min(var(--ig-container),calc(100vw - 40px));
    margin:30px auto 60px;
    padding:30px 0 0;
    border-top:1px solid var(--ig-line);
    display:flex;
    justify-content:space-between;
    gap:28px;
    color:var(--ig-muted);
}
.public-footer img{
    width:auto!important;
    height:auto!important;
    max-width:190px!important;
    max-height:64px!important;
    object-fit:contain!important;
    margin-bottom:10px;
}
.public-footer p{margin:0}
.public-footer nav{display:flex;gap:14px;flex-wrap:wrap;font-weight:900;color:var(--ig-blue)}
.auth-page{
    min-height:calc(100vh - 118px);
    width:min(980px,calc(100vw - 40px));
    margin:0 auto;
    display:grid;
    place-items:center;
    padding:34px 0 80px;
}
.auth-logo img{
    width:auto!important;height:auto!important;max-width:220px!important;max-height:72px!important;margin:0 auto 20px!important;
}
.auth-card{
    width:min(560px,100%);
    background:#fff;
    border:1px solid var(--ig-line);
    border-radius:32px;
    box-shadow:var(--ig-shadow);
    padding:34px;
}
.auth-card h1{font-size:2.35rem;line-height:1;margin:10px 0;color:var(--ig-navy);letter-spacing:-.035em}
.auth-card p{color:var(--ig-muted)}
.stack-form{display:grid;gap:11px;margin-top:22px}
.stack-form label{font-weight:900;color:#183a56}
.stack-form input{
    width:100%;
    height:50px;
    border:1px solid var(--ig-line);
    border-radius:16px;
    padding:0 15px;
}
.check-line{display:flex!important;gap:10px;align-items:center;margin:4px 0!important}
.check-line input{width:17px!important;height:17px!important}
.auth-help{
    margin-top:20px;
    padding:16px;
    border:1px solid #e3edf6;
    border-radius:20px;
    background:#f7fbff;
    display:grid;
    gap:4px;
}
.auth-help strong{color:var(--ig-navy)}
.auth-help span{color:var(--ig-muted)}
.ig-icon{width:20px;height:20px;display:inline-block;vertical-align:middle}
.system-warning{background:#fff7e6;border:1px solid #ffdda3;border-radius:20px;padding:18px;color:#6f4600}
.system-warning strong{display:block;margin-bottom:5px}
@media (max-width:1080px){
    .public-nav{display:none}
    .hero-premium{grid-template-columns:1fr;min-height:auto}
    .hero-copy{padding:36px 8px 16px}
    .access-card{max-width:560px;width:100%;justify-self:center}
    .course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .split-block,.compliance-grid{grid-template-columns:1fr}
    .evidence-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
    .public-header{width:min(100% - 28px, var(--ig-container));justify-content:center}
    .hero-premium,.public-section,.public-footer{width:min(100% - 28px, var(--ig-container))}
    .hero-premium{padding:18px;border-radius:28px;margin-top:8px}
    .hero-copy h1{font-size:3.15rem}
    .trust-strip,.course-grid,.evidence-grid{grid-template-columns:1fr}
    .support-band,.public-footer{display:block}
    .public-footer nav{margin-top:16px}
    .btn-primary,.btn-secondary{width:100%}
}

.course-detail-v42{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:30px;
    align-items:center;
    padding:32px;
    border-radius:38px;
    background:#fff;
    border:1px solid var(--ig-line);
    box-shadow:var(--ig-shadow-sm);
}
.detail-cover{min-height:420px;border-radius:30px;overflow:hidden;background:#e9f3fb}
.detail-cover img,.detail-cover .generated-cover{width:100%;height:100%;min-height:420px;object-fit:cover}
.detail-copy h1{font-size:clamp(2.3rem,5vw,5.4rem);line-height:.96;margin:14px 0;letter-spacing:-.065em;color:var(--ig-navy)}
.detail-copy p{font-size:1.12rem;color:var(--ig-muted);max-width:720px}
.course-meta.detail{margin:24px 0}
.program-grid{display:grid;gap:16px}
.program-module{background:#fff;border:1px solid var(--ig-line);border-radius:26px;box-shadow:var(--ig-shadow-sm);padding:24px}
.program-module h3{margin:0 0 8px;color:var(--ig-navy)}
.program-module p{color:var(--ig-muted)}
.program-module ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.program-module li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:#f7fbff;border:1px solid #e5eef7}
.program-module li span{font-weight:850;color:#183a56}
.program-module li em{font-style:normal;color:var(--ig-muted);font-size:.88rem;font-weight:850}
@media(max-width:900px){.course-detail-v42{grid-template-columns:1fr}.detail-cover{min-height:300px}.detail-cover img,.detail-cover .generated-cover{min-height:300px}.program-module li{display:block}.program-module li em{display:block;margin-top:5px}}


/* Iberoglobe Campus V4.2.1 - Auth/Login fix. Scoped classes, no global leakage. */
.ig-auth-shell{
    width:min(1180px,calc(100vw - 40px));
    min-height:calc(100vh - 40px);
    margin:20px auto;
    display:grid;
    grid-template-columns:minmax(0,1.04fr) minmax(380px,480px);
    gap:24px;
    align-items:stretch;
}
.ig-auth-hero,
.ig-auth-card{
    position:relative;
    overflow:hidden;
    border-radius:34px;
}
.ig-auth-hero{
    min-height:680px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:34px;
    color:#fff;
    background:
        radial-gradient(circle at 85% 8%,rgba(255,181,49,.28),transparent 32%),
        radial-gradient(circle at 12% 12%,rgba(24,168,228,.30),transparent 30%),
        linear-gradient(135deg,#061e35 0%,#07375e 54%,#005e94 100%);
    box-shadow:0 28px 80px rgba(7,31,54,.16);
}
.ig-auth-hero::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:48px 48px;
    opacity:.52;
    pointer-events:none;
}
.ig-auth-brand,
.ig-auth-copy,
.ig-auth-metrics{position:relative;z-index:1}
.ig-auth-brand{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:260px;
    padding:13px 16px;
    border-radius:24px;
    background:rgba(255,255,255,.94);
    border:1px solid rgba(255,255,255,.55);
    box-shadow:0 16px 42px rgba(0,0,0,.16);
}
.ig-auth-brand img{
    display:block!important;
    width:auto!important;
    height:auto!important;
    max-width:220px!important;
    max-height:68px!important;
    object-fit:contain!important;
}
.ig-auth-copy{max-width:730px}
.ig-auth-kicker{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#ffb531;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:.72rem;
    font-weight:950;
}
.ig-auth-copy h1{
    margin:18px 0 18px;
    color:#fff;
    font-size:clamp(3rem,6vw,6.3rem);
    line-height:.93;
    letter-spacing:-.07em;
}
.ig-auth-copy p{
    max-width:680px;
    margin:0;
    color:#ddf4ff;
    font-size:1.14rem;
}
.ig-auth-metrics{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
}
.ig-auth-metrics article{
    min-height:96px;
    padding:18px;
    border-radius:22px;
    background:rgba(255,255,255,.11);
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(12px);
}
.ig-auth-metrics strong{
    display:block;
    color:#fff;
    font-size:1.2rem;
}
.ig-auth-metrics span{
    display:block;
    margin-top:4px;
    color:#ccecff;
    font-size:.92rem;
    font-weight:750;
}
.ig-auth-card{
    align-self:center;
    background:#fff;
    border:1px solid #dfe8f0;
    box-shadow:0 26px 76px rgba(7,31,54,.13);
    padding:34px;
}
.ig-auth-card-head h2{
    margin:10px 0 10px;
    color:#071f36;
    font-size:clamp(2rem,4vw,3.2rem);
    line-height:.96;
    letter-spacing:-.055em;
}
.ig-auth-card-head p{
    margin:0;
    color:#65758a;
    font-size:1rem;
}
.ig-auth-form{
    margin-top:24px;
    display:grid;
    gap:11px;
}
.ig-auth-form label{
    color:#183a56;
    font-weight:900;
    font-size:.96rem;
}
.ig-auth-form input[type="text"],
.ig-auth-form input[type="password"]{
    width:100%!important;
    height:52px!important;
    border:1px solid #dfe8f0!important;
    border-radius:16px!important;
    padding:0 15px!important;
    color:#102033!important;
    background:#fff!important;
    outline:none!important;
    box-shadow:none!important;
}
.ig-auth-form input[type="text"]:focus,
.ig-auth-form input[type="password"]:focus{
    border-color:#0477b6!important;
    box-shadow:0 0 0 4px rgba(4,119,182,.13)!important;
}
.ig-auth-check{
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    margin:5px 0 2px!important;
    color:#43566b!important;
    font-weight:800!important;
}
.ig-auth-check input{
    width:18px!important;
    height:18px!important;
    flex:0 0 auto!important;
    accent-color:#004a80!important;
}
.ig-auth-submit{
    width:100%;
    min-height:54px;
    border:0;
    border-radius:999px;
    padding:14px 22px;
    margin-top:4px;
    cursor:pointer;
    color:#071f36;
    font-weight:950;
    background:linear-gradient(135deg,#ff9f00,#ffb531);
    box-shadow:0 18px 42px rgba(255,159,0,.24);
}
.ig-auth-submit:hover{
    transform:translateY(-1px);
    filter:saturate(1.05);
}
.ig-alert{
    margin:18px 0 0;
    padding:13px 14px;
    border-radius:16px;
    font-weight:850;
}
.ig-alert-ok{
    color:#12683f;
    background:#eafaf0;
    border:1px solid #bee8cb;
}
.ig-alert-error{
    color:#a02222;
    background:#fff1f1;
    border:1px solid #ffc9c9;
}
.ig-auth-note{
    margin-top:20px;
    padding:16px;
    border:1px solid #e3edf6;
    border-radius:20px;
    background:#f7fbff;
    display:grid;
    gap:4px;
}
.ig-auth-note strong{color:#071f36}
.ig-auth-note span{color:#65758a}
.ig-auth-back{
    display:inline-flex;
    margin-top:18px;
    color:#004a80;
    font-weight:900;
}
@media (max-width:980px){
    .ig-auth-shell{grid-template-columns:1fr;min-height:auto}
    .ig-auth-hero{min-height:auto;padding:26px}
    .ig-auth-copy h1{font-size:clamp(2.5rem,12vw,4.8rem)}
}
@media (max-width:640px){
    .ig-auth-shell{width:min(100vw - 24px,560px);margin:12px auto;gap:14px}
    .ig-auth-hero{border-radius:24px;padding:20px}
    .ig-auth-card{border-radius:24px;padding:24px}
    .ig-auth-metrics{grid-template-columns:1fr}
    .ig-auth-brand img{max-width:190px!important;max-height:58px!important}
}