/*
Theme Name: UniversalScout Cerdas Cermat
Theme URI: https://universalscout.com/
Author: UniversalScout
Description: Tema standalone untuk situs Cerdas Cermat UniversalScout, dengan landing/login page dan shell bersih untuk arena kuis.
Version: 1.6.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: universalscout-cerdas-cermat
*/

:root {
    --uscc-theme-bg: #f2f8fc;
    --uscc-theme-navy: #123653;
    --uscc-theme-blue: #2386ed;
    --uscc-theme-blue-dark: #176ac2;
    --uscc-theme-muted: #607889;
    --uscc-theme-line: #dce9f1;
    --uscc-theme-card: #ffffff;
}

*, *::before, *::after { box-sizing: border-box; }
html { margin: 0 !important; }
body {
    margin: 0;
    min-height: 100vh;
    background: var(--uscc-theme-bg);
    color: var(--uscc-theme-navy);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}
a { color: inherit; }
img { max-width: 100%; height: auto; }

.uscc-theme-site { min-height: 100vh; display: flex; flex-direction: column; }
.uscc-theme-main { flex: 1 0 auto; width: 100%; }
.uscc-theme-content { width: 100%; margin: 0; padding: 0; }
.uscc-theme-content > .uscc-wrap, .uscc-theme-content .uscc-wrap { width: 100%; }

/* Standalone login landing */
.uscc-login-page {
    position: relative;
    min-height: calc(100vh - 64px);
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 54px 24px 70px;
    background:
        radial-gradient(circle at 12% 16%, rgba(80,180,240,.18), transparent 31%),
        radial-gradient(circle at 88% 12%, rgba(120,220,190,.16), transparent 27%),
        linear-gradient(180deg, #eaf7fd 0%, #f5fbfe 62%, #eef8fb 100%);
}
.uscc-login-page::before,
.uscc-login-page::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(1px);
}
.uscc-login-page::before {
    width: 420px; height: 420px; right: -180px; bottom: -210px;
    background: rgba(48,142,220,.10);
}
.uscc-login-page::after {
    width: 300px; height: 300px; left: -150px; bottom: -150px;
    background: rgba(78,190,153,.10);
}
.uscc-login-shell {
    position: relative;
    z-index: 1;
    width: min(1080px, 100%);
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(340px, .85fr);
    gap: 52px;
    align-items: center;
}
.uscc-login-copy { padding: 12px 0; }
.uscc-login-kicker {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 17px;
    padding: 8px 13px;
    border: 1px solid rgba(35,134,237,.16);
    border-radius: 999px;
    background: rgba(255,255,255,.72);
    color: var(--uscc-theme-blue-dark);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}
.uscc-login-copy h1 {
    margin: 0;
    max-width: 620px;
    font-size: clamp(42px, 6vw, 72px);
    line-height: .98;
    letter-spacing: -.045em;
    color: var(--uscc-theme-navy);
}
.uscc-login-copy h1 span { color: var(--uscc-theme-blue); }
.uscc-login-copy .lead {
    max-width: 570px;
    margin: 22px 0 0;
    color: #506d80;
    font-size: 18px;
    line-height: 1.7;
}
.uscc-login-points {
    display: grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap: 12px;
    max-width: 640px;
    margin-top: 30px;
}
.uscc-login-point {
    padding: 15px;
    border: 1px solid rgba(207,225,235,.9);
    border-radius: 16px;
    background: rgba(255,255,255,.68);
    box-shadow: 0 8px 25px rgba(32,78,104,.05);
}
.uscc-login-point b { display: block; margin-bottom: 5px; font-size: 22px; }
.uscc-login-point strong { display: block; font-size: 13px; }
.uscc-login-point small { display: block; margin-top: 3px; color: var(--uscc-theme-muted); font-size: 11px; line-height: 1.4; }

