/* ================ FRONT PAGE ================ */

.authletic-landing {
   min-height: calc(100vh - 32px);
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 40px 20px;
   background: radial-gradient(circle at top left, #eef2ff 0, #f9fafb 45%, #ffffff 100%);
}

.authletic-landing-inner {
   max-width: 560px;
   width: 100%;
   text-align: center;
   background: rgba(255, 255, 255, 0.85);
   border-radius: 24px;
   padding: 32px 28px 28px;
   box-shadow: 0 24px 60px rgba(15, 23, 42, 0.08);
   backdrop-filter: blur(18px);
   border: 1px solid rgba(229, 231, 235, 0.9);
}

.authletic-landing-pill {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 4px 12px;
   border-radius: 999px;
   background: #f3f4ff;
   color: #4338ca;
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 0.12em;
   text-transform: uppercase;
   margin-bottom: 12px;
}

.authletic-landing-title {
   margin: 0 0 8px;
   font-size: 28px;
   line-height: 1.3;
   letter-spacing: -0.03em;
   color: #0f172a;
}

.authletic-landing-subtitle {
   margin: 0 0 22px;
   font-size: 14px;
   line-height: 1.6;
   color: #6b7280;
}

.authletic-landing-actions {
   display: flex;
   justify-content: center;
}

.authletic-btn-primary {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 9px 20px;
   border-radius: 999px;
   border: none;
   font-size: 13px;
   font-weight: 500;
   background: #007aff;
   color: #ffffff;
   text-decoration: none;
   box-shadow: 0 10px 24px rgba(0, 122, 255, 0.4);
   transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
}

.authletic-btn-primary:hover {
   background: #0060d4;
   box-shadow: 0 14px 30px rgba(0, 122, 255, 0.5);
   transform: translateY(-1px);
}

/* ================ LOGIN PAGE ================ */

body.login {
   background: radial-gradient(circle at top left, #eef2ff 0, #f9fafb 45%, #ffffff 100%);
   font-family: -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
}

body.login #login {
   width: 380px;
   padding: 48px 20px;
}

/* Hide default WP logo */
body.login h1 {
   display: none;
}

/* Our custom heading + subtitle */
.authletic-login-heading {
   text-align: center;
   margin-bottom: 22px;
}

.authletic-login-pill {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   padding: 4px 12px;
   border-radius: 999px;
   background: #f3f4ff;
   color: #4338ca;
   font-size: 11px;
   font-weight: 600;
   letter-spacing: 0.12em;
   text-transform: uppercase;
   margin-bottom: 10px;
}

.authletic-login-title {
   margin: 0 0 6px;
   font-size: 28px;
   /* bigger */
   font-weight: 600;
   letter-spacing: -0.03em;
   color: #0f172a;
}

.authletic-login-subtitle {
   margin: 0;
   font-size: 14px;
   /* bigger */
   color: #6b7280;
}

/* Login form card */

body.login form {
   margin-top: 0;
   border-radius: 18px;
   padding: 26px 22px 22px;
   border: 1px solid #e5e7eb;
   box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
}

body.login form .input,
body.login input[type="text"],
body.login input[type="password"] {
   border-radius: 10px;
   border: 1px solid #d1d5db;
   padding: 8px 10px;
   font-size: 14px;
   /* bigger */
   box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
}

body.login .button-primary {
   width: 100%;
   border-radius: 999px;
   background: #007aff;
   border: none;
   padding: 9px 18px;
   font-size: 14px;
   /* bigger */
   font-weight: 500;
   box-shadow: 0 8px 24px rgba(0, 122, 255, 0.45);
   transition: background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;
   margin-top: 20px;
   min-height: 60px !important;
}

body.login .button-primary:hover {
   background: #0060d4;
   box-shadow: 0 10px 30px rgba(0, 122, 255, 0.55);
   transform: translateY(-1px);
}

/* Misc login links */

body.login #nav,
body.login #backtoblog {
   text-align: center;
   font-size: 13px;
   /* bigger */
}

body.login #nav a,
body.login #backtoblog a {
   color: #4b5563;
}

body.login #nav a:hover,
body.login #backtoblog a:hover {
   color: #111827;
}