.hero{min-height:24vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background:linear-gradient(135deg,#fff 0,#f0f7ff 100%);padding:20px;margin-top:85px}.hero h1{font-size:48px;font-weight:700;margin-bottom:20px;color:#284768;line-height:1.2}.hero p{font-size:20px;margin-bottom:30px;color:#6b7280;max-width:600px}.hero .cta-button{background-color:#0f0;color:#1a1a1a;padding:15px 30px;font-size:18px;font-weight:600;border:none;border-radius:50px;cursor:pointer;transition:background-color .3s,transform .2s}.hero .cta-button:hover{background-color:#0c0;transform:scale(1.05)}.content{padding:80px 20px;background-color:#eaeff7;max-width:800px;margin:0 auto;text-align:left}.alert,.form-group{margin-bottom:1.25rem}.alert,.feature-card,.features h2{text-align:center}.contact-form{background:#fff;border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,.1);padding:2.5rem;margin-top:20px}.alert,.btn{padding:.75rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#4b5563;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;color:#1a252f;transition:border-color .3s,box-shadow .3s;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:#0f0;box-shadow:0 0 0 3px rgba(0,255,0,.1)}.night-mode .form-group input,.night-mode .form-group textarea{background:#1d242b;color:#bdc3c7}.night-mode .contact-form{background:#001c36}.night-mode .hero{background:linear-gradient(135deg,#1e1f33 0,#0c2340 100%)}.night-mode .content{padding:80px 20px;background-color:#2c3e50}.night-mode .btn{background-color:#3498db;color:#fff}.btn{width:100%;background-color:#0d6efd;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s,transform .1s}.btn:hover{background-color:#044bb3;transform:translateY(-1px)}.btn:active{transform:scale(.98)}.alert{border-radius:6px;font-size:.9rem}.alert-success{background-color:#dcfce7;color:#166534}.alert-error{background-color:#fee2e2;color:#dc2626}.features{padding:80px 20px;background-color:#fff}.features h2{font-size:36px;font-weight:700;margin-bottom:50px;color:#284768}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.feature-card{background-color:#fff;padding:30px;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.05);transition:transform .3s}.feature-card:hover{transform:translateY(-5px)}.feature-card .icon{font-size:40px;margin-bottom:20px;color:#0f0}.feature-card h3{font-size:24px;font-weight:600;margin-bottom:15px;color:#284768}.feature-card p{font-size:16px;color:#6b7280;line-height:1.5}.social-links{margin-top:10px}@media (max-width:768px){.custom-navbar-menu ul{flex-direction:column;gap:10px;padding:20px}.custom-navbar-menu.active{transform:translateY(0);display:block;margin-left:-50px}.hero{min-height:18vh}.hero h1{font-size:36px}.hero p{font-size:18px}.hero .cta-button{padding:12px 25px;font-size:16px}.features h2{font-size:28px}.feature-card h3{font-size:20px}.feature-card p{font-size:15px}.content{padding:40px 10px}}@media (max-width:576px){.hero h1{font-size:28px}.hero p{font-size:16px}.features h2{font-size:24px}}