@import "https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";
.member-page{background:linear-gradient(135deg,#e0e7ef 0%,#d3dce6 100%);min-height:100vh;font-family:Lato,sans-serif;overflow-x:hidden}.member-hero{height:calc(100dvh - var(--navbar-height));text-align:center;background-image:url(/images/landing9.png);background-position:50% 30%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.member-hero:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#0000,#e0e7ef);height:150px;position:absolute;bottom:0;left:0;right:0}.member-hero-overlay{background:linear-gradient(#037ef352 0%,#0b3d9173 45%,#037ef361 100%);position:absolute;inset:0}.member-hero-content{z-index:2;color:#fff;max-width:900px;padding:2rem;position:relative}.member-hero-title{text-shadow:0 4px 20px #0000004d;margin-bottom:1.5rem;font-size:5rem;font-weight:900;animation:.8s fadeInUp}.member-hero-subtitle{text-shadow:0 2px 10px #0003;margin-bottom:2.5rem;font-size:1.5rem;font-weight:400;line-height:1.8;animation:.8s .2s backwards fadeInUp}.member-hero-btn{color:#037ef3;cursor:pointer;background:#fff;border:none;border-radius:50px;padding:1.2rem 3.5rem;font-size:1.2rem;font-weight:700;transition:all .3s;animation:.8s .4s backwards fadeInUp;box-shadow:0 8px 24px #0003}.member-hero-btn:hover{background:#f8f9fa;transform:translateY(-3px);box-shadow:0 12px 32px #0000004d}.member-page .benefits-section{background:0 0;margin-top:6rem;padding:0 0 6rem}.member-page .benefits-section .section-marquee{background:0 0;align-items:center;margin-bottom:5rem;padding:3rem 0;display:flex;position:relative;overflow:hidden}.member-page .benefits-section .marquee-track{white-space:nowrap;will-change:transform;align-items:center;animation:25s linear infinite marquee;display:flex}.member-page .benefits-section .marquee-track:nth-child(2){animation:25s linear infinite marquee2;position:absolute}.member-page .benefits-section .marquee-text{color:#037ef3;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;opacity:.15;margin:0;padding:0;font-family:Lato,sans-serif;font-size:4rem;font-weight:900}.member-page .benefits-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2.5rem;max-width:1400px;margin:0 auto;padding:0 2rem;display:grid}.member-page .benefit-card{-webkit-backdrop-filter:blur(40px);text-align:center;background:#fff6;border:1px solid #ffffff80;border-radius:25px;padding:3rem 2.5rem;transition:all .3s;box-shadow:0 8px 32px #037ef326,inset 0 1px #fff9}.member-page .benefit-card:hover{transform:translateY(-10px);box-shadow:0 12px 40px #037ef333,inset 0 1px #fffc}.member-page .benefit-icon{background:linear-gradient(135deg,#037ef3 0% 100%);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex;box-shadow:0 8px 24px #037ef34d}.member-page .benefit-icon i{color:#fff;font-size:2rem}.member-page .benefit-card h3{color:#2a2a2a;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.member-page .benefit-card p{color:#555;font-size:1rem;line-height:1.8}.member-page .signup-section{background:0 0;padding:0 0 6rem}.member-page .signup-section .section-marquee{background:0 0;align-items:center;margin-bottom:4rem;padding:3rem 0;display:flex;position:relative;overflow:hidden}.member-page .signup-section .marquee-track{white-space:nowrap;will-change:transform;align-items:center;animation:25s linear infinite marquee;display:flex}.member-page .signup-section .marquee-track:nth-child(2){animation:25s linear infinite marquee2;position:absolute}.member-page .signup-section .marquee-text{color:#037ef3;white-space:nowrap;letter-spacing:.05em;text-transform:uppercase;opacity:.15;margin:0;padding:0;font-family:Lato,sans-serif;font-size:4rem;font-weight:900}.member-page .signup-container{-webkit-backdrop-filter:blur(40px);background:#fff6;border:1px solid #ffffff80;border-radius:30px;max-width:1000px;margin:0 auto;padding:4rem 3rem;box-shadow:0 8px 32px #037ef31a,inset 0 1px #fff9}.member-page .signup-title{text-align:center;color:#2a2a2a;background:linear-gradient(135deg,#037ef3 0% 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:900}.member-page .signup-subtitle{text-align:center;color:#555;margin-bottom:3rem;font-size:1.1rem}.member-page .signup-form{flex-direction:column;gap:1.5rem;display:flex}.member-page .form-row{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.member-page .form-row>:only-child{grid-column:1/-1}.member-page .form-field{flex-direction:column;gap:.5rem;width:100%;display:flex}.member-page .error-message{color:#dc3545;margin-top:.25rem;margin-left:.5rem;font-size:.85rem}.member-page .form-input.error{background:#dc35450d;border-color:#dc3545}.member-page .alert{border-radius:12px;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:1rem;font-weight:500}.member-page .alert-success{color:#155724;background:#28a7451a;border:1px solid #28a7454d}.member-page .alert-error{color:#721c24;background:#dc35451a;border:1px solid #dc35454d}.member-page .signup-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.member-page .signup-btn:disabled:hover{transform:none;box-shadow:0 8px 24px #037ef34d}.member-page .form-row-full{width:100%;display:flex}.member-page .form-input{color:#333;background:#fff9;border:1px solid #0000001a;border-radius:12px;padding:1rem 1.5rem;font-family:Lato,sans-serif;font-size:1rem;transition:all .3s}.member-page .form-input::placeholder{color:#999}.member-page .form-input:focus,.member-page .form-input:focus-within{background:#fffc;border-color:#037ef3;outline:none;box-shadow:0 0 0 3px #037ef31a}.member-page .form-input:required:invalid{border-color:#0000001a}.member-page .form-checkbox{align-items:flex-start;gap:.8rem;margin-top:1rem;display:flex}.member-page .form-checkbox input[type=checkbox]{cursor:pointer;accent-color:#037ef3;width:20px;height:20px}.member-page .form-checkbox label{color:#666;cursor:pointer;font-size:.95rem}.member-page .signup-btn{color:#fff;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:linear-gradient(135deg,#037ef3 0% 100%);border:none;border-radius:50px;margin-top:1.5rem;padding:1.2rem 3rem;font-size:1.2rem;font-weight:700;transition:all .3s;box-shadow:0 8px 24px #037ef34d}.member-page .signup-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #037ef366}.member-page .signup-btn:active{transform:translateY(-1px)}@keyframes marquee{0%{transform:translate(0%)}to{transform:translate(-100%)}}@keyframes marquee2{0%{transform:translate(100%)}to{transform:translate(0%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.member-hero{height:auto;min-height:52vh;padding:3rem 1.25rem 2.5rem}.member-hero-content{max-width:100%;padding:0}.member-hero-title{margin-bottom:.85rem;font-size:2.75rem;line-height:1.15}.member-hero-subtitle{margin-bottom:1.75rem;font-size:1.05rem;line-height:1.5}.member-hero-btn{padding:.85rem 2.25rem;font-size:1rem}.member-page .benefits-section{margin-top:1.5rem;padding:0 0 2rem}.member-page .benefits-section .section-marquee,.member-page .signup-section .section-marquee{margin-bottom:1.5rem;padding:1rem 0}.member-page .benefits-section .marquee-text,.member-page .signup-section .marquee-text{font-size:2.25rem}.member-page .benefits-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;padding:0 .85rem}.member-page .benefit-card{border-radius:18px;padding:1.1rem .75rem 1.2rem}.member-page .benefit-icon{width:48px;height:48px;margin-bottom:.7rem}.member-page .benefit-icon i{font-size:1.15rem}.member-page .benefit-card h3{margin-bottom:.4rem;font-size:.95rem}.member-page .benefit-card p{font-size:.78rem;line-height:1.4}.member-page .signup-section{padding:0 0 3rem}.member-page .form-row{grid-template-columns:1fr;gap:1.5rem}.member-page .signup-container{border-radius:20px;padding:2rem 1.25rem}.member-page .signup-title{font-size:1.75rem;line-height:1.25}.member-page .signup-subtitle{margin-bottom:2rem;font-size:.95rem;line-height:1.45}}
