:root{--primary-color: #4a6bff;--secondary-color: #6c757d;--dark-color: #343a40;--light-color: #f8f9fa;--success-color: #28a745;--featured-color: #ffe033;--border-radius: 8px;--box-shadow: 0 4px 12px rgba(0, 0, 0, .1);--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;color:#333}.container{max-width:0 auto;margin:0 auto;padding:0 20px}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #eee;margin-bottom:40px}.logo{font-size:24px;font-weight:700;color:var(--primary-color)}.nav{display:flex;align-items:center;gap:30px}.nav a{text-decoration:none;color:var(--dark-color);font-weight:500;transition:var(--transition)}.nav a:hover{color:var(--primary-color)}.signup-btn{background-color:var(--primary-color);color:#fff;border:none;padding:10px 20px;border-radius:var(--border-radius);font-weight:500;cursor:pointer;transition:var(--transition)}.signup-btn:hover{background-color:#3a5bef}.hero{text-align:center;padding:60px 0;margin-bottom:60px}.hero h1{font-size:2.5rem;margin-bottom:20px;color:var(--dark-color)}.hero p{font-size:1.2rem;color:var(--secondary-color);max-width:700px;margin:0 auto}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2rem;margin-bottom:15px;color:var(--dark-color)}.section-header p{color:var(--secondary-color);max-width:700px;margin:0 auto}.pricing-section{padding:80px 0;background-color:#f9fafb}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:50px}.pricing-card{background-color:#fff;border-radius:var(--border-radius);padding:40px 30px;box-shadow:var(--box-shadow);transition:var(--transition);position:relative;border:1px solid #eee}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a}.pricing-card.active{border:2px solid var(--primary-color)}.pricing-card.featured{border:2px solid var(--featured-color)}.popular-badge{position:absolute;top:-12px;right:20px;background-color:var(--featured-color);color:#333;padding:5px 15px;border-radius:20px;font-size:.8rem;font-weight:600}.pricing-card h3{font-size:1.5rem;margin-bottom:20px;color:var(--dark-color)}.price{font-size:2.5rem;font-weight:700;margin-bottom:20px;color:var(--dark-color)}.price span{font-size:1rem;font-weight:400;color:var(--secondary-color)}.features{list-style:none;margin-bottom:30px}.features li{padding:8px 0;border-bottom:1px solid #eee}.features li:last-child{border-bottom:none}.plan-btn{width:100%;padding:12px;border:2px solid var(--primary-color);background-color:transparent;color:var(--primary-color);border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition)}.plan-btn:hover,.plan-btn.primary{background-color:var(--primary-color);color:#fff}.plan-btn.primary:hover{background-color:#3a5bef}.features-section{padding:80px 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background-color:#fff;border-radius:var(--border-radius);padding:30px;box-shadow:var(--box-shadow);transition:var(--transition);text-align:center}.feature-card:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:20px}.feature-card h3{font-size:1.3rem;margin-bottom:15px;color:var(--dark-color)}.feature-card p{color:var(--secondary-color)}.footer{background-color:var(--dark-color);color:#fff;padding:60px 0 20px}.footer-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;margin-bottom:40px}.footer-column h4{font-size:1.2rem;margin-bottom:20px;color:#fff}.footer-column ul{list-style:none}.footer-column li{margin-bottom:10px}.footer-column a{color:#adb5bd;text-decoration:none;transition:var(--transition)}.footer-column a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #495057;color:#adb5bd;font-size:.9rem}@media (max-width: 768px){.header{flex-direction:column;gap:20px}.nav{flex-direction:column;gap:15px}.hero h1{font-size:2rem}.pricing-cards,.features-grid{grid-template-columns:1fr}}
