.lobby-body{font-family: "Montserrat", system-ui, sans-serif; margin:0; padding:0; background:radial-gradient(1200px 700px at 80% -15%, rgba(232,92,158,.12), transparent 60%), radial-gradient(900px 640px at -10% 20%, rgba(24,94,63,.55), transparent 55%), #0a3324; color:#e8fff2;}
.lobby-container{max-width:1040px; margin:12px auto; padding:0 24px; display:flex; flex-direction:column; gap:10px; min-height:calc(100vh - 56px);} 
.lobby-title{text-align:center; margin:0; font-size:56px; letter-spacing:.5px; color:#e4ffee; text-shadow:0 8px 22px rgba(0,0,0,.35);}
.lobby-grid{display:grid; gap:32px; grid-template-columns: 2fr 1.1fr; align-items:stretch;}
.lobby-grid--rev{grid-auto-rows:1fr;}
@media (max-width:980px){ .lobby-grid{grid-template-columns:1fr; } }
.lobby-card{background:#fdfefb; border:1px solid rgba(255,255,255,.22); border-radius:20px; padding:32px; box-shadow:0 20px 48px -16px rgba(0,0,0,.45); display:flex; flex-direction:column; justify-content:flex-start; position:relative; overflow:hidden; color:#0f3322 !important;}
.lobby-card.hero{background:linear-gradient(135deg, rgba(255,255,255,.96), rgba(255,242,236,.94) 55%, rgba(255,226,219,.9));}
.lobby-card.hero::after{content:""; position:absolute; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle at 30% 30%, rgba(236,107,87,.18), rgba(236,107,87,0) 70%); top:-140px; right:-120px; pointer-events:none;}
.lobby-card.hero h2{font-size:30px; margin-top:0; margin-bottom:10px; color:#0c3d29 !important;}
.lobby-card.hero p{font-size:15px; max-width:520px; color:#1f4634 !important;}
.hero-benefits{list-style:none; padding:0; margin:22px 0 0; display:flex; flex-wrap:wrap; gap:10px;}
.hero-benefits li{background:rgba(255,255,255,.88); border:1px solid rgba(15,69,46,.12); color:#154432; padding:6px 14px; border-radius:999px; font-size:12.5px; font-weight:600; letter-spacing:.3px;}
.btn-large{padding:14px 28px; font-size:15px; border-radius:12px; font-weight:600;}
.track-enhanced{background:rgba(255,255,255,.95);}
.track-enhanced h2{margin-top:0; font-size:22px; color:#0c3d29 !important;}
.track-enhanced .muted-sm{color:#2e4d40 !important; font-size:14px; margin-top:0;}
.track-row{display:flex; flex-direction:column; gap:12px;}
.track-form .inp.big{padding:14px 16px; font-size:16px; border-radius:12px; border:1px solid rgba(20,71,50,.25); background:#ffffff; color:#103626; box-shadow:0 8px 18px -12px rgba(0,0,0,.25);}
.track-form .inp.big::placeholder{color:rgba(16,54,38,.45);}
.track-form .btn-block{width:100%; padding:14px 16px; border-radius:12px; font-weight:600; background:#0f5c3a !important; border:1px solid #0d4a2f !important; color:#e8fff3 !important; box-shadow:0 10px 26px -12px rgba(15,92,58,.6);}
.track-form .btn-block:hover{background:#0d5234 !important;}
.hint{margin:10px 0 0; font-size:12.5px; color:rgba(21,66,50,.85); letter-spacing:.3px;}
.lobby-card.cotizacion.hero a.btn{margin-top:8px; width:fit-content;}

/* Buttons accent unify */
.btn.btn--accent, .btn.btn-primary{box-shadow:0 4px 18px -6px rgba(0,0,0,.18);}

@media (max-width:680px){
	.lobby-body{background:
		radial-gradient(900px 540px at 90% -10%, rgba(232,92,158,.16), transparent 62%),
		radial-gradient(620px 540px at 0% 25%, rgba(24,94,63,.65), transparent 58%),
		#0a3324;
	}
	.lobby-container{margin:6px auto; padding:22px 16px 36px; min-height:100vh; gap:12px;}
	.lobby-title{text-align:left; font-size:46px; line-height:1.08;}
	.lobby-grid{gap:26px;}
	.lobby-card{padding:26px 22px; border-radius:22px; box-shadow:0 28px 44px -20px rgba(0,0,0,.55);}
	.lobby-card.hero h2{font-size:28px;}
	.lobby-card.hero p{font-size:16px; line-height:1.55;}
	.hero-benefits{margin-top:18px; flex-direction:column; align-items:stretch;}
	.hero-benefits li{font-size:13.5px; padding:8px 16px; text-align:center;}
	.btn-large{width:100%; text-align:center; font-size:17px; padding:16px 20px;}
	.track-enhanced{padding:26px 22px;}
	.track-enhanced h2{font-size:24px;}
	.track-enhanced .muted-sm{font-size:15px; line-height:1.55;}
	.track-row{gap:14px;}
	.track-form .inp.big{font-size:18px; padding:16px 18px;}
	.track-form .btn-block{font-size:17px; padding:16px 18px;}
	.hint{font-size:13.5px;}
}
.lobby-card h2{margin-top:0; font-size:20px; color:#0c3d29 !important;}
.lobby-card p{margin:4px 0 16px; line-height:1.45; color:#1f4634 !important;}
.track-form{display:flex; flex-direction:column; gap:8px;}
.track-form .inp{padding:10px 12px; border:1px solid rgba(20,71,50,.25); border-radius:10px; font-size:15px; background:#ffffff; color:#103626;}
.track-form .btn{align-self:flex-start; background:#0f5c3a !important; border:1px solid #0d4a2f !important; color:#e8fff3 !important; box-shadow:0 10px 26px -12px rgba(15,92,58,.55);}
@media (max-width:520px){
	.lobby-title{font-size:40px; text-align:center;}
	.lobby-container{padding:22px 14px 36px; gap:14px;}
	.lobby-grid{gap:24px;}
	.lobby-card{padding:24px 20px;}
	.lobby-card.hero h2{font-size:26px;}
	.hero-benefits li{font-size:13px; padding:9px 14px;}
	.track-form .inp.big{font-size:17px;}
	.track-form .btn-block{font-size:16px;}
	.track-row{gap:12px;}
}

@media (max-width:420px){
	.lobby-title{font-size:36px;}
	.lobby-card{padding:22px 18px;}
	.lobby-card.hero p{font-size:15.5px;}
	.hero-benefits li{font-size:13px;}
	.track-form .inp.big{font-size:16.5px; padding:15px 16px;}
	.track-form .btn-block{font-size:16.5px;}
	.track-enhanced .muted-sm{font-size:14.5px;}
	.hint{font-size:13px; text-align:center;}
}

/* Admin stealth modal styles removed to avoid any public UI affordance. */