/* Whale Membership — Auth Pages */
.wm-auth-wrap {
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    background: linear-gradient(135deg, #0c2d48 0%, #0a3d62 50%, #145374 100%);
}

.wm-auth-card {
    width: 100%;
    max-width: 420px;
    background: #fff;
    border-radius: 16px;
    padding: 48px 36px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.wm-auth-header {
    text-align: center;
    margin-bottom: 32px;
}
.wm-auth-header h1 {
    font-size: 24px;
    font-weight: 700;
    color: #0c2d48;
    margin: 0 0 8px;
}
.wm-auth-header p {
    font-size: 14px;
    color: #6b7c8a;
    margin: 0;
}

.wm-auth-form .wm-field {
    margin-bottom: 20px;
}
.wm-auth-form label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #4a5568;
    margin-bottom: 6px;
}
.wm-auth-form input {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 15px;
    transition: border-color 0.2s;
    box-sizing: border-box;
}
.wm-auth-form input:focus {
    outline: none;
    border-color: #1abc9c;
    box-shadow: 0 0 0 3px rgba(26, 188, 156, 0.1);
}

.wm-auth-form .wm-btn {
    width: 100%;
    justify-content: center;
    padding: 14px;
    font-size: 15px;
    margin-top: 8px;
}

.wm-auth-alt {
    text-align: center;
    margin-top: 20px;
    font-size: 13px;
    color: #6b7c8a;
}
.wm-auth-alt a {
    color: #1abc9c;
    font-weight: 600;
    text-decoration: none;
}
.wm-auth-alt a:hover {
    text-decoration: underline;
}

.wm-auth-message {
    margin-top: 16px;
    padding: 12px 16px;
    border-radius: 8px;
    font-size: 13px;
    text-align: center;
}
.wm-auth-message.error {
    background: #fdedec;
    color: #e74c3c;
}
.wm-auth-message.success {
    background: #eafaf1;
    color: #27ae60;
}

@media (max-width: 480px) {
    .wm-auth-card {
        padding: 32px 24px;
    }
}

/* Phase 5 editorial polish */
.wd-editorial-note{margin:0 auto 34px;max-width:920px;border:1px solid rgba(0,74,152,.12);border-radius:28px;background:linear-gradient(135deg,#fff,#f5fbff);padding:26px 28px;box-shadow:0 18px 45px rgba(3,23,45,.07)}
.wd-editorial-note span,.wd-single-editorial-note span{display:inline-flex;margin-bottom:10px;color:#004A98;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.wd-editorial-note b{display:block;color:#03172d;font-size:clamp(24px,3vw,36px);line-height:1.08;margin-bottom:10px}
.wd-editorial-note p{margin:0;color:#66788f;line-height:1.7;max-width:680px}
.whaledive-blog .wd-blog-featured,.whaledive-blog .wd-blog-card{position:relative;overflow:hidden}
.whaledive-blog .wd-blog-featured:before,.whaledive-blog .wd-blog-card:before{content:"";position:absolute;right:-52px;top:-52px;width:160px;height:160px;border:24px solid rgba(255,255,255,.09);border-radius:50%}
.whaledive-blog .wd-blog-featured>*,.whaledive-blog .wd-blog-card>*{position:relative;z-index:1}
.wd-single-editorial-note{border-left:4px solid #4CC8ED;background:#f5fbff;border-radius:0 18px 18px 0;padding:18px 22px;margin:0 0 26px;color:#274563}
.wd-single-editorial-note p{margin:0;line-height:1.7;color:#66788f}

/* Phase 6 member/auth polish */
.wm-auth-wrap{background:radial-gradient(circle at 18% 20%,rgba(76,200,237,.22),transparent 28%),linear-gradient(135deg,#03172d 0%,#004A98 58%,#3B44AC 100%)!important;min-height:calc(100vh - 80px)!important;padding:88px 20px!important}
.wm-auth-card{max-width:460px!important;border-radius:30px!important;padding:34px!important;box-shadow:0 30px 90px rgba(3,23,45,.26)!important;border:1px solid rgba(255,255,255,.18)!important}
.wm-auth-proof{margin:-8px -8px 24px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#03172d,#004A98);color:#fff}
.wm-auth-proof span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:900;color:#96DAEA;margin-bottom:8px}
.wm-auth-proof b{display:block;font-size:17px;line-height:1.35}
.wm-auth-header h1{font-size:30px!important;letter-spacing:-.03em!important;color:#03172d!important}
.wm-auth-header p{font-size:15px!important;line-height:1.6!important;color:#66788f!important}
.wm-auth-form input{border-radius:16px!important;background:#f5fbff!important;border:1.5px solid rgba(0,74,152,.14)!important;padding:14px 16px!important}
.wm-auth-form input:focus{border-color:#4CC8ED!important;box-shadow:0 0 0 4px rgba(76,200,237,.14)!important;background:#fff!important}
.wm-auth-form .wm-btn,.wm-auth-form .wm-btn-primary{border-radius:999px!important;background:linear-gradient(135deg,#004A98,#3B44AC)!important;padding:15px 18px!important;font-weight:900!important}
.wm-auth-alt a{color:#004A98!important;font-weight:900!important}
.wm-dashboard{background:linear-gradient(180deg,#f5fbff,#fff)!important}
.wm-dash-sidebar{background:radial-gradient(circle at 20% 0,rgba(76,200,237,.22),transparent 30%),linear-gradient(180deg,#03172d,#021126)!important}
.wm-dash-nav a{border-radius:16px!important;font-weight:800!important}
.wm-dash-nav a.active{background:linear-gradient(135deg,#004A98,#3B44AC)!important;box-shadow:0 12px 30px rgba(0,74,152,.28)!important}
.wm-dash-content{padding:32px!important}
.wm-dash-hero{margin:0 0 24px;border-radius:30px;padding:28px;background:linear-gradient(135deg,#03172d,#004A98 62%,#3B44AC);color:#fff;box-shadow:0 22px 70px rgba(3,23,45,.16);position:relative;overflow:hidden}
.wm-dash-hero:after{content:"";position:absolute;right:-50px;bottom:-50px;width:180px;height:180px;border-radius:50%;border:24px solid rgba(255,255,255,.1)}
.wm-dash-hero span{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.14);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:#96DAEA}
.wm-dash-hero h1{position:relative;z-index:1;font-size:clamp(30px,4vw,48px);line-height:1;margin:18px 0 10px;color:#fff}
.wm-dash-hero p{position:relative;z-index:1;max-width:660px;margin:0;color:rgba(255,255,255,.78);line-height:1.7}
.wm-dash-section,.wm-card,.wm-empty-state,.wm-order-card{border-radius:24px!important;border:1px solid rgba(0,74,152,.1)!important;box-shadow:0 16px 44px rgba(3,23,45,.07)!important}
@media(max-width:768px){.wm-dashboard{display:block!important}.wm-dash-sidebar{position:relative!important;width:auto!important;height:auto!important}.wm-dash-content{padding:18px!important}.wm-dash-hero{border-radius:24px;padding:22px}.wm-auth-wrap{padding:74px 14px 34px!important}.wm-auth-card{padding:24px!important;border-radius:24px!important}}

/* Phase 7 checkout visual wrapper */
.wm-checkout{max-width:1040px!important;padding:40px 20px 70px!important}
.wm-checkout-header{position:relative;overflow:hidden;border-radius:34px;background:linear-gradient(135deg,#03172d,#004A98 58%,#3B44AC);color:#fff;padding:42px 30px;margin-bottom:28px!important;box-shadow:0 24px 80px rgba(3,23,45,.18)}
.wm-checkout-header:before{content:"";position:absolute;inset:-40px;background:radial-gradient(circle at 20% 20%,rgba(76,200,237,.45),transparent 28%),repeating-radial-gradient(circle at 50% 0,rgba(255,255,255,.09) 0 1px,transparent 1px 40px)}
.wm-checkout-header>*{position:relative;z-index:1}.wm-checkout-header h1{color:#fff!important;font-size:clamp(34px,5vw,58px)!important;line-height:1!important;margin:0 0 12px!important}.wm-checkout-header p{color:rgba(255,255,255,.78)!important;max-width:640px;margin:0 auto!important;line-height:1.7!important}
.wm-order-summary,.wm-payment-methods{border-radius:28px!important;border:1px solid rgba(0,74,152,.12)!important;box-shadow:0 20px 60px rgba(3,23,45,.08)!important;padding:28px!important}
.wm-payment-methods h2,.wm-order-summary h2{font-size:22px!important;color:#03172d!important}
.wm-method-tab{border-radius:18px!important;border:1px solid rgba(0,74,152,.1)!important;background:#f5fbff!important;font-weight:900!important}.wm-method-tab.active{background:linear-gradient(135deg,#004A98,#3B44AC)!important;color:#fff!important;border-color:transparent!important}
.wm-checkout-item{border-radius:18px;padding:14px!important;background:#f8fbff;margin-bottom:10px}.wm-total-row{border-radius:22px;background:#03172d;color:#fff;padding:18px 20px}.wm-total-amount{color:#96DAEA!important}
.wm-bank-info,.wm-upload-section,.wm-manual-payment{border-radius:22px!important;background:#f8fbff!important;border:1px solid rgba(0,74,152,.1)!important}.wm-checkout .wm-btn,.wm-checkout button[type=submit]{border-radius:999px!important;background:linear-gradient(135deg,#004A98,#3B44AC)!important;font-weight:900!important;box-shadow:0 14px 34px rgba(0,74,152,.24)!important}