.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--navbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;align-items:center;transition:box-shadow var(--transition-base)}.navbar.scrolled{box-shadow:var(--shadow-sm)}.navbar-inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-md);justify-content:space-between}.navbar-brand,.navbar-inner{display:flex;align-items:center}.navbar-brand{gap:var(--space-sm);text-decoration:none}.navbar-brand-icon{width:36px;height:36px;background:var(--color-primary-gradient);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-text-inverse)}.navbar-brand-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-primary);line-height:1.2}.navbar-brand-text span{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.navbar-links{display:flex;align-items:center;gap:var(--space-xs);list-style:none}.navbar-link{padding:8px 16px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.navbar-link.active,.navbar-link:hover{color:var(--color-primary);background:var(--color-primary-alpha-08)}.navbar-link.active{font-weight:var(--font-weight-semibold)}.navbar-actions{display:flex;align-items:center;gap:var(--space-sm)}.navbar-menu-btn{display:none;width:40px;height:40px;align-items:center;justify-content:center;background:transparent;border-radius:var(--radius-md);color:var(--color-text-primary)}.mobile-menu{position:fixed;top:var(--navbar-height);left:0;right:0;bottom:0;background:var(--color-surface);z-index:99;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm);transform:translateX(100%);transition:transform var(--transition-slow)}.mobile-menu.open{transform:translateX(0)}.mobile-menu-link{display:flex;align-items:center;gap:var(--space-md);padding:14px var(--space-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.mobile-menu-link:hover{background:var(--color-tertiary);color:var(--color-primary)}.mobile-menu-divider{height:1px;background:var(--color-border);margin:var(--space-sm) 0}@media (max-width:768px){.navbar-actions .hide-mobile,.navbar-links{display:none}.navbar-menu-btn{display:flex}}.hero{position:relative;background:var(--color-primary-gradient);padding:calc(var(--navbar-height) + var(--space-3xl)) 0 var(--space-3xl);overflow:hidden;min-height:480px;display:flex;align-items:center}.hero:before{top:-50%;right:-20%;width:600px;height:600px;background:hsla(0,0%,100%,.04)}.hero:after,.hero:before{content:"";position:absolute;border-radius:50%}.hero:after{bottom:-30%;left:-10%;width:400px;height:400px;background:hsla(0,0%,100%,.03)}.hero-content{position:relative;z-index:1;max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:6px 16px;background:hsla(0,0%,100%,.15);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:hsla(0,0%,100%,.9);margin-bottom:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hero h1{color:var(--color-text-inverse);font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-md);letter-spacing:-.02em}.hero p{color:hsla(0,0%,100%,.85);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin-bottom:var(--space-xl)}.hero-actions{display:flex;gap:var(--space-md);flex-wrap:wrap}.btn-hero-primary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 28px;background:var(--color-surface);color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);transition:all var(--transition-base);text-decoration:none}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--color-primary-dark)}.btn-hero-secondary{display:inline-flex;align-items:center;gap:var(--space-sm);padding:14px 28px;background:hsla(0,0%,100%,.12);color:var(--color-text-inverse);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);border-radius:var(--radius-lg);border:1.5px solid hsla(0,0%,100%,.3);transition:all var(--transition-base);text-decoration:none;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.btn-hero-secondary:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px);color:var(--color-text-inverse)}@media (max-width:768px){.hero{padding:calc(var(--navbar-height) + var(--space-2xl)) 0 var(--space-2xl);min-height:auto}.hero h1{font-size:var(--font-size-3xl)}.hero p{font-size:var(--font-size-base)}.hero-actions{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{width:100%;justify-content:center}}.section-header{text-align:center;max-width:600px;margin:0 auto var(--space-2xl)}.section-header h2{margin-bottom:var(--space-sm)}.section-header p{font-size:var(--font-size-lg)}.feature-card{padding:var(--space-xl);text-align:center}.feature-card .icon-container{margin:0 auto var(--space-md)}.feature-card h4{margin-bottom:var(--space-sm);font-size:var(--font-size-lg)}.feature-card p{font-size:var(--font-size-sm)}.membership-card{border:2px solid var(--color-border);text-align:center;position:relative}.membership-card.featured{border-color:var(--color-primary)}.membership-card-badge{display:block;margin:var(--space-md) auto var(--space-sm);padding:6px 18px;width:-moz-fit-content;width:fit-content;background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);white-space:nowrap}.membership-card-header{padding:var(--space-xl) var(--space-lg) var(--space-md)}.membership-card.featured .membership-card-header{padding-top:var(--space-lg)}.membership-card-header h3{font-size:var(--font-size-xl);margin-bottom:var(--space-xs)}.membership-price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-primary)}.membership-price span{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.membership-features{padding:var(--space-md) var(--space-lg) var(--space-xl);list-style:none}.membership-features li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.membership-features li svg{color:var(--color-secondary);flex-shrink:0}.membership-card-footer{padding:0 var(--space-lg) var(--space-xl)}.membership-card-footer .btn{width:100%}.announcement-card{display:flex;flex-direction:column}.announcement-card-image{height:180px;background:var(--color-tertiary);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.announcement-card-body{padding:var(--space-lg);flex:1 1;display:flex;flex-direction:column}.announcement-card-date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-bottom:var(--space-sm)}.announcement-card-body h4{font-size:var(--font-size-base);margin-bottom:var(--space-sm)}.announcement-card-body p{font-size:var(--font-size-sm);flex:1 1}.footer{background:var(--color-text-primary);color:hsla(0,0%,100%,.7);padding:var(--space-3xl) 0 var(--space-xl)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:var(--space-2xl);gap:var(--space-2xl);margin-bottom:var(--space-2xl)}.footer-brand-logo{display:flex;align-items:center;gap:var(--space-md)}.footer-brand-name{font-size:var(--font-size-lg);font-weight:700;color:#fff;line-height:1.3}@media (max-width:480px){.footer-brand-logo{flex-wrap:wrap}}.footer-brand p{color:hsla(0,0%,100%,.5);font-size:var(--font-size-sm);margin-top:var(--space-md);line-height:var(--line-height-relaxed)}.footer-heading{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-inverse);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none;display:flex;flex-direction:column;gap:var(--space-sm)}.footer-links a{color:hsla(0,0%,100%,.6);font-size:var(--font-size-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-text-inverse)}.footer-bottom{padding-top:var(--space-xl);border-top:1px solid hsla(0,0%,100%,.1);font-size:var(--font-size-xs);color:hsla(0,0%,100%,.4);text-align:center}@media (max-width:768px){.footer-grid{grid-template-columns:1fr;gap:var(--space-xl)}}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-background);padding:var(--space-md);overflow-y:auto}.auth-card{width:100%;max-width:440px;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-2xl);max-height:calc(100vh - var(--space-lg) * 2);overflow-y:auto}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-header .navbar-brand-icon{width:48px;height:48px;margin:0 auto var(--space-md)}.auth-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--space-xs)}.auth-header p{font-size:var(--font-size-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-form .btn{width:100%;margin-top:var(--space-sm)}.auth-footer{text-align:center;margin-top:var(--space-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.auth-footer a{font-weight:var(--font-weight-semibold)}