*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8f9fa;color:#333;line-height:1.6}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.loading-spinner{border:5px solid rgba(255,255,255,.3);border-top:5px solid #fff;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message{padding:10px;border-radius:5px;margin-top:10px;text-align:center;transition:opacity .5s ease;width:100%;height:30px;background-color:#7fff00}.message-success{background-color:#4caf50;color:#fff}.message-error{background-color:#f44336;color:#fff}.floating-message{position:fixed;bottom:20px;margin-left:20px;right:20px;color:#fff;padding:30px;border-radius:5px;z-index:9999}.floating-message.show-message-enter-active{animation:slideIn .5s ease both}.floating-message.show-message-leave-active{animation:slideOut .5s ease both}nav{display:flex;justify-content:space-between;align-items:center;background-color:#0078d7;padding:10px 20px;box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:1000}nav .logo{font-size:1.5rem;font-weight:700;color:#fff;text-transform:uppercase;cursor:pointer}nav ul{list-style:none;display:flex;gap:15px}nav ul li{display:inline}nav ul li a{text-decoration:none;color:#fff;font-weight:700;transition:color .3s}nav ul li a:hover{color:#ffdd57}nav ul li a.active{border-bottom:2px solid #ffdd57}.container{padding:20px;max-width:1200px;margin:0 auto}.hero{background:linear-gradient(to right,#34a1fb,#81bff2);color:#fff;text-align:center;padding:100px 20px;position:relative;overflow:hidden}.hero-content h1{font-size:3.5rem;margin-bottom:20px;font-weight:700}.highlight{color:#ff9800}.hero-content .subtitle{font-size:1.4rem;margin-bottom:40px}.cta-buttons{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.cta-buttons button{padding:15px 30px;border-radius:50px;font-size:1.2rem;font-weight:700;transition:transform .3s,box-shadow .3s;border:none;cursor:pointer}.btn-secondary{background-color:#ff9800;color:#fff}.btn-secondary:hover{background-color:#e68900;transform:translateY(-5px);box-shadow:0 10px 20px #ff98004d}.btn-primary{padding:14px;background-color:#0078d7;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:background-color .3s,transform .3s}.btn-primary:hover{background-color:#005bb5;transform:translateY(-2px)}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.hero-image{max-width:600px;width:100%;margin-top:40px;animation:float 3s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.features,.testimonials,.cta-section{padding:80px 20px;text-align:center}.features h2,.testimonials h2,.cta-section h2{font-size:2.5rem;margin-bottom:40px;color:#333}.feature-list,.testimonial-list{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.feature-item,.testimonial-item{background:#fff;border-radius:15px;padding:30px;max-width:300px;text-align:center;box-shadow:0 8px 16px #0000001a;transition:transform .3s,box-shadow .3s}.feature-item:hover,.testimonial-item:hover{transform:translateY(-10px);box-shadow:0 12px 24px #0003}.feature-icon{width:60px;margin-bottom:20px}.feature-item h3{font-size:1.5rem;margin-bottom:15px;color:#0078d7}.feature-item p,.testimonial-item p{font-size:1rem;color:#555}.testimonial-item{background:#f8f9fa}.user-avatar{width:80px;height:80px;border-radius:50%;margin-bottom:20px}.user-name{display:block;margin-top:15px;font-size:.9rem;color:#777;font-weight:700}.cta-section{background:linear-gradient(to right,#81bff2,#34a1fb);color:#fff!important;border-radius:15px;margin:40px;padding:60px 20px}.cta-section h2{color:#fff!important;font-size:2.5rem;margin-bottom:20px}.cta-section p{font-size:1.2rem;margin-bottom:40px}.cta-section .cta-buttons{margin-top:20px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