.uscc-login-card {
    position: relative;
    padding: 34px;
    border: 1px solid rgba(214,230,238,.95);
    border-radius: 28px;
    background: rgba(255,255,255,.94);
    box-shadow: 0 22px 60px rgba(25,69,96,.13);
}
.uscc-login-card::before {
    content: "🧠";
    position: absolute;
    top: -24px; right: 28px;
    width: 58px; height: 58px;
    display: grid; place-items: center;
    border: 5px solid #f4fbfe;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 9px 25px rgba(28,78,104,.12);
    font-size: 27px;
}
.uscc-login-card h2 { margin: 0; font-size: 27px; letter-spacing: -.02em; }
.uscc-login-card .sub { margin: 8px 0 24px; color: var(--uscc-theme-muted); font-size: 13px; line-height: 1.55; }
.uscc-login-card form p { margin: 0 0 15px; }
.uscc-login-card label { display: block; margin-bottom: 7px; font-size: 12px; font-weight: 750; }
.uscc-login-card input[type="text"],
.uscc-login-card input[type="password"] {
    width: 100%; height: 48px; padding: 0 14px;
    border: 1px solid #d5e4ec; border-radius: 12px;
    background: #fbfdfe; color: var(--uscc-theme-navy); outline: none;
    font: inherit; font-size: 14px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.uscc-login-card input:focus { border-color: #76b6ee; box-shadow: 0 0 0 4px rgba(35,134,237,.10); }
.uscc-login-card .login-remember { display: flex; align-items: center; gap: 8px; margin: 2px 0 17px; color: var(--uscc-theme-muted); font-size: 12px; }
.uscc-login-card .login-remember label { margin: 0; font-weight: 500; }
.uscc-login-card input[type="submit"] {
    width: 100%; height: 50px; border: 0; border-radius: 13px;
    background: linear-gradient(135deg, #2386ed, #56a9f5);
    color: #fff; cursor: pointer; font: inherit; font-size: 14px; font-weight: 800;
    box-shadow: 0 10px 22px rgba(35,134,237,.23);
    transition: transform .15s ease, box-shadow .15s ease;
}
.uscc-login-card input[type="submit"]:hover { transform: translateY(-1px); box-shadow: 0 13px 27px rgba(35,134,237,.28); }
.uscc-login-links { display: flex; justify-content: space-between; gap: 12px; margin-top: 18px; font-size: 12px; color: var(--uscc-theme-muted); }
.uscc-login-links a { color: #3476a9; text-decoration: none; }
.uscc-login-links a:hover { text-decoration: underline; }
.uscc-login-note { margin-top: 20px; padding-top: 17px; border-top: 1px solid #e7eef3; color: #718592; font-size: 11px; line-height: 1.55; text-align: center; }
.uscc-login-note strong { color: #3c596b; }

.uscc-theme-footer {
    flex: 0 0 auto;
    padding: 18px 24px;
    text-align: center;
    background: #173957;
    color: rgba(255,255,255,.82);
    font-size: 12px;
    line-height: 1.5;
}
.uscc-theme-footer strong { color: #fff; font-weight: 700; }
.uscc-theme-footer a { text-decoration: none; }
.uscc-theme-footer a:hover { text-decoration: underline; }

.uscc-theme-access-note {
    width: min(720px, calc(100% - 32px)); margin: 60px auto; padding: 36px;
    background: #fff; border: 1px solid #dfe8ee; border-radius: 22px;
    box-shadow: 0 12px 36px rgba(26,62,83,.08); text-align: center;
}
.uscc-theme-access-note h1 { margin: 0 0 10px; color: var(--uscc-theme-navy); font-size: 28px; }
.uscc-theme-access-note p { margin: 0; color: var(--uscc-theme-muted); }

@media (max-width: 820px) {
    .uscc-login-page { padding: 44px 18px 58px; }
    .uscc-login-shell { grid-template-columns: 1fr; gap: 38px; max-width: 600px; }
    .uscc-login-copy { text-align: center; }
    .uscc-login-copy .lead { margin-left: auto; margin-right: auto; }
    .uscc-login-points { margin-left: auto; margin-right: auto; }
}
@media (max-width: 520px) {
    .uscc-login-copy h1 { font-size: 44px; }
    .uscc-login-copy .lead { font-size: 15px; }
    .uscc-login-points { grid-template-columns: 1fr; }
    .uscc-login-card { padding: 27px 21px; border-radius: 22px; }
    .uscc-login-links { flex-direction: column; text-align: center; }
}

/* v1.3.0 — standalone member registration / auth */
.uscc-auth-page{min-height:calc(100vh - 80px);padding:56px 24px 72px;background:linear-gradient(180deg,#edf8fc 0%,#f8fbfd 100%)}
.uscc-auth-panel{width:min(1120px,100%);margin:0 auto;display:grid;grid-template-columns:1.05fr .85fr;gap:54px;align-items:center}.uscc-auth-intro{padding:24px 0}.uscc-auth-kicker{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#3d7c9c}.uscc-auth-intro h1{margin:14px 0 18px;font-size:62px;line-height:.98;letter-spacing:-.045em;color:#173957}.uscc-auth-intro h1 span{color:#2386ed}.uscc-auth-intro>p{max-width:610px;margin:0;color:#5d7483;font-size:17px;line-height:1.7}.uscc-auth-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.uscc-auth-benefits>div{padding:15px;border:1px solid #dce9ef;border-radius:16px;background:rgba(255,255,255,.72)}.uscc-auth-benefits b{display:block;font-size:22px;margin-bottom:6px}.uscc-auth-benefits strong,.uscc-auth-benefits small{display:block}.uscc-auth-benefits strong{font-size:13px;color:#173957}.uscc-auth-benefits small{margin-top:3px;color:#718592;font-size:11px;line-height:1.45}.uscc-auth-card{padding:30px;border:1px solid #dbe8ef;border-radius:26px;background:rgba(255,255,255,.96);box-shadow:0 22px 60px rgba(25,69,96,.13)}.uscc-auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;margin-bottom:24px;background:#f0f6f9;border-radius:13px}.uscc-auth-tabs a{padding:10px 8px;text-align:center;border-radius:10px;text-decoration:none;color:#66808f;font-size:12px;font-weight:800}.uscc-auth-tabs a.is-active{background:#fff;color:#2386ed;box-shadow:0 4px 14px rgba(31,95,131,.1)}.uscc-auth-heading{text-align:center}.uscc-auth-heading>span{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf6ff;font-size:20px}.uscc-auth-heading h2{margin:10px 0 5px;color:#173957;font-size:24px}.uscc-auth-heading p{margin:0 0 20px;color:#718592;font-size:12px;line-height:1.5}.uscc-auth-form label{display:block;margin:0 0 13px;color:#29495c;font-size:11px;font-weight:800}.uscc-auth-form label small{font-weight:500;color:#8a9ca7;margin-left:4px}.uscc-auth-form input[type=text],.uscc-auth-form input[type=email],.uscc-auth-form input[type=password]{width:100%;height:45px;margin-top:7px;padding:0 13px;border:1px solid #d5e4ec;border-radius:11px;background:#fbfdfe;color:#173957;font:inherit;font-size:13px;outline:none}.uscc-auth-form input:focus{border-color:#75b7ed;box-shadow:0 0 0 4px rgba(35,134,237,.09)}.uscc-auth-options{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:5px 0 17px;color:#718592;font-size:11px}.uscc-auth-options label{display:flex;align-items:center;gap:6px;margin:0;font-weight:500}.uscc-auth-options a,.uscc-auth-foot a{color:#2778b4;text-decoration:none}.uscc-auth-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;padding:11px 15px;border:0;border-radius:12px;background:linear-gradient(135deg,#2386ed,#56a9f5);color:#fff;text-decoration:none;font:inherit;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 10px 22px rgba(35,134,237,.2)}.uscc-auth-button:hover{filter:brightness(.98);transform:translateY(-1px)}.uscc-auth-info{margin:7px 0 15px;padding:12px;border:1px solid #d9ebf6;border-radius:11px;background:#f3faff;color:#5e7786;font-size:11px;line-height:1.55}.uscc-auth-notice{margin:0 0 16px;padding:11px 12px;border-radius:10px;font-size:11px;line-height:1.5}.uscc-auth-notice.is-error{background:#fff1f1;border:1px solid #f0cccc;color:#9a3838}.uscc-auth-notice.is-success{background:#effaf2;border:1px solid #cde9d3;color:#39734a}.uscc-auth-foot{margin-top:18px;text-align:center;color:#718592;font-size:11px}.uscc-auth-principles{margin-top:20px;padding-top:16px;border-top:1px solid #e6eef2;text-align:center;color:#7a8e9a;font-size:9px}.uscc-auth-status{width:min(680px,calc(100% - 32px));margin:80px auto;padding:42px 34px;text-align:center;border:1px solid #dbe8ef;border-radius:24px;background:#fff;box-shadow:0 18px 50px rgba(25,69,96,.1)}.uscc-auth-status-icon{font-size:46px}.uscc-auth-status h2{margin:10px 0;color:#173957;font-size:27px}.uscc-auth-status p{color:#607583;line-height:1.65;font-size:14px}.uscc-auth-status-small{font-size:12px!important}.uscc-auth-status .uscc-auth-button{width:auto;min-width:130px;margin-top:12px}@media(max-width:820px){.uscc-auth-page{padding:38px 18px 55px}.uscc-auth-panel{grid-template-columns:1fr;gap:30px;max-width:620px}.uscc-auth-intro{text-align:center}.uscc-auth-intro>p{margin:auto}.uscc-auth-intro h1{font-size:50px}.uscc-auth-benefits{text-align:left}.uscc-auth-card{padding:25px}}@media(max-width:520px){.uscc-auth-benefits{grid-template-columns:1fr}.uscc-auth-intro h1{font-size:43px}.uscc-auth-card{border-radius:20px;padding:21px}.uscc-auth-page{min-height:calc(100vh - 60px)}}


/* v1.4.0 — Adult-only visual direction: UniversalScout branding + mature scouting aesthetic. */
:root{
  --uscc-theme-bg:#f3f1ea;
  --uscc-theme-navy:#17352f;
  --uscc-theme-blue:#b3871d;
  --uscc-theme-blue-dark:#87670f;
  --uscc-theme-muted:#66736e;
  --uscc-theme-line:#ddd9cc;
  --uscc-theme-card:#fffdf8;
}
.uscc-theme-header{min-height:76px;display:flex;align-items:center;gap:18px;padding:10px clamp(18px,4vw,54px);background:rgba(255,253,248,.97);border-bottom:1px solid #e2ded3;position:relative;z-index:10;box-shadow:0 4px 18px rgba(25,45,37,.05)}
.uscc-theme-brand{display:flex;align-items:center;width:174px;height:58px;overflow:hidden;text-decoration:none;flex:0 0 auto}.uscc-theme-brand img{width:174px;height:58px;object-fit:contain;object-position:left center}
.uscc-theme-header-meta{display:flex;flex-direction:column;gap:3px;border-left:1px solid #e3dfd4;padding-left:18px}.uscc-theme-header-meta strong{font-size:15px;color:#17352f;letter-spacing:-.01em}.uscc-theme-header-meta span{font-size:11px;color:#7a827d}.uscc-theme-home-link{margin-left:auto;text-decoration:none;color:#53635c;font-size:12px;font-weight:800;padding:9px 13px;border:1px solid #d8d4c8;border-radius:999px}.uscc-theme-home-link:hover{border-color:#b3871d;color:#87670f}
.uscc-auth-page{position:relative;min-height:calc(100vh - 76px);padding:54px 24px 70px;background:#f3f1ea;overflow:hidden}.uscc-auth-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 10%,rgba(179,135,29,.11),transparent 28%),linear-gradient(180deg,#f4f2eb 0%,#ece9df 100%);pointer-events:none}.uscc-auth-panel{position:relative;z-index:1;width:min(1160px,100%);gap:38px;grid-template-columns:1.08fr .82fr}.uscc-auth-intro{position:relative;min-height:560px;padding:48px 42px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;border-radius:28px;background:linear-gradient(90deg,rgba(10,39,33,.92) 0%,rgba(10,39,33,.78) 42%,rgba(10,39,33,.12) 100%),url('assets/images/uscc-theme-hero.png') center/cover no-repeat;box-shadow:0 22px 60px rgba(28,48,39,.16);color:#fff}.uscc-auth-intro:after{content:"";position:absolute;top:24px;left:26px;padding:8px 12px;border:1px solid rgba(231,207,139,.5);border-radius:999px;background:rgba(11,39,33,.65);color:#f1d98c;font-size:10px;font-weight:900;letter-spacing:.12em}.uscc-auth-kicker{color:#e4c86f;font-size:10px;letter-spacing:2px}.uscc-auth-intro h1{color:#fff;font-size:60px}.uscc-auth-intro h1 span{color:#e3bd4c}.uscc-auth-intro>p{color:rgba(255,255,255,.83);font-size:16px;max-width:650px}.uscc-auth-benefits>div{border-color:rgba(255,255,255,.16);background:rgba(6,30,25,.48);backdrop-filter:blur(5px)}.uscc-auth-benefits strong{color:#fff}.uscc-auth-benefits small{color:rgba(255,255,255,.68)}.uscc-auth-benefits b{color:#e3bd4c;font-size:18px;letter-spacing:.06em}
.uscc-auth-card{border-radius:24px;background:#fffdf8;border-color:#ded9cc;box-shadow:0 22px 60px rgba(28,48,39,.13)}.uscc-auth-tabs{background:#eeece4}.uscc-auth-tabs a.is-active{color:#87670f}.uscc-auth-heading>span{background:#ece8dc;color:#87670f;font-size:12px;font-weight:900;letter-spacing:.04em}.uscc-auth-heading h2{color:#17352f}.uscc-auth-form label{color:#365148}.uscc-auth-form input[type=text],.uscc-auth-form input[type=email],.uscc-auth-form input[type=password]{background:#fcfbf6;border-color:#d8d5cb;color:#17352f}.uscc-auth-form input:focus{border-color:#b99a43;box-shadow:0 0 0 4px rgba(179,135,29,.10)}.uscc-auth-button{background:linear-gradient(135deg,#8b6b17,#bd952e);box-shadow:0 10px 22px rgba(123,93,17,.2)}.uscc-auth-options a,.uscc-auth-foot a{color:#87670f}.uscc-auth-info{background:#f5f1e5;border-color:#e3d7b8;color:#5f625c}.uscc-auth-principles{color:#7a817b}.uscc-theme-footer{background:#17352f}
@media(max-width:820px){.uscc-theme-header{padding:9px 16px}.uscc-theme-brand{width:150px;height:54px}.uscc-theme-brand img{width:150px;height:54px}.uscc-theme-header-meta{display:none}.uscc-theme-home-link{font-size:11px}.uscc-auth-intro{min-height:440px;padding:34px 28px}.uscc-auth-intro h1{font-size:50px}}
@media(max-width:520px){.uscc-theme-header{min-height:62px}.uscc-theme-brand{width:138px;height:48px}.uscc-theme-brand img{width:138px;height:48px}.uscc-theme-home-link{padding:8px 10px}.uscc-auth-page{padding:25px 12px 44px}.uscc-auth-intro{min-height:430px;border-radius:20px;padding:30px 21px}.uscc-auth-intro h1{font-size:42px}.uscc-auth-intro:after{top:17px;left:17px;font-size:8px}.uscc-auth-card{border-radius:20px}}


/* V1.5.0 — adult-only presentation cleanup and shell isolation.
   The logged-in Cerdas Cermat dashboard owns its own topbar/footer.
   The theme shell is retained for guests/auth screens only. */
.uscc-theme-header{
  min-height:72px;
  padding:8px clamp(18px,4vw,54px);
}
.uscc-theme-brand{
  width:170px;
  height:60px;
}
.uscc-theme-brand img{
  width:170px;
  height:60px;
  object-fit:contain;
  object-position:left center;
}
.uscc-theme-header-meta strong{font-size:15px}
.uscc-theme-header-meta span{font-size:11px}
.uscc-theme-home-link{white-space:nowrap}

.uscc-auth-page{
  min-height:calc(100vh - 72px);
  padding:46px 24px 58px;
}
.uscc-auth-panel{
  width:min(1180px,100%);
  grid-template-columns:minmax(0,1.08fr) minmax(380px,.82fr);
  gap:34px;
  align-items:stretch;
}
.uscc-auth-intro{
  min-height:590px;
  padding:44px 42px;
  justify-content:flex-end;
  background:
    linear-gradient(90deg,rgba(7,35,29,.94) 0%,rgba(7,35,29,.80) 43%,rgba(7,35,29,.18) 100%),
    url('assets/images/uscc-theme-hero.png') center/cover no-repeat;
}
.uscc-auth-intro:after{display:none!important}
.uscc-auth-kicker{
  color:#e4c86f;
  letter-spacing:2.2px;
}
.uscc-auth-intro h1{
  max-width:620px;
  font-size:clamp(48px,5.5vw,68px);
  line-height:1.02;
  margin:12px 0 16px;
}
.uscc-auth-intro h1 span{color:#e3bd4c}
.uscc-auth-intro>p{
  max-width:620px;
  font-size:16px;
  line-height:1.7;
}
.uscc-auth-benefits{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin-top:26px;
}
.uscc-auth-benefits>div{
  min-width:0;
  padding:14px;
}
.uscc-auth-card{
  align-self:center;
  width:100%;
  max-width:500px;
  margin-left:auto;
  padding:30px;
}
.uscc-auth-form input[type=text],
.uscc-auth-form input[type=email],
.uscc-auth-form input[type=password],
.uscc-auth-form input[type=date]{
  min-width:0;
  width:100%;
}
.uscc-auth-consent{
  display:flex!important;
  align-items:flex-start;
  gap:8px;
  line-height:1.5;
}
.uscc-auth-consent input[type=checkbox]{flex:0 0 auto;margin-top:2px}
.uscc-auth-info strong:first-child{font-weight:800}

@media(max-width:900px){
  .uscc-auth-panel{grid-template-columns:1fr;max-width:700px}
  .uscc-auth-intro{min-height:500px}
  .uscc-auth-card{max-width:none;margin:0}
}
@media(max-width:520px){
  .uscc-theme-header{min-height:64px;padding:7px 14px}
  .uscc-theme-brand{width:142px;height:50px}
  .uscc-theme-brand img{width:142px;height:50px}
  .uscc-theme-home-link{padding:8px 10px;font-size:10px}
  .uscc-auth-page{padding:20px 12px 38px}
  .uscc-auth-intro{min-height:470px;padding:28px 22px;border-radius:20px}
  .uscc-auth-intro h1{font-size:42px}
  .uscc-auth-benefits{grid-template-columns:1fr}
  .uscc-auth-card{padding:22px 18px;border-radius:20px}
}

/* Never render the theme shell around the active Cerdas Cermat app. */
body.uscc-standalone-site .uscc-theme-main:has(.uscc-wrap) .uscc-theme-content{
  padding-top:0;
}

/* V1.6.0 — final guest/auth responsive composition.
   The landing page stays adult/professional; mobile uses compact cards instead of a long narrow stack. */
.uscc-theme-header{min-height:74px;}
.uscc-theme-brand{width:166px;height:60px;}
.uscc-theme-brand img{width:166px;height:60px;object-fit:contain;object-position:left center;display:block;}
.uscc-theme-home-link{flex:0 0 auto;}
.uscc-auth-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 74px);padding:38px 24px 52px;}
.uscc-auth-panel{width:min(1180px,100%);display:grid;grid-template-columns:minmax(0,1.12fr) minmax(390px,.88fr);gap:34px;align-items:stretch;}
.uscc-auth-intro{min-height:570px;padding:42px 40px;}
.uscc-auth-card{align-self:center;max-width:520px;margin-left:auto;padding:30px;}
.uscc-auth-heading>span{display:none!important;}
.uscc-auth-heading h2{margin-top:0!important;}
.uscc-auth-form input[type=text],.uscc-auth-form input[type=email],.uscc-auth-form input[type=password],.uscc-auth-form input[type=date]{width:100%;max-width:100%;}

@media(max-width:900px){
  .uscc-auth-page{padding:30px 18px 44px;align-items:flex-start;}
  .uscc-auth-panel{grid-template-columns:1fr;max-width:700px;gap:22px;}
  .uscc-auth-intro{min-height:430px;padding:34px 30px;}
  .uscc-auth-card{max-width:none;margin:0;}
}
@media(max-width:560px){
  .uscc-theme-header{min-height:62px;padding:6px 12px;gap:8px;}
  .uscc-theme-brand{width:116px;height:48px;}
  .uscc-theme-brand img{width:116px;height:48px;}
  .uscc-theme-home-link{padding:7px 9px;font-size:9px;}
  .uscc-auth-page{padding:16px 10px 28px;min-height:calc(100vh - 62px);}
  .uscc-auth-panel{gap:14px;}
  .uscc-auth-intro{min-height:0;height:auto;min-height:390px;padding:28px 20px 22px;border-radius:20px;justify-content:flex-end;background-position:center!important;}
  .uscc-auth-intro h1{font-size:40px;line-height:1.02;margin:8px 0 12px;}
  .uscc-auth-intro>p{font-size:14px;line-height:1.55;margin-bottom:0;}
  .uscc-auth-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:18px;}
  .uscc-auth-benefits>div{padding:10px 8px;border-radius:12px;}
  .uscc-auth-benefits b{font-size:15px;margin-bottom:4px;}
  .uscc-auth-benefits strong{font-size:10px;line-height:1.25;}
  .uscc-auth-benefits small{display:none;}
  .uscc-auth-card{padding:20px 15px;border-radius:18px;}
  .uscc-auth-tabs{margin-bottom:18px;}
  .uscc-auth-heading h2{font-size:21px;}
  .uscc-auth-heading p{font-size:11px;margin-bottom:16px;}
  .uscc-auth-form label{font-size:10px;margin-bottom:11px;}
  .uscc-auth-form input[type=text],.uscc-auth-form input[type=email],.uscc-auth-form input[type=password],.uscc-auth-form input[type=date]{height:44px;font-size:12px;}
  .uscc-auth-info{font-size:10px;padding:10px;margin:5px 0 12px;}
  .uscc-auth-principles{margin-top:15px;padding-top:12px;font-size:8px;}
  .uscc-theme-footer{padding:14px 12px;font-size:10px;}
}