*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background:linear-gradient(135deg,#f5f7ff,#e9eef5);color:#1a2a3a;line-height:1.6}.container{max-width:1280px;margin:0 auto;padding:0 24px}.navbar{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,0.05);position:sticky;top:0;z-index:100;padding:16px 0}.navbar .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}.logo i{color:#3b82f6;margin-right:8px}.nav-links a{margin:0 20px;text-decoration:none;color:#4a5568;font-weight:500}.auth-buttons button,.user-menu button{margin-left:12px;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:8px 24px;border:none;border-radius:40px;font-weight:600}.btn-outline{background:transparent;border:1.5px solid #3b82f6;color:#3b82f6;padding:8px 24px;border-radius:40px;font-weight:600}.btn-sm{background:#f0f2f5;padding:6px 16px;border:none;border-radius:40px}.hero{padding:80px 0;text-align:center}.hero-content h1{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#1e293b,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:24px}.hero-content p{font-size:1.2rem;color:#4b5563;max-width:700px;margin:0 auto 32px}.hero-buttons{display:flex;gap:20px;justify-content:center}.hero-stats{display:flex;justify-content:center;gap:60px;margin-top:60px}.stat{text-align:center}.stat i{font-size:2rem;color:#3b82f6}.stat span{font-size:1.8rem;font-weight:800}.features{padding:80px 0;background:#fff}.section-title{text-align:center;font-size:2.2rem;margin-bottom:48px;font-weight:700}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background:#f8fafc;padding:32px 24px;border-radius:24px;text-align:center}.pricing{padding:80px 0}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.plan-card{background:#fff;border-radius:32px;box-shadow:0 20px 35px -12px rgba(0,0,0,0.1)}.plan-header{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);padding:28px;text-align:center}.plan-name{font-size:1.8rem;font-weight:700}.plan-price{font-size:2rem;font-weight:800;margin-top:16px;color:#3b82f6}.plan-body{padding:28px}.plan-body ul{list-style:none;margin-bottom:28px}.plan-body li{margin:12px 0;display:flex;align-items:center;gap:8px}.plan-button{width:100%;background:#3b82f6;color:#fff;border:none;padding:12px;border-radius:40px;font-weight:600;cursor:pointer}.dashboard{padding:40px 0 80px;background:#f1f5f9}.dashboard-stats{display:flex;gap:30px;margin-bottom:40px}.stat-card{background:#fff;border-radius:24px;padding:20px 30px;flex:1;display:flex;justify-content:space-between;align-items:center;font-size:1.4rem;font-weight:700}.services-list,.free-plans,.orders-list{background:#fff;border-radius:24px;padding:20px;margin-bottom:30px}.service-item,.order-item{border-bottom:1px solid #e2e8f0;padding:16px;display:flex;justify-content:space-between;align-items:center}.modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;width:400px;padding:32px;border-radius:32px;position:relative}.auth-form input{width:100%;padding:14px;margin:10px 0;border:1px solid #cbd5e1;border-radius:40px;font-size:1rem}.close{position:absolute;right:20px;top:15px;font-size:28px;cursor:pointer}.footer{text-align:center;padding:30px 0;background:#1e293b;color:#fff}.footer a{color:#3b82f6}@media(max-width:768px){.hero-content h1{font-size:2rem}.pricing-grid{grid-template-columns:1fr}}