:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%}.navbar{z-index:10;display:flex;justify-content:space-between;align-items:center;background-color:#222;padding:15px 50px;color:#fff;position:fixed;top:0;left:0;width:100%}.navbar .logo{font-size:2rem;font-weight:700}.nav-links{display:flex;list-style:none;gap:30px;transition:all .3s ease}.nav-links li a{color:#fff;text-decoration:none;font-size:1.1rem;transition:color .3s ease}.nav-links li a:hover{color:#f4d35e}.hamburger{display:none;background:none;border:none;color:#fff;font-size:1.8rem;cursor:pointer}.logout-button{background-color:transparent;border:1px solid white;color:#fff;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .3s ease}.logout-button:hover{background-color:#fff;color:#222}@media (max-width: 992px){.navbar{padding:15px 30px}.nav-links{gap:20px}}@media (max-width: 768px){.navbar{padding:12px 20px}.hamburger{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;background-color:#222;flex-direction:column;gap:15px;padding:20px;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.nav-links.active{max-height:500px}.nav-links li{text-align:center}.nav-links li a{font-size:1.1rem}.logout-button{margin-top:10px}}@media (max-width: 480px){.navbar .logo,.hamburger{font-size:1.5rem}.nav-links{padding:15px}.nav-links li a{font-size:1rem}}*{margin:0;padding:0}html,body{max-width:100%;overflow-x:hidden;font-family:Poppins,sans-serif;background-color:#f9f9f9;color:#222}.hero{background:linear-gradient(135deg,#083d77,#00509e);color:#fff;text-align:center;padding:100px 20px}.hero h1{margin-top:140px;font-size:3rem;margin-bottom:28px}.hero p{font-size:1.2rem;margin-bottom:25px}.hero button{background-color:#f4d35e;color:#00509e;padding:12px 28px;font-size:1.1rem;border:none;border-radius:30px;cursor:pointer;font-weight:600;transition:background .3s ease}.hero button:hover{background-color:#e3b33f;color:#fff}.how-it-works{padding:60px 20px;background:#f5f5f5;text-align:center}.how-it-works .title{font-size:2.4rem;color:#083d77;margin-bottom:10px}.how-it-works .description{font-size:1.1rem;margin-bottom:30px;color:#555}.steps{display:flex;flex-wrap:wrap;justify-content:center;gap:30px}.step{background:#fff;border-radius:12px;padding:25px;max-width:300px;width:100%;box-shadow:0 4px 12px #00000014;transition:transform .3s ease}.step:hover{transform:translateY(-5px)}.step h3{color:#083d77;margin-bottom:10px}.step p{color:#444}.info-box{padding:60px 20px;background-color:#fff;display:flex;flex-direction:column;align-items:center}.box{text-align:center;max-width:1000px}.box h2{font-size:2.4rem;color:#333}.box p{font-size:1.1rem;color:#555;margin-top:10px;margin-bottom:30px}.images{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:20px}.images img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:2px solid #eee}.changing-text{font-size:1.2rem;font-style:italic;height:40px;overflow:hidden;position:relative;margin-top:20px}.changing-text p{position:absolute;opacity:0;width:100%;transition:opacity 1s ease-in-out}.changing-text p:nth-child(1){animation:textFade 15s infinite 0s}.changing-text p:nth-child(2){animation:textFade 15s infinite 3s}.changing-text p:nth-child(3){animation:textFade 15s infinite 6s}.changing-text p:nth-child(4){animation:textFade 15s infinite 9s}.changing-text p:nth-child(5){animation:textFade 15s infinite 12s}@keyframes textFade{0%{opacity:0}10%,90%{opacity:1}to{opacity:0}}.image-text-section{display:flex;flex-wrap:wrap;gap:20px;padding:60px 15px;background:#f9f9f9}.image-container,.text-container{flex:1;min-width:300px}.image-container img{width:100%;border-radius:12px}.text-container h2{font-size:2rem;margin-bottom:20px;color:#083d77}.text-container h3{font-size:1.3rem;color:#083d77;margin-top:20px}.text-container p{font-size:1rem;color:#333;margin-bottom:10px}.button-group{margin-top:20px}.btn-primary{background:#083d77;color:#fff;padding:10px 20px;border-radius:8px;border:none;cursor:pointer;margin-right:10px;transition:background .3s ease}.btn-primary:hover{background:#062c5a}.btn-outline{background:transparent;color:#083d77;border:2px solid #083d77;padding:10px 20px;border-radius:8px;cursor:pointer}.btn-outline:hover{background:#083d77;color:#fff}.footer{background-color:#222;color:#fff;padding:20px;text-align:center;font-size:.95rem}@media (max-width: 480px){.hero h1{font-size:1.8rem}.hero p{font-size:1rem}.hero button{font-size:1rem;padding:10px 20px}.how-it-works .title{font-size:1.8rem}.step{padding:20px;max-width:100%}.box h2{font-size:1.7rem}.box p,.changing-text{font-size:.95rem}.text-container h2{font-size:1.6rem}.text-container h3{font-size:1.2rem}.text-container p{font-size:.95rem}.btn-primary,.btn-outline{font-size:.95rem;padding:8px 16px}.footer{font-size:.85rem}}@media (max-width: 600px){.images img{width:70px;height:70px}.step{padding:20px}.hero h1{font-size:2rem}}@media (max-width: 768px){.steps{flex-direction:column;align-items:center}.info-box{padding:40px 15px}.button-group{flex-direction:column;gap:10px}.btn-primary,.btn-outline{width:100%;text-align:center}}@media (max-width: 1024px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.image-container,.text-container{flex:1 1 100%}}@media (min-width: 1025px){.steps{justify-content:center}.image-text-section{justify-content:space-between}}.category-section{padding:40px;text-align:center;color:#083d77;font-size:1.7rem}.subtitle{font-size:1rem;margin-bottom:30px;color:#083d77}.subtitle a{color:#000;text-decoration:underline}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;justify-content:center;align-items:stretch}.category-card{background-color:#f4f4f4;border-radius:12px;padding:20px;text-align:left;text-decoration:none;color:#000;transition:box-shadow .3s ease,transform .2s ease}.category-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}.category-card h3{margin-bottom:10px;font-size:1.2rem}.rating{color:#083d77;font-weight:700;margin-bottom:8px}.star{color:#083d77;font-size:1.1rem}.background-section{position:relative;width:80%;left:10%;top:5%;min-height:96vh;background-image:url(cm7.png);background-size:cover;background-position:center;background-color:#083d77}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;justify-content:flex-start;align-items:flex-start;padding:1rem;border-radius:2rem}.overlay h2{font-size:4rem;font-weight:700;line-height:.8;color:#fff;margin-top:20px;letter-spacing:.001em}.overlay p{font-size:1.4rem;font-weight:500;color:#fff;line-height:1;letter-spacing:.06em}.text-container{text-align:left;color:#fff}.cards{position:absolute;top:60%;left:45%;transform:translate(-50%);display:flex;gap:3rem;width:85%}.card{background:#34679e;padding:1.5rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:pointer;transition:transform .3s ease;color:#fff;flex:1 1 30%;text-align:left;position:relative}.card h3{font-size:2rem;font-weight:500;margin-bottom:20px;line-height:.9}.card p{font-size:1.1rem;margin-top:10px}@media (max-width: 1024px){.overlay h2{font-size:2.8rem}.overlay p{font-size:1.1rem}.cards{top:65%;gap:2rem}.card h3{font-size:1.6rem}.card p{font-size:1rem}}@media (max-width: 768px){.background-section{height:auto;padding-bottom:3rem;width:100%;left:0}.overlay{flex-direction:column;align-items:flex-start;padding:2rem;text-align:left}.overlay h2{font-size:2.2rem;margin-bottom:.5rem}.overlay p{font-size:1rem;line-height:1.4}.cards{flex-direction:column;position:static;margin-top:2rem;width:90%;padding:0 1rem;transform:none}.card{flex:1 1 100%}.card h3{font-size:1.4rem;margin-bottom:10px}.card p{font-size:.95rem}}@media (max-width: 480px){.overlay h2{font-size:1.8rem}.overlay p{font-size:.95rem}.card h3{font-size:1.2rem}.card p{font-size:.9rem}}@media (max-width: 768px){.background-section{height:auto;padding:2rem 1rem;width:100%;left:0;position:relative}.overlay{position:static;flex-direction:column;align-items:flex-start;padding:0;text-align:left;width:100%}.cards{position:static;margin-top:2rem;flex-direction:column;width:100%;gap:1rem;padding:0;transform:none}.card{width:100%;flex:1 1 auto;padding:1rem}}.projects-page{margin:0 auto;padding:60px 20px;box-sizing:border-box;background-color:#f8f9fa}.page-title{font-size:2.5rem;color:#083d77;text-align:center;font-weight:700;margin-top:40px;margin-bottom:240px}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#083d77;display:flex;justify-content:center;align-items:center;z-index:1000}.button-group{display:flex;gap:10px;margin-top:10px}.btn-outline{background:transparent;color:#083d77;border:2px solid #083d77;padding:8px 16px;border-radius:6px;cursor:pointer;text-decoration:none;font-weight:500}.btn-outline:hover{background-color:#083d77;color:#fff}input,select,textarea{background-color:#fff;color:#000;padding:14px 16px;border-radius:10px;border:1px solid #cfd8dc;font-size:1rem;transition:border .3s ease,box-shadow .3s ease}input::placeholder,textarea::placeholder{color:#000;opacity:1}.post-project-button{position:absolute;top:100px;right:40px;background-color:#f4d35e;color:#00509e;border:none;padding:10px 20px;border-radius:30px;font-weight:700;font-size:1rem;cursor:pointer;transition:background-color .3s ease}.post-project-button:hover{background-color:#e3b33f;color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(333px,1fr));gap:40px;margin-left:50px}.project-card{background-color:#fff;border-radius:10px;padding:30px;box-shadow:0 5px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.project-card h3{font-size:1.5rem;margin-bottom:10px;color:#1e3c72;font-weight:600}.project-card p{font-size:1rem;color:#555;line-height:1.5;margin-bottom:20px}.project-card .btn{align-self:flex-start;padding:10px 20px;background-color:#f4d35e;color:#00509e;border:none;border-radius:30px;font-weight:700;font-size:1rem;text-decoration:none;transition:background-color .3s ease}.project-card .btn:hover{background-color:#e3b33f;color:#fff}@media (max-width: 1024px){.projects-grid{margin-left:0;gap:30px}.post-project-button{right:20px;top:80px}.project-card h3{font-size:1.4rem}.project-card p{font-size:.95rem}}@media (max-width: 768px){.projects-page{padding:40px 15px}.page-title{font-size:2rem;margin-bottom:140px}.projects-grid{grid-template-columns:1fr;gap:20px;margin-left:0}.project-card{padding:20px}.project-card h3{font-size:1.3rem}.project-card p{font-size:.95rem}.post-project-button{width:100%;display:block;position:static;margin-bottom:20px;text-align:center}}@media (max-width: 480px){.page-title{font-size:1.7rem;margin-bottom:100px}.project-card h3{font-size:1.2rem}.project-card p{font-size:.9rem}.project-card .btn{font-size:.95rem;padding:8px 16px}.post-project-button{font-size:.95rem;padding:10px}input,select,textarea{font-size:.95rem;padding:12px}}@media (max-width: 768px){.post-project-button{position:static;margin-bottom:20px}}.bid-page-container{width:100%;max-width:500px;margin-left:380px;margin-top:90px;padding:15px 30px;background-color:#fff;border-radius:16px;box-shadow:0 12px 30px #00000014}.bid-page-title{font-size:28px;text-align:center;margin-bottom:30px;color:#083d77}.bid-form{display:flex;flex-direction:column;gap:20px}.bid-form input,.bid-form textarea{padding:14px 16px;border-radius:10px;border:1px solid #cfd8dc;font-size:1rem;background-color:#f9f9f9;transition:border .3s ease,box-shadow .3s ease}.bid-form input:focus,.bid-form textarea:focus{border-color:#083d77;outline:none;box-shadow:0 0 0 3px #083d771a}.bid-form textarea{resize:vertical;min-height:120px}.bid-submit-button{background-color:#083d77;color:#fff;padding:14px;font-size:1rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:background-color .3s ease,transform .2s ease}.bid-submit-button:hover{background-color:#062c5b;transform:scale(1.02)}@media (max-width: 600px){.bid-page-container{padding:30px 20px}.bid-page-title{font-size:24px}.bid-submit-button{font-size:.95rem}}.blogs-page{margin:0 auto;padding:60px 20px;box-sizing:border-box;background-color:#f8f9fa}.blogs-page h2{margin-top:35px;margin-left:20px;font-size:2.5rem;color:#083d77;justify-content:center;margin-bottom:40px;text-align:center;font-weight:700}.blogs-page.container{max-width:100%;padding:60px 40px;margin:0 auto 0 130px;box-sizing:border-box}.blogs-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}.blog-card{background-color:#fff;border-radius:10px;padding:25px;box-shadow:0 5px 15px #00000014;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between}.blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.blog-card h3{font-size:1.5rem;margin-bottom:10px;color:#1e3c72;font-weight:600}.blog-card p{font-size:1rem;color:#555;line-height:1.5;margin-bottom:20px}.blog-card .btn{align-self:flex-start;padding:10px 20px;background-color:#f4d35e;color:#00509e;border:none;border-radius:30px;font-weight:700;font-size:1rem;text-decoration:none;transition:background-color .3s ease}.blog-card .btn:hover{background-color:#e3b33f;color:#fff}@media (max-width: 1024px){.blogs-page.container{margin-left:60px;padding:40px 30px}.blog-card h3{font-size:1.4rem}.blog-card p{font-size:.95rem}.blog-card .btn{font-size:.95rem;padding:8px 18px}}@media (max-width: 768px){.blogs-page.container{margin-left:0;padding:30px 20px}.blogs-page h2{font-size:2rem;margin-left:0}.blogs-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.blog-card{padding:20px}.blog-card h3{font-size:1.3rem}.blog-card p{font-size:.95rem}}@media (max-width: 480px){.blogs-page.container{padding:20px 10px}.blogs-page h2{font-size:1.8rem}.blog-card{padding:16px}.blog-card h3{font-size:1.2rem}.blog-card p{font-size:.9rem}.blog-card .btn{font-size:.9rem;padding:8px 14px}}@media (min-width: 1200px){.blogs-page{padding-left:5%;padding-right:5%}}.blog-detail-parent{background-color:#083d77;margin-bottom:-60px}.blog-detail-container{max-width:800px;margin:60px 260px;padding:20px;background-color:#fff;border-radius:12px;box-shadow:0 6px 20px #00000014}.blog-detail-container h1{font-size:2.2rem;color:#083d77;font-weight:700;margin-bottom:20px;padding-top:30px}.blog-detail-container p,.blog-detail-container li{font-size:1.1rem;color:#444;line-height:1.8;margin-bottom:1em}.blog-detail-container h2{font-size:1.7rem;margin-top:30px;margin-bottom:15px;color:#00509e;font-weight:600}.blog-detail-container h3{font-size:1.4rem;margin-top:25px;margin-bottom:10px;color:#1e3c72;font-weight:600}.blog-detail-container ul{padding-left:1.5rem;margin-bottom:1.5rem}.blog-detail-container ul li{list-style-type:disc}.blog-detail-container img{max-width:100%;height:auto;border-radius:10px;margin:20px 0}.blog-detail-container blockquote{background:#f8f9fa;padding:15px 20px;border-left:5px solid #f4d35e;margin:1.5rem 0;font-style:italic;color:#555}.blog-detail-container code{background-color:#f4f4f4;padding:2px 6px;border-radius:4px;font-family:monospace;color:#e83e8c}@media (max-width: 1024px){.blog-detail-container{margin:40px auto;padding:20px;max-width:90%}.blog-detail-container h1{font-size:2rem}.blog-detail-container h2{font-size:1.6rem}.blog-detail-container h3{font-size:1.3rem}}@media (max-width: 768px){.blog-detail-container{margin:30px auto;padding:18px}.blog-detail-container h1{font-size:1.8rem}.blog-detail-container p,.blog-detail-container li{font-size:1rem;line-height:1.7}.blog-detail-container h2{font-size:1.5rem}.blog-detail-container h3{font-size:1.2rem}}@media (max-width: 480px){.blog-detail-container{margin:20px 10px;padding:16px;border-radius:10px}.blog-detail-container h1{font-size:1.6rem;padding-top:20px}.blog-detail-container h2{font-size:1.3rem}.blog-detail-container h3{font-size:1.1rem}.blog-detail-container p,.blog-detail-container li{font-size:.95rem;line-height:1.6}.blog-detail-container blockquote{font-size:.95rem}}.profile-card{text-align:center;margin-bottom:40px;padding:20px;border-radius:10px;background-color:#f8f9fa;box-shadow:0 4px 15px #0000001a}.profile-card img{width:150px;height:150px;object-fit:cover;border-radius:50%;margin-bottom:15px}.profile-card h2{font-size:1.8rem;margin-bottom:10px;color:#083d77}.profile-card p{font-size:1rem;color:#555;margin-bottom:5px}.page-container{max-width:600px;margin:100px auto 0 300px;padding:40px 20px;background-color:#fff;box-shadow:0 4px 15px #0000001a;border-radius:10px}.page-title{font-size:2rem;text-align:center;margin-bottom:20px;color:#083d77}form input,form textarea,form select{width:100%;padding:12px;margin-bottom:15px;border:1px solid #ddd;border-radius:8px}.submit-button{width:100%;padding:12px;background-color:#f4d35e;color:#00509e;font-weight:700;border:none;border-radius:30px;cursor:pointer;transition:.3s}.submit-button:hover{background-color:#e3b33f;color:#fff}.success-message,.error-message{margin-top:20px;padding:15px;border-radius:8px}.success-message{background-color:#d4edda;color:#155724}.error-message{background-color:#f8d7da;color:#721c24}.unauthenticated-message{padding:3rem;text-align:center;color:#444}.unauthenticated-message .btn{padding:.5rem 1.2rem;text-decoration:none;background-color:#007bff;color:#fff;border-radius:5px}.unauthenticated-message .btn-outline{background-color:transparent;color:#007bff;border:2px solid #007bff}@media (max-width: 992px){.page-container{margin-left:100px;padding:30px 20px}.page-title{font-size:1.8rem}.profile-card h2{font-size:1.6rem}.profile-card p{font-size:.95rem}}@media (max-width: 768px){.page-container{margin-left:0;margin-top:80px;padding:25px 15px;max-width:90%}.profile-card img{width:120px;height:120px}.profile-card h2{font-size:1.5rem}.profile-card p{font-size:.95rem}form input,form textarea,form select,.submit-button{font-size:.95rem;padding:10px}}@media (max-width: 480px){.page-container{padding:20px 10px;margin-top:60px}.page-title{font-size:1.6rem}.profile-card img{width:100px;height:100px}.profile-card h2{font-size:1.3rem}.profile-card p{font-size:.9rem}.submit-button{font-size:.9rem;padding:10px}}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f8fafc;margin:0;padding:0}.form-page-container{width:100%;max-width:500px;margin-left:380px;margin-top:90px;padding:15px 30px;background-color:#fff;border-radius:16px;box-shadow:0 12px 30px #00000014}.form-page-title{font-size:28px;text-align:center;margin-bottom:30px;color:#083d77}.form-page-form{display:flex;flex-direction:column;gap:20px}.form-page-form input{padding:14px 16px;border-radius:10px;border:1px solid #cfd8dc;font-size:1rem;background-color:#f9f9f9;transition:border .3s ease,box-shadow .3s ease}.form-page-form input:focus{border-color:#083d77;outline:none;box-shadow:0 0 0 3px #083d771a}.form-submit-button{background-color:#083d77;color:#fff;padding:14px;font-size:1rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;transition:background-color .3s ease,transform .2s ease}.form-submit-button:hover{background-color:#062c5b;transform:scale(1.02)}.success-message,.error-message{margin-top:30px;padding:18px 20px;border-radius:10px;font-size:.95rem;white-space:pre-wrap;word-break:break-word}.success-message{background-color:#e6f4ea;color:#1b5e20;border-left:5px solid #43a047}.error-message{background-color:#ffebee;color:#b71c1c;border-left:5px solid #e53935}.success-message h2,.error-message h2{margin-top:0;margin-bottom:10px;font-size:18px}@media (max-width: 600px){.form-page-container{padding:30px 20px;margin-left:auto;margin-right:auto}.form-page-title{font-size:24px}.form-submit-button{font-size:.95rem}}