:root{--primary-color:#2a4365;--accent-color:#ed8936;--text-color:#2d3748;--bg-color:#fff;--bg-gradient-1:linear-gradient(120deg,#e0eafc 0%,#cfdef3 100%);--bg-gradient-2:linear-gradient(120deg,#84fab0 0%,#8fd3f4 100%);--banner-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}html{scroll-behavior:smooth;scroll-padding-top:80px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}body{color:var(--text-color);background:linear-gradient(135deg,#f5f7fa 0%,#c3cfe2 100%);margin:0;font-family:Roboto,sans-serif;line-height:1.6}header,footer{color:#fff;text-align:center;background-color:#333;padding:1em}main{padding:2em}h1,h2{margin:0}ul{padding:0;list-style:none}li{margin-bottom:1em}.elegant-header{z-index:1000;color:#fff;text-align:center;background:linear-gradient(135deg,#000428 0%,#004e92 100%);padding:2rem;position:sticky;top:0;box-shadow:0 4px 6px #0000001a}.elegant-header.compact{transition:all .3s;padding:15px 20px!important}.elegant-header.compact .logo img{transition:all .3s;width:30px!important;height:30px!important}.logo{color:#fff!important;text-decoration:none!important}.logo img{vertical-align:middle;margin-right:8px}.main-nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.nav-links{gap:2rem;display:flex}.nav-links a{color:#fff;text-decoration:none;transition:color .3s}.nav-links a:hover,.nav-links a.active{color:var(--accent-color)}.mobile-menu-toggle{color:#fff;cursor:pointer;background:0 0;border:none;order:-1;font-size:1.5rem;display:none}.nav-close{display:none}@media (width<=768px){.mobile-menu-toggle{display:block}.main-nav{justify-content:flex-start;gap:1rem}.nav-links{z-index:999;background:linear-gradient(135deg,#000428 0%,#004e92 100%);flex-direction:column;justify-content:center;align-items:center;gap:3rem;width:100%;height:100vh;transition:right .3s;position:fixed;top:0;right:-100%}.nav-links.active{right:0}.nav-links a{padding:1rem;font-size:1.5rem}.nav-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:2rem;display:block;position:absolute;top:2rem;right:2rem}.elegant-header{padding:.8rem 1rem}.elegant-header.compact{padding:.5rem 1rem!important}.elegant-header.compact .logo img{width:25px!important;height:25px!important}main{padding:1rem .5rem}.hero-container{margin:1rem;padding:2rem 1rem}.banner{margin-bottom:2rem;padding:2rem 1rem}.plans-container{padding:0 1rem}.section-header{margin-bottom:2rem;padding:0 1rem}.section-header h2{font-size:1.8rem}.section-description{font-size:1rem}.elegant-footer{padding:2rem 1rem 1rem}}.hero-container{backdrop-filter:blur(4px);background:#ffffffe6;border-radius:20px;max-width:1200px;margin:0 auto;padding:4rem 2rem;animation:1s ease-out .3s backwards fadeIn;box-shadow:0 8px 32px #1f268726}@media (width<=768px){.elegant-header h1{font-size:2rem}}.plans-section{background:var(--bg-gradient-1);padding:4rem 0;position:relative}.plans-section:before{content:"";backdrop-filter:blur(2px);background:#ffffff80;position:absolute;inset:0}.plans-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem;display:grid}.plan-card{text-align:center;backdrop-filter:blur(4px);background:#fffffff2;border-radius:15px;padding:2rem;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.plan-card:hover{transform:translateY(-10px);box-shadow:0 8px 15px #0000001a}.plan-card.popular:before{content:"Most Popular";background:var(--accent-color);color:#fff;padding:.5rem 3rem;font-size:.8rem;font-weight:500;position:absolute;top:1rem;right:-2rem;transform:rotate(45deg)}.plan-card.coming-soon{opacity:.7;position:relative}.plan-card.coming-soon:after{content:"Coming Soon";color:#fff;background:#718096;padding:.5rem 3rem;font-size:.8rem;font-weight:500;position:absolute;top:1rem;right:-2rem;transform:rotate(45deg)}.plan-card.active{border:2px solid var(--accent-color);background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%)}.plan-card.active:after{content:"Active";background:var(--accent-color);color:#fff;padding:.5rem 3rem;font-size:.8rem;font-weight:500;position:absolute;top:1rem;right:-2rem;transform:rotate(45deg)}.plan-card.coming-soon .plan-button{cursor:not-allowed;pointer-events:none;background:#718096}.plan-name{color:var(--primary-color);margin-bottom:1rem;font-family:Playfair Display,serif;font-size:1.5rem}.plan-price{color:var(--text-color);margin-bottom:1.5rem;font-size:2.5rem;font-weight:700}.plan-price span{color:#718096;font-size:1rem}.plan-features{margin:2rem 0;padding:0;list-style:none}.plan-features li{color:#4a5568;margin:.8rem 0}.plan-button{background:var(--primary-color);color:#fff;border-radius:5px;padding:1rem 2rem;text-decoration:none;transition:background-color .3s;display:inline-block}.plan-button:hover{background:#1a365d}.popular .plan-button{background:var(--accent-color)}.popular .plan-button:hover{background:#dd6b20}@media (width<=768px){.plans-container{grid-template-columns:1fr;max-width:400px}}.elegant-footer{color:#fff;background:linear-gradient(135deg,#000428 0%,#004e92 100%);margin-top:2rem;padding:4rem 2rem 2rem}.footer-content{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1200px;margin:0 auto;display:grid}.footer-section{padding:0 1rem}.footer-section h4{margin-bottom:1.5rem;font-family:Playfair Display,serif;font-size:1.2rem;position:relative}.footer-section h4:after{content:"";background:var(--accent-color);width:50px;height:2px;position:absolute;bottom:-.5rem;left:0}.footer-links{margin:0;padding:0;list-style:none}.footer-links li{margin-bottom:.8rem}.footer-links a{color:#fffc;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--accent-color)}.social-links{gap:1rem;margin-top:1rem;display:flex}.social-links a{color:#fff;font-size:1.5rem;transition:transform .3s}.social-links a:hover{transform:translateY(-3px)}.footer-bottom{text-align:center;color:#fff9;border-top:1px solid #ffffff1a;margin-top:3rem;padding-top:2rem;font-size:.9rem}.banner{background:var(--banner-gradient);color:#fff;text-align:center;margin-bottom:4rem;padding:3rem 2rem;position:relative;overflow:hidden}.banner:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg width=\"20\" height=\"20\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M0 0h20v20H0z\" fill=\"none\"/><path d=\"M10 0l10 10-10 10L0 10z\" fill=\"rgba(255,255,255,0.05)\"/></svg>");position:absolute;inset:0}.banner-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.banner h2{margin-bottom:1rem;font-family:Playfair Display,serif;font-size:2.5rem;animation:1s ease-out fadeIn}.banner p{opacity:.9;margin-bottom:2rem;font-size:1.2rem}.banner-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.banner-button{color:#fff;border:2px solid #fff;border-radius:5px;padding:1rem 2rem;font-weight:500;text-decoration:none;transition:all .3s}.banner-button.primary{color:var(--primary-color);background:#fff}.banner-button:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0003}.section-header{text-align:center;z-index:1;margin-bottom:3rem;position:relative}.section-header h2{color:var(--primary-color);margin-bottom:1rem;font-family:Playfair Display,serif;font-size:2.5rem}.section-description{color:#4a5568;max-width:600px;margin:0 auto;font-size:1.2rem}.intro-section{text-align:center;padding:2rem 0 4rem}.intro-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-top:3rem;padding:2rem;display:grid}.intro-stat{flex-direction:column;align-items:center;gap:1rem;display:flex}.stat-icon{color:var(--accent-color);margin-bottom:.5rem;font-size:2.5rem}.stat-number{color:var(--primary-color);font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700}.intro-stat p{color:#4a5568;margin:0;font-size:1.1rem}.wave-divider{width:100%;height:120px;margin:2rem 0;position:relative;overflow:hidden}.wave-divider svg{width:100%;height:100%;position:absolute;bottom:0;left:0;transform:rotate(180deg)}.wave-divider path{fill:var(--primary-color,#4a90e2);opacity:.1}@media (width<=768px){.banner h2{font-size:2rem}.banner-buttons{flex-direction:column}.footer-content{text-align:center;grid-template-columns:1fr}.footer-section h4:after{left:50%;transform:translate(-50%)}.social-links{justify-content:center}}