:root{--primary: #377f8e;--primary-dark: #1f3c42;--secondary: #2c6571;--accent: #4CAF50;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-600: #4b5563}.hero-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.feature-card{transition:transform .3s ease,box-shadow .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 4px 20px #377f8e26}.faq-button i{transition:transform .3s ease}.faq-button.active i{transform:rotate(180deg)}.faq-answer{transition:all .3s ease-in-out}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #377f8e33}.btn-primary{background-color:var(--primary);color:#fff;padding:.75rem 1.5rem;border-radius:.5rem;transition:all .3s ease}.btn-primary:hover{background-color:#2c6571;transform:scale(1.05)}.social-icon{font-size:1.5rem;transition:color .3s ease}.social-icon:hover{color:#ffffffb3}.newsletter-input{width:100%;padding:.5rem 1rem;border-radius:.5rem}.newsletter-input:focus{outline:none;box-shadow:0 0 0 2px var(--primary)}.rotate-180{transform:rotate(180deg)}@media (prefers-color-scheme: dark){:root{--bg-color: #121212;--text-color: #e0e0e0}body.dark{background-color:var(--bg-color);color:var(--text-color)}.dark .bg-white{background-color:#1e1e1e}.dark .text-gray-600{color:#9ca3af}}[data-theme=dark]{--bg-primary: #1a1f2c;--bg-secondary: #242b38;--bg-tertiary: #2d3544;--text-primary: #e2e8f0;--text-secondary: #94a3b8;--border-color: #374151}[data-theme=dark] .bg-white,[data-theme=dark] .bg-gray-50{background-color:var(--bg-secondary)}[data-theme=dark] .contact-card,[data-theme=dark] form{background-color:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] input,[data-theme=dark] textarea{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus{border-color:#377f8e;background-color:var(--bg-secondary)}[data-theme=dark] .text-gray-600,[data-theme=dark] .text-gray-700,[data-theme=dark] .text-gray-800{color:var(--text-secondary)}[data-theme=dark] .shadow-md,[data-theme=dark] .shadow-lg,[data-theme=dark] .shadow-xl{box-shadow:0 4px 6px #0000004d}[data-theme=dark] .contact-card{background-color:var(--bg-tertiary)}[data-theme=dark] .contact-card:hover{box-shadow:0 8px 15px #0006}[data-theme=dark] .bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary))}[data-theme=dark] .form-group input::-moz-placeholder,[data-theme=dark] .form-group textarea::-moz-placeholder{color:#4b5563}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#4b5563}.contact-card{transform:translateY(0);transition:all .3s ease}[data-theme=dark] #contact{background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-primary))}@media (max-width: 768px){.hero-section{text-align:center}.feature-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-in}#scrollButton{position:fixed;bottom:20px;right:20px;display:block;background-color:#007bff;color:#fff;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;box-shadow:0 4px 6px #0000001a;transition:all .3s ease;text-align:center;line-height:50px;z-index:1000}#scrollButton i{font-size:24px}#scrollButton:hover{background-color:#0056b3;transform:scale(1.1);box-shadow:0 6px 10px #0003}#scrollButton:active{transform:scale(.9)}body.dark{background-color:#121212;color:#e0e0e0}body.dark header,body.dark footer,body.dark main,body.dark .rating-group,body.dark form,body.dark .container,body.dark .category,body.dark .flex,body.dark .flex-col,body.dark .bg-white,body.dark .bg-gray-100,body.dark .bg-gray-200,body.dark .bg-gray-300,body.dark .bg-gray-50,body.dark .shadow-md,body.dark input,body.dark select,body.dark textarea,body.dark .w-full,body.dark .text-center,body.dark .list-disc{background-color:#1e1e1e;color:#e0e0e0}body.dark button{background-color:#377f8e;color:#fff}body.dark button:hover{background-color:#1f3c42}body.dark table th,body.dark table td{background-color:#2a2a2a}body.dark .star.active,body.dark .star{color:#e0e0e0}body.dark .star.active{text-shadow:0 0 10px rgba(224,224,224,.5)}body.dark .rating-group{background:#e0e0e00d}body.dark .feedback-card{background:#1e1e1e;color:#e0e0e0}body.dark .feedback-card:hover{box-shadow:0 10px 20px #e0e0e033}.star-rating{display:flex;gap:.75rem;padding:.75rem;background:#377f8e0d;border-radius:1rem;justify-content:center;position:relative;overflow:hidden}.star-rating:after{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(45deg,rgba(55,127,142,.1) 0%,transparent 100%);pointer-events:none}.star{cursor:pointer;font-size:28px;color:#e4e4e4;transition:all .3s ease;position:relative;text-shadow:0 2px 4px rgba(0,0,0,.1)}.star:hover{transform:scale(1.2) rotate(5deg)}.star.active{color:#377f8e;text-shadow:0 0 10px rgba(55,127,142,.5)}.star-rating:hover .star:not(:hover):not(.active){color:#e4e4e4;transform:scale(.95);opacity:.7}.star-rating .star:hover~.star{transform:scale(.95);opacity:.7}.star.active{animation:starPop .3s ease-out}@keyframes starPop{0%{transform:scale(1)}50%{transform:scale(1.3) rotate(10deg)}to{transform:scale(1) rotate(0)}}.rating-group{background:#fff;padding:1rem;border-radius:1rem;box-shadow:0 4px 6px #377f8e1a;transition:transform .3s ease;position:relative;margin-bottom:1.5rem}.rating-group:hover{transform:translateY(-2px)}.rating-group p{color:#377f8e;font-weight:500;text-align:center;margin-bottom:.75rem}.rating-group p:after{content:"*";color:#f44;margin-left:4px}.star:before{content:attr(data-rating-text);position:absolute;top:-30px;left:50%;transform:translate(-50%) scale(0);background:#377f8e;color:#fff;padding:4px 8px;border-radius:4px;font-size:12px;opacity:0;transition:all .2s ease;pointer-events:none;white-space:nowrap}.star:hover:before{transform:translate(-50%) scale(1);opacity:1}.feedback-transition{transition:all .3s ease-in-out}#issues-box.show{display:block;animation:slideDown .3s ease-in-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#feedback-section{position:relative;overflow:hidden}#feedback-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#377f8e1a,#fff0);pointer-events:none}#feedback-form .star-rating{justify-content:center;padding:.5rem;background:#377f8e0d;border-radius:.5rem}#feedback-form input:focus,#feedback-form textarea:focus{box-shadow:0 0 0 2px #377f8e33;outline:none}#feedback-form input:hover,#feedback-form textarea:hover,#feedback-form .star-rating:hover{transform:translateY(-2px);transition:transform .2s ease}.feedback-card{transition:all .3s ease}.feedback-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #377f8e33}.required-error .star-rating{border:2px solid #ff4444;animation:shake .5s ease-in-out}.error-message{color:#f44;font-size:.875rem;margin-top:.25rem;display:block;text-align:center}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}#dark-mode-toggle:checked~.dot{transform:translate(100%);background-color:#377f8e}#dark-mode-toggle:checked~.block{background-color:#1f3c42}table{width:100%;border-collapse:collapse;margin:20px 0;box-shadow:0 4px 6px #0000001a;border-radius:10px;overflow:hidden}table th,table td{padding:10px 15px;text-align:center}table th{background-color:rgb(55 127 142 / var(--tw-bg-opacity, 1));color:#fff}table tr:nth-child(2n){background-color:#f9f9f9}table tr:nth-child(odd){background-color:#fff}table tr:hover{background-color:#f1f1f1}#search-input::-moz-placeholder{color:#94a3b8;opacity:1}#search-input::placeholder{color:#94a3b8;opacity:1}#category-filter,#start-date,#end-date{transition:all .3s ease;min-width:180px}#category-filter:hover,#start-date:hover,#end-date:hover{transform:translateY(-1px);box-shadow:0 2px 8px #377f8e1a}.dark #search-input,.dark #category-filter,.dark #start-date,.dark #end-date{background-color:#2d3748;border-color:#4a5568;color:#e2e8f0}.dark #search-input::-moz-placeholder{color:#718096}.dark #search-input::placeholder{color:#718096}form{background:#f4f4f4;padding:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin-top:20px}form label{display:block;font-weight:700;margin-bottom:5px}form input,form button{width:100%;padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px}form button{background-color:rgb(55 127 142 / var(--tw-bg-opacity, 1));color:#fff;border:none;cursor:pointer}form button:hover{background-color:#2c6571}input:checked~.dot{transform:translate(100%)}.total{font-size:1.2rem;margin-top:10px;text-align:right;font-weight:700}.container{background:#fff;color:#333;padding:20px;border-radius:8px;box-shadow:0 4px 10px #0000004d;text-align:center;max-width:400px;width:100%}h1{color:#2193b0}#progress-bar{width:100%;background:#ddd;border-radius:20px;margin:10px 0;height:20px;overflow:hidden;position:relative}#progress{height:100%;width:0%;background:#4caf50;transition:width .5s ease-in-out}.categories{margin:20px 0}.category{margin:10px 0}input{width:80px;padding:5px;margin-left:10px;border:1px solid #ccc;border-radius:4px}button{background-color:#2193b0;color:#fff;border:none;padding:10px 20px;font-size:16px;cursor:pointer;border-radius:4px}button:hover{background-color:transparent}.copyright{margin-top:1rem}.footer-logo{margin-bottom:-4rem}body{transition:background-color .3s ease,color .3s ease}.fade-in-left{animation:fadeInLeft 1s ease-out}.fade-in-right{animation:fadeInRight 1s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.faq-button{position:relative;overflow:hidden}.faq-button:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(45deg,transparent 0%,rgba(55,127,142,.1) 100%);opacity:0;transition:opacity .3s ease}.faq-button:hover:after{opacity:1}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease-out}.faq-answer.show{max-height:500px}#theme-toggle{position:relative;width:40px;height:40px;border-radius:50%;transition:background-color .3s ease}#theme-toggle:hover{background-color:#377f8e1a}[data-theme=dark]{--bg-primary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a0aec0}[data-theme=dark] .bg-white{background-color:#2d3748}[data-theme=dark] .text-gray-600{color:var(--text-secondary)}.transition-all{transition:all .3s ease}.form-group{position:relative;margin-bottom:1.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;background-color:#fff;color:#1f3c42}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#377f8e;box-shadow:0 0 0 2px #377f8e33}.form-group label{background-color:#fff;color:#4b5563;transition:all .2s ease}.form-group input:not(:-moz-placeholder-shown)+label{transform:translateY(-1.5rem) scale(.85);background-color:#fff;padding:0 .4rem;color:var(--primary)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label{transform:translateY(-1.5rem) scale(.85);background-color:#fff;padding:0 .4rem;color:var(--primary)}.testimonials{padding:50px 20px}.testimonial-container{margin:0 auto;width:90%}.testimonials .section-title{font-size:2rem;margin-bottom:30px;text-align:center;font-weight:600;color:#377f8e}.testimonial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.testimonial-card{padding:25px;margin-top:25px;position:relative;background:#fff;border-radius:10px;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.testimonial-card.blue{border-bottom:4px solid #3498db}.testimonial-card.red{border-bottom:4px solid #e74c3c}.testimonial-card.green{border-bottom:4px solid #1abc9c}.testimonial-card.purple{border-bottom:4px solid #9b59b6}.rating{margin-bottom:15px;text-align:center}.testimonial-text{margin-bottom:25px;color:var(--light-text-color)}[data-theme=dark] .testimonial-text{color:#374151}.profile{display:flex;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid #eeeeee}.profile-img{width:60px;height:60px;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-right:15px;border:3px solid #ffffff;box-shadow:0 3px 10px #0000001a}.profile-info h4{color:#333;font-size:18px;margin-bottom:5px}.profile-info .role{color:#666;font-size:14px;margin-bottom:8px}.hidden{display:none}.see-more-btn{display:block;align-items:center;justify-content:center;margin:25px auto;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:#fff;border:none;cursor:pointer;border-radius:30px;transition:all .3s ease;box-shadow:0 8px 15px #0000001a;background:linear-gradient(90deg,#6a11cb,#2575fc)}.see-more-btn:hover{transform:translateY(-3px);box-shadow:0 12px 20px #0003;background:linear-gradient(90deg,#2575fc,#6a11cb)}.see-more-btn i{transition:transform .3s ease}.see-more-btn:active{transform:translateY(1px);box-shadow:0 4px 10px #0000001a}.contact-card{transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{transform:translateY(-5px)}.social-icon-footer{display:flex;height:2.5rem;width:2.5rem;align-items:center;justify-content:center;border-radius:9999px;background-color:#ffffff1a;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}body.dark .social-icon-footer{background-color:#1e1e1e;color:#e0e0e0}.social-icon-footer:hover{background-color:#fff3}[data-theme=dark] body{background-color:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .bg-white{background-color:var(--bg-secondary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .form-group label{color:var(--text-secondary);background-color:var(--bg-secondary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-group select:focus{border-color:#377f8e;box-shadow:0 0 0 2px #377f8e33}[data-theme=dark] .contact-card{background-color:var(--bg-tertiary);border:1px solid var(--border-color)}nav a:hover{color:#2c6571!important}.bg-gradient-to-r:hover{background-image:linear-gradient(to right,#2c6571,#1f3c42)}.form-group input,.form-group textarea,.form-group select{background-color:#fff;border:2px solid #e2e8f0;color:#1f2937}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#9ca3af}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group label{color:#4b5563;background-color:#fff;padding:0 4px}footer a{position:relative}footer a:after{content:"";position:absolute;width:0;height:2px;bottom:-2px;left:0;background-color:#fff;transition:width .3s ease}footer a:hover:after{width:100%}footer .social-links a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#ffffff1a;transition:all .3s ease}footer .social-links a:hover{background-color:#fff3;transform:translateY(-2px)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-group select{background-color:#1e1e1e;border-color:#374151;color:#e5e7eb}[data-theme=dark] .form-group label{background-color:#1e1e1e;color:#9ca3af}.form-group input:-moz-placeholder-shown,.form-group textarea:-moz-placeholder-shown{color:#6b7280}.form-group input:placeholder-shown,.form-group textarea:placeholder-shown{color:#6b7280}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}#mobile-menu a{position:relative;overflow:hidden}#mobile-menu a:active{background-color:transparent}#mobile-menu a:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;background-color:#377f8e1a;opacity:0;transition:opacity .3s ease}#mobile-menu a:active:after{opacity:1}#mobile-theme-toggle,#mobile-menu-button{-webkit-tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none;outline:none!important}#mobile-theme-toggle:focus,#mobile-menu-button:focus{outline:none!important;box-shadow:none!important}#mobile-theme-toggle:active,#mobile-menu-button:active{transform:scale(.95);transition:transform .1s ease}}#scrollBtn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background-color:#007bff;color:#fff;border:none;border-radius:50%;cursor:pointer;display:none;font-size:20px;transition:background-color .3s,transform .3s;z-index:1000}#scrollBtn:hover{background-color:#00f;transform:scale(1.1)}