:root{--gl-ink:#111315;--gl-paper:#f7f7f3;--gl-line:#e5e6df;--gl-coral:#ff9c84;--gl-cyan:#76e5ef;--gl-lime:#d7ef94}
*{box-sizing:border-box}.guapa-login-body{margin:0;background:var(--gl-paper);color:var(--gl-ink);font-family:"Plus Jakarta Sans",sans-serif}.glogin-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.glogin-brand-panel{position:relative;overflow:hidden;background:#121416;color:#fff;padding:38px 42px;display:flex;flex-direction:column;justify-content:space-between}.glogin-brand{display:inline-flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.04em}.glogin-brand b{color:var(--gl-cyan)}.glogin-mark{width:30px;height:30px;position:relative;display:inline-block}.glogin-mark i{position:absolute;border:2px solid #ffd1c7;border-radius:50%;display:block}.glogin-mark i:nth-child(1){width:24px;height:13px;top:2px;left:1px;border-bottom:0}.glogin-mark i:nth-child(2){width:11px;height:7px;top:11px;left:3px;border-color:var(--gl-cyan)}.glogin-mark i:nth-child(3){width:17px;height:11px;bottom:1px;left:3px;border-top:0;border-radius:0 0 17px 17px}.glogin-kicker{font:500 10px/1 "DM Mono",monospace;letter-spacing:.15em;color:#8f969c;margin:0 0 14px}.glogin-message{position:relative;z-index:2;max-width:720px}.glogin-message h1{font-size:clamp(52px,6vw,92px);line-height:.93;letter-spacing:-.07em;margin:0 0 24px}.glogin-message h1 em{font-style:normal;color:var(--gl-coral)}.glogin-message>p:last-child{max-width:560px;color:#9aa1a7;font-size:14px;line-height:1.7}.glogin-brand-panel>small{position:relative;z-index:2;color:#656c72;font:500 9px "DM Mono";letter-spacing:.08em}.glogin-orbit{position:absolute;width:560px;height:560px;right:-190px;bottom:-190px;border-radius:50%;border:1px solid #282d31}.glogin-orbit-one,.glogin-orbit-two{position:absolute;border:1px solid #2f3539;border-radius:50%;inset:70px}.glogin-orbit-two{inset:150px}.glogin-dot{position:absolute;width:92px;height:92px;border-radius:50%;background:var(--gl-cyan);top:88px;left:40px;box-shadow:0 0 80px rgba(118,229,239,.16)}
.glogin-form-panel{display:grid;place-items:center;padding:48px;background:linear-gradient(180deg,#fafaf7,#f4f5ef)}.glogin-form-wrap{width:min(430px,100%)}.glogin-form-wrap h2{font-size:48px;letter-spacing:-.06em;margin:0 0 8px}.glogin-intro{font-size:12px;color:#868b8f;line-height:1.6;margin:0 0 28px}.glogin-form-wrap form{display:grid;gap:14px}.glogin-form-wrap form p{margin:0}.glogin-form-wrap label{display:block;font-size:10px;font-weight:700;color:#6f7579}.glogin-form-wrap input[type=text],.glogin-form-wrap input[type=password]{width:100%;margin-top:7px;border:1px solid var(--gl-line);background:#fff;border-radius:14px;padding:14px 15px;font:600 14px "Plus Jakarta Sans";outline:none;transition:.2s}.glogin-form-wrap input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(17,19,21,.04)}.glogin-form-wrap .login-remember label{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:600}.glogin-form-wrap input[type=checkbox]{width:15px;height:15px}.glogin-form-wrap input[type=submit]{width:100%;border:0;border-radius:14px;padding:15px;background:#15181a;color:#fff;font:800 12px "Plus Jakarta Sans";cursor:pointer;transition:.2s}.glogin-form-wrap input[type=submit]:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(15,18,20,.12)}.glogin-links{display:flex;justify-content:space-between;gap:15px;margin-top:18px}.glogin-links a{font-size:10px;color:#73787c;text-decoration:none}.glogin-links a:hover{color:#111}.glogin-invite-alert{margin:0 0 18px;padding:12px 14px;border-radius:12px;background:#fff0ec;color:#853827;font-size:10px;line-height:1.5;border:1px solid #f4d0c8}.glogin-note{display:flex;align-items:flex-start;gap:10px;margin-top:38px;padding:14px 15px;border:1px solid var(--gl-line);border-radius:14px;background:rgba(255,255,255,.6)}.glogin-note span{color:#91bd4d;font-size:9px;margin-top:2px}.glogin-note p{margin:0;color:#858a8d;font-size:9px;line-height:1.55}
@media(max-width:860px){.glogin-shell{grid-template-columns:1fr}.glogin-brand-panel{min-height:42vh;padding:28px}.glogin-message h1{font-size:48px}.glogin-message>p:last-child{display:none}.glogin-orbit{width:360px;height:360px;right:-150px;bottom:-180px}.glogin-form-panel{padding:38px 24px}.glogin-form-wrap h2{font-size:40px}.glogin-brand-panel>small{display:none}}
@media(max-width:520px){.glogin-brand-panel{min-height:34vh}.glogin-message h1{font-size:39px}.glogin-form-panel{place-items:start stretch}.glogin-links{flex-direction:column}}

/* GUAPA login · mobile QA */
@media(max-width:860px){
  .glogin-shell{min-height:100svh}
  .glogin-brand-panel{min-height:38svh;padding:24px 20px}
  .glogin-message{max-width:520px}
  .glogin-message h1{font-size:clamp(42px,11vw,58px);line-height:.95}
  .glogin-form-panel{padding:32px 20px 42px;place-items:start stretch}
  .glogin-form-wrap{width:100%;max-width:460px;margin:0 auto}
  .glogin-form-wrap h2{font-size:clamp(34px,9vw,44px)}
}
@media(max-width:520px){
  .glogin-brand-panel{min-height:31svh;padding:20px 16px}
  .glogin-brand{font-size:16px}
  .glogin-message h1{font-size:clamp(36px,10vw,44px);margin-bottom:12px}
  .glogin-orbit{width:300px;height:300px;right:-170px;bottom:-190px}
  .glogin-form-panel{padding:28px 16px 36px}
  .glogin-intro{margin-bottom:22px}
  .glogin-form-wrap input[type=text],.glogin-form-wrap input[type=password]{font-size:16px}
  .glogin-links{gap:9px}
  .glogin-note{margin-top:28px}
}