*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}html{scroll-behavior:smooth}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:1rem}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.8rem}.btn{display:inline-block;padding:12px 30px;border:none;border-radius:50px;text-decoration:none;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:1rem}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea66}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:#333}.btn-outline{background:transparent;color:#667eea;border:2px solid #667eea}.btn-outline:hover{background:#667eea;color:#fff}.btn-full{width:100%}.navbar{position:fixed;top:0;width:100%;background:#000000f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo a{text-decoration:none;color:inherit}.brand{display:inline-block;font-size:1.6rem;font-weight:800;letter-spacing:.5px;text-decoration:none;background:linear-gradient(135deg,#fff,#aeb7ff 40%,#c7a3ff 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px rgba(102,126,234,.35));transition:transform .2s ease,filter .2s ease}.brand:hover{transform:translateY(-1px);filter:drop-shadow(0 6px 16px rgba(102,126,234,.45))}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease}.nav-pill{padding:8px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(180deg,#ffffff14,#ffffff05);box-shadow:inset 0 1px #fff3}.nav-pill:hover{background:linear-gradient(135deg,#667eeae6,#764ba2e6);border-color:transparent;box-shadow:0 8px 20px #667eea59}.logout-btn{background:#e74c3c;color:#fff;border:none;padding:8px 20px;border-radius:25px;cursor:pointer;font-weight:500}.logout-btn:hover{background:#c0392b}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background:#fff;margin:3px 0;transition:.3s}.hero{height:100vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;margin-top:70px}.hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(#0009,#0009),url(/head1.jpg);background-size:cover;background-position:center;z-index:-1}.hero-content{max-width:800px;padding:0 20px;animation:fadeInUp 1s ease-out}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}section{padding:80px 0}.about{background:#f8f9fa}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:2rem}.feature{text-align:center;padding:1.5rem;background:#fff;border-radius:10px;box-shadow:0 5px 15px #0000001a;transition:transform .3s ease}.feature:hover{transform:translateY(-5px)}.feature i{font-size:2.5rem;color:#667eea;margin-bottom:1rem}.about-image img{width:70%;border-radius:15px;box-shadow:0 10px 30px #0003}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.service-card{background:#fff;padding:2rem;border-radius:15px;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease}.service-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #00000026}.service-card i{font-size:3rem;color:#667eea;margin-bottom:1rem}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.contact-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:2rem}.contact-item i{font-size:1.5rem;color:#667eea;margin-top:.2rem}.contact-form{background:#f8f9fa;padding:2rem;border-radius:15px}.contact-form input,.contact-form textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;margin-bottom:1rem;transition:border-color .3s ease}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#667eea}.footer{background:#2c3e50;color:#fff;padding:60px 0 20px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{color:#fff;margin-bottom:1rem}.footer-section p{color:#bdc3c7;margin-bottom:1rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#bdc3c7;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#667eea}.social-links{display:flex;gap:1rem}.social-links a{width:40px;height:40px;background:#34495e;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;transition:all .3s ease}.social-links a:hover{background:#667eea;transform:translateY(-2px)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid #34495e;color:#bdc3c7}.login-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.auth-section{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:100px 20px 20px}.auth-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0003;padding:3rem;width:100%;max-width:500px}.auth-tabs{display:flex;margin-bottom:2rem;border-radius:10px;overflow:hidden;background:#f8f9fa}.tab-btn{flex:1;padding:1rem;border:none;background:transparent;cursor:pointer;font-weight:600;transition:all .3s ease}.tab-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.auth-form{display:none}.auth-form.active{display:block}.auth-form h2{text-align:center;color:#333;margin-bottom:.5rem}.auth-form p{text-align:center;color:#666;margin-bottom:2rem}.input-group{position:relative;margin-bottom:1rem}.input-group i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#667eea;z-index:1}.input-group input{width:100%;padding:12px 15px 12px 45px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s ease}.input-group input:focus{outline:none;border-color:#667eea}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.forgot-password{color:#667eea;text-decoration:none;font-size:.9rem}.success-message{text-align:center;padding:2rem}.success-message i{font-size:4rem;color:#27ae60;margin-bottom:1rem}.dashboard-page{background:#f8f9fa}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:120px 0 80px;text-align:center}.welcome-section h1{font-size:2.5rem}.quote-slider{padding:60px 0;background:#fff}.quote-container{position:relative;max-width:800px;margin:0 auto;text-align:center}.quote{display:none;padding:2rem}.quote.active{display:block}.quote i{font-size:3rem;color:#667eea;margin-bottom:1rem}.quote p{font-size:1.5rem;font-style:italic;color:#333}.quote-dots{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.dot{width:12px;height:12px;border-radius:50%;background:#ddd;cursor:pointer;transition:background .3s ease}.dot.active{background:#667eea}.plans-section{background:#fff}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.plan-card{background:#fff;border-radius:15px;padding:2.5rem;text-align:center;box-shadow:0 10px 30px #0000001a;transition:all .3s ease;position:relative;border:2px solid transparent}.plan-card:hover{transform:translateY(-10px)}.plan-card.featured{border-color:#667eea;transform:scale(1.05)}.plan-card .badge{position:absolute;top:-12px;right:18px;background:#ff7f73;color:#fff;padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:700;box-shadow:0 8px 18px #ff7f7359}.plan-price{font-size:3rem;font-weight:700;color:#333;margin-bottom:2rem}.plan-price span{font-size:1rem;color:#666}.plan-card ul{list-style:none;margin-bottom:2rem}.plan-card ul li{padding:.5rem 0;display:flex;align-items:center;gap:.5rem}.plan-card ul li i{color:#27ae60}.billing-toggle{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:10px}.toggle-label{color:#666;font-weight:600;cursor:pointer}.toggle-label.active{color:#333}.switch{position:relative;display:inline-block;width:56px;height:30px}.switch input{display:none}.slider{position:absolute;cursor:pointer;inset:0;background:#e6e8ef;transition:.3s;border-radius:999px}.slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;top:4px;background:linear-gradient(135deg,#667eea,#764ba2);transition:.3s;border-radius:50%;box-shadow:0 6px 14px #667eea66}input:checked+.slider{background:#dfe3f5}input:checked+.slider:before{transform:translate(26px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.hamburger{display:flex}.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background:#000000f2;width:100%;text-align:center;transition:.3s;padding:2rem 0}.nav-menu.active{left:0}.nav-menu li{margin:1rem 0}h1{font-size:2rem}h2{font-size:1.8rem}.hero-buttons{flex-direction:column;align-items:center}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.services-grid,.plans-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.auth-container{padding:2rem;margin:1rem}.dashboard-header{padding:100px 0 60px}.welcome-section h1{font-size:2rem}}