/* Page-specific geometry only. Visual identity is owned by assets/ui-system. */

.shell{width:min(960px,100%);min-height:650px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;}
.hero{padding:42px;display:flex;flex-direction:column;justify-content:center;}
.hero h1{margin:0 0 16px;}
.hero p{margin:0;}
.hero-badges{display:grid;gap:12px;margin-top:30px;}
.hero-badge{padding:13px 16px;}
.form-wrap{padding:42px 36px;display:flex;flex-direction:column;justify-content:center;}
.brand{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 18px;}
.form-wrap h2{margin:0 0 10px;text-align:center;}
.intro{margin:0 0 20px;text-align:center;}
.field input{width:100%;padding:14px 16px;}
.forgot-link{display:block;margin:-4px 0 16px;}
.turnstile-box{margin:2px 0 18px;padding:14px;}
.turnstile-title{margin:0 0 10px;}
.turnstile-widget{display:flex;justify-content:center;min-height:65px;}
.submit{width:100%;padding:14px 18px;cursor:pointer;}
.footer-note{margin-top:16px;text-align:center;}
@media (max-width:900px) {
  .shell{grid-template-columns:1fr;min-height:0;}
  .hero{padding:28px;}
  .form-wrap{padding:30px 24px;}
}