*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}body{font-family:"Noto Sans SC",sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#fff}img{max-width:100%;height:auto}a{text-decoration:none;color:#4361ee;-webkit-transition:color .3s ease;transition:color .3s ease}a:hover{color:#3f37c9}ul{list-style:none}.container{width:100%;padding-right:1rem;padding-left:1rem;margin-right:auto;margin-left:auto}@media(min-width: 576px){.container{max-width:540px}}@media(min-width: 768px){.container{max-width:720px}}@media(min-width: 992px){.container{max-width:960px}}@media(min-width: 1200px){.container{max-width:1140px}}.btn{display:inline-block;padding:.5rem 1.5rem;border-radius:50px;text-align:center;font-weight:700;text-transform:uppercase;cursor:pointer;border:none;-webkit-transition:all .3s ease;transition:all .3s ease;font-size:.9rem}.btn-primary{background:-webkit-linear-gradient(315deg, #2ed573, #1e90ff);background:linear-gradient(135deg, #2ed573, #1e90ff);color:#fff;border:2px solid rgba(0,0,0,0)}.btn-primary:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 10px 20px rgba(30,144,255,.3);box-shadow:0 10px 20px rgba(30,144,255,.3)}.btn-secondary{background-color:rgba(0,0,0,0);color:#4361ee;border:2px solid #4361ee}.btn-secondary:hover{background-color:#4361ee;color:#fff;-webkit-transform:translateY(-3px);transform:translateY(-3px)}.btn-outline{background-color:rgba(0,0,0,0);color:#4361ee;border:2px solid #4361ee}.btn-outline:hover{background-color:#4361ee;color:#fff}.header{position:fixed;top:0;left:0;width:100%;background-color:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);z-index:1000;padding:.5rem 0;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.header .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header .logo{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:.5rem}.header .logo img{height:40px;border-radius:8px}.header .logo h1{font-size:1.5rem;font-weight:700;background:-webkit-linear-gradient(315deg, #ff5252, #9b59b6);background:linear-gradient(135deg, #ff5252, #9b59b6);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.header .nav ul{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1.5rem}@media(max-width: 992px){.header .nav ul{position:fixed;top:0;right:-100%;height:100vh;width:70%;background-color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:right .3s ease;transition:right .3s ease;z-index:999}.header .nav ul li{margin-bottom:1rem}}.header .nav ul li a{font-weight:700;color:#333;position:relative}.header .nav ul li a.btn-login{background:-webkit-linear-gradient(315deg, #2ed573, #1e90ff);background:linear-gradient(135deg, #2ed573, #1e90ff);color:#fff;padding:.25rem 1rem;border-radius:50px}.header .nav ul li a::after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:-webkit-linear-gradient(315deg, #ff5252, #9b59b6);background:linear-gradient(135deg, #ff5252, #9b59b6);-webkit-transition:width .3s ease;transition:width .3s ease}.header .nav ul li a:hover::after{width:100%}.header .mobile-toggle{display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;cursor:pointer;gap:.25rem}@media(max-width: 992px){.header .mobile-toggle{display:-webkit-box;display:-ms-flexbox;display:flex}}.header .mobile-toggle span{width:25px;height:3px;background-color:#333;-webkit-transition:all .3s ease;transition:all .3s ease}.hero{padding:3rem 0 3rem;background:-webkit-linear-gradient(315deg, #f5f7fa 0%, #e4edf9 100%);background:linear-gradient(135deg, #f5f7fa 0%, #e4edf9 100%);position:relative;overflow:hidden;margin-top:80px}.hero::before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:-webkit-linear-gradient(315deg, rgba(46, 213, 115, 0.1), rgba(30, 144, 255, 0.1));background:linear-gradient(135deg, rgba(46, 213, 115, 0.1), rgba(30, 144, 255, 0.1));z-index:0}.hero .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative;z-index:1}@media(max-width: 768px){.hero .container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}}.hero .hero-content{-webkit-box-flex:1;-ms-flex:1;flex:1;padding-right:1.5rem}@media(max-width: 768px){.hero .hero-content{padding-right:0;margin-bottom:1.5rem}}.hero .hero-content h2{font-size:2.5rem;margin-bottom:.5rem;background:-webkit-linear-gradient(315deg, #ff5252, #9b59b6);background:linear-gradient(135deg, #ff5252, #9b59b6);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}@media(max-width: 768px){.hero .hero-content h2{font-size:2rem}}.hero .hero-content p{font-size:1.1rem;margin-bottom:1.5rem;color:#495057}.hero .hero-image{-webkit-box-flex:1;-ms-flex:1;flex:1;position:relative}.hero .hero-image .hero-placeholder{width:100%;max-width:500px;height:350px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:-webkit-linear-gradient(315deg, #2ed573, #1e90ff);background:linear-gradient(135deg, #2ed573, #1e90ff);border-radius:20px;color:#fff;-webkit-box-shadow:0 20px 40px rgba(0,0,0,.15);box-shadow:0 20px 40px rgba(0,0,0,.15)}.hero .hero-image .hero-placeholder i{margin-bottom:.5rem;opacity:.8}.hero .hero-image .hero-placeholder p{font-size:1.2rem;font-weight:700}.features{padding:3rem 0;background-color:#fff}.features .container{text-align:center}.features h2{font-size:2rem;margin-bottom:.5rem;background:-webkit-linear-gradient(315deg, #ff5252, #9b59b6);background:linear-gradient(135deg, #ff5252, #9b59b6);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0)}.features .section-subtitle{font-size:1.1rem;color:#6c757d;margin-bottom:1.5rem}.features .features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:1.5rem;margin-top:1.5rem}.features .feature-card{background-color:#fff;padding:1.5rem;border-radius:15px;-webkit-box-shadow:0 5px 15px rgba(0,0,0,.05);box-shadow:0 5px 15px rgba(0,0,0,.05);-webkit-transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:-webkit-transform .3s ease,-webkit-box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease,-webkit-box-shadow .3s ease;text-align:center}.features .feature-card:hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);-webkit-box-shadow:0 15px 30px rgba(0,0,0,.1);box-shadow:0 15px 30px rgba(0,0,0,.1)}.features .feature-card .feature-icon{width:80px;height:80px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 1rem;background:-webkit-linear-gradient(315deg, #2ed573, #1e90ff);background:linear-gradient(135deg, #2ed573, #1e90ff);border-radius:50%;color:#fff;font-size:2rem}.features .feature-card .feature-icon i{font-size:2rem}.features .feature-card h3{font-size:1.3rem;margin-bottom:.5rem;color:#333}.features .feature-card p{color:#6c757d;line-height:1.6}.footer{background-color:#212529;color:#dee2e6;padding:3rem 0 1rem}.footer .footer-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:1.5rem;margin-bottom:1.5rem}.footer .footer-section h3,.footer .footer-section h4{color:#fff;margin-bottom:1rem;font-size:1.2rem}.footer .footer-section h3{background:-webkit-linear-gradient(315deg, #ff5252, #9b59b6);background:linear-gradient(135deg, #ff5252, #9b59b6);-webkit-background-clip:text;background-clip:text;color:rgba(0,0,0,0);font-size:1.5rem}.footer .footer-section p{margin-bottom:.5rem;line-height:1.6}.footer .footer-section .contact-info{margin:1rem 0}.footer .footer-section .contact-info p{margin-bottom:.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#dee2e6}.footer .footer-section .contact-info p i{margin-right:.5rem;color:#2ed573}.footer .footer-section ul{list-style:none}.footer .footer-section ul li{margin-bottom:.5rem}.footer .footer-section ul li a{color:#dee2e6;-webkit-transition:color .3s ease;transition:color .3s ease}.footer .footer-section ul li a:hover{color:#2ed573}.footer .footer-section ul li a i{margin-right:.25rem}.footer .footer-section .social-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:.5rem}.footer .footer-section .social-links a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:hsla(0,0%,100%,.1);color:#fff;-webkit-transition:all .3s ease;transition:all .3s ease}.footer .footer-section .social-links a:hover{background:-webkit-linear-gradient(315deg, #2ed573, #1e90ff);background:linear-gradient(135deg, #2ed573, #1e90ff);-webkit-transform:translateY(-3px);transform:translateY(-3px)}.footer .footer-bottom{border-top:1px solid hsla(0,0%,100%,.1);padding-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media(max-width: 768px){.footer .footer-bottom{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:.5rem}}.footer .footer-bottom p{margin:0;font-size:.9rem}.footer .footer-bottom p a{color:#2ed573}.footer .footer-bottom .footer-links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem}.footer .footer-bottom .footer-links a{color:#dee2e6;font-size:.9rem}.footer .footer-bottom .footer-links a:hover{color:#2ed573}@media(max-width: 768px){.hero{padding:3rem 0 1.5rem;margin-top:60px}.pricing-grid{max-width:90%;margin:0 auto}.pricing-card.featured{-webkit-transform:scale(1);transform:scale(1);margin-top:.5rem}}