body { background: #eef1e5; }
.container-login100 { background: radial-gradient(circle at 18% 12%, #dce9b5 0, transparent 32%), linear-gradient(135deg, #f6f4e9 0%, #e9efe0 100%); }
.wrap-login100 { border: 1px solid rgba(18, 61, 43, .09); border-radius: 22px; box-shadow: 0 24px 72px rgba(18, 61, 43, .14); }
.super-delivery-auth-brand { display: flex; justify-content: center; width: 100%; margin: 0 0 30px; }
.super-delivery-auth-brand img { display: block; max-width: min(100%, 214px); height: auto; }
.login100-form-title { color: #123d2b; font-weight: 800; letter-spacing: -.03em; }
.login100-form-btn { border: 0; background: #123d2b; box-shadow: 0 10px 20px rgba(18, 61, 43, .18); cursor: pointer; }
.login100-form-btn:hover, .login100-form-btn:focus-visible { background: #1d6744; box-shadow: 0 12px 24px rgba(18, 61, 43, .22); }
.wrap-input100:focus-within { border-color: #1d6744; }
.input100:focus + .focus-input100::after { color: #1d6744; }
.container-login100-form-btn { margin-top: 3px; }
@media (max-width: 575.98px) { .wrap-login100 { padding: 34px 24px !important; border-radius: 18px; } .super-delivery-auth-brand { margin-bottom: 20px; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; } }