@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.carousel{height:100vh;width:100%;overflow:hidden;position:relative}.carousel .list .item{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.carousel .list .item img{width:100%;height:100%;object-fit:cover}.carousel .list .item .content{position:absolute;top:20%;width:90%;max-width:1140px;left:50%;transform:translate(-50%);padding:20px;box-sizing:border-box;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.7);background:linear-gradient(to bottom,#00000023,#000000d8);border-radius:5px}.carousel .list .item .author{font-weight:700;letter-spacing:10px;font-size:16px}.carousel .list .item .titleh,.carousel .list .item .topic{font-size:5em;font-weight:700;line-height:1.3em}.carousel .list .item .topic{color:#68dd78;text-shadow:1px 1px 3px rgba(0,0,0,.5);width:100%}.carousel .list .item .des{width:100%;max-width:550px;font-size:20px;margin-bottom:60px}.thumbnail{position:absolute;bottom:10px;left:53%;width:max-content;z-index:1;display:flex;gap:20px}.thumbnail .item{width:150px;height:220px;flex-shrink:0;position:relative;overflow:hidden;border-style:solid;border-color:#68dd78}.thumbnail .item:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#00000080,#000000b3);z-index:1}.thumbnail .item img{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;border-radius:20px}.thumbnail .item .content{position:absolute;bottom:10px;left:10px;right:10px;z-index:2;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.7)}.thumbnail .item .content .titleh{font-weight:500}.arrows{position:absolute;top:85%;right:52%;z-index:1;width:300px;max-width:30%;display:flex;gap:10px;align-items:center}.arrows button{width:40px;height:40px;border-radius:50%;background-color:#68dd78;border:none;color:#fff;font-family:monospace;font-weight:700;transition:.5s}.arrows button:hover{background-color:#068d18;color:#000}@media screen and (max-width:768px){.carousel .list .item .content{top:10%;padding:15px}.carousel .list .item .author{font-size:14px;letter-spacing:5px}.carousel .list .item .titleh,.carousel .list .item .topic{font-size:2.5em;line-height:1.2em}.carousel .list .item .des{font-size:19px;margin-bottom:80px}}.carousel .list .item:nth-child(1){z-index:1}.carousel .list .item:nth-child(1) .content .author,.carousel .list .item:nth-child(1) .content .titleh,.carousel .list .item:nth-child(1) .content .topic,.carousel .list .item:nth-child(1) .content .des,.carousel .list .item:nth-child(1) .content .buttons{transform:translateY(50px);filter:blur(20px);opacity:0;animation:showContent .5s 1s linear 1 forwards}@keyframes showContent{to{transform:translateY(0);filter:blur(0px);opacity:1}}.carousel .list .item:nth-child(1) .content .titleh{animation-delay:1.2s!important}.carousel .list .item:nth-child(1) .content .topic{animation-delay:1.4s!important}.carousel .list .item:nth-child(1) .content .des{animation-delay:1.6s!important}.carousel .list .item:nth-child(1) .content .buttons{animation-delay:1.8s!important}.carousel.next .list .item:nth-child(1) img{width:150px;height:220px;position:absolute;bottom:50px;left:50%;border-radius:30px;animation:showImage .5s linear 1 forwards}@keyframes showImage{to{bottom:0;left:0;width:100%;height:100%;border-radius:0}}.carousel.next .thumbnail .item:nth-last-child(1){overflow:hidden;animation:showThumbnail .5s linear 1 forwards}.carousel.prev .list .item img{z-index:100}@keyframes showThumbnail{0%{width:0;opacity:0}}.carousel.next .thumbnail{animation:effectNext .5s linear 1 forwards}@keyframes effectNext{0%{transform:translate(150px)}}.carousel .time{position:absolute;z-index:1000;width:0%;height:3px;background-color:#68dd78;left:0;top:0}.carousel.next .time,.carousel.prev .time{animation:runningTime 3s linear 1 forwards}@keyframes runningTime{0%{width:100%}to{width:0}}.carousel.prev .list .item:nth-child(2){z-index:2}.carousel.prev .list .item:nth-child(2) img{animation:outFrame .5s linear 1 forwards;position:absolute;bottom:0;left:0}@keyframes outFrame{to{width:150px;height:220px;bottom:50px;left:50%;border-radius:20px}}.carousel.prev .thumbnail .item:nth-child(1){overflow:hidden;opacity:0;animation:showThumbnail .5s linear 1 forwards}.carousel.next .arrows button,.carousel.prev .arrows button{pointer-events:none}.carousel.prev .list .item:nth-child(2) .content .author,.carousel.prev .list .item:nth-child(2) .content .titleh,.carousel.prev .list .item:nth-child(2) .content .topic,.carousel.prev .list .item:nth-child(2) .content .des,.carousel.prev .list .item:nth-child(2) .content .buttons{animation:contentOut 1.5s linear 1 forwards!important}@keyframes contentOut{to{transform:translateY(-150px);filter:blur(20px);opacity:0}}@media screen and (max-width:678px){.carousel .list .item .content{padding-right:0}.carousel .list .item .content .titleh{font-size:30px}}.solar-products-page{padding:20px}h1{text-align:center;color:#333;margin-bottom:20px}.error-message{color:red;text-align:center;margin:10px 0}.success-message{color:green;text-align:center;margin:10px 0}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}.search-filter-options{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.search-filter-options input[type=text]{padding:10px;width:300px;border:1px solid #ccc;border-radius:5px;font-size:16px}.sorting-options{display:flex;align-items:center;gap:10px}.sorting-options label{font-size:16px;color:#333}.sorting-options select{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.solar-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-top:20px}.product-card{background:#fff;border:1px solid #ddd;border-radius:10px;padding:15px;box-shadow:0 4px 8px #0000001a;transition:transform .2s,box-shadow .2s}.product-card h3{font-size:18px;margin:10px 0;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.product-image{width:100%;height:150px;object-fit:cover;border-radius:10px}.product-card h3{font-size:18px;margin:10px 0;color:#333}.product-card p{font-size:14px;color:#666;margin:5px 0}.product-actions{display:flex;justify-content:space-between;gap:10px;margin-top:15px}.product-actions button{padding:8px 12px;border:none;border-radius:5px;background-color:#3498db;color:#fff;cursor:pointer;font-size:14px;transition:background-color .2s}.product-actions button:hover{background-color:#2980b9}.favorite-button{background-color:transparent!important;border:none;font-size:20px;cursor:pointer;transition:transform .2s}.favorite-button:hover{transform:scale(1.2)}.favorite-button.favorited{color:#e74c3c}.product-details-container{display:flex;gap:20px;margin-top:20px}.product-image-container{flex:1}.product-details-image{width:100%;max-width:400px;border-radius:10px}.product-details{flex:2}.product-details h2{font-size:24px;color:#333;margin-bottom:10px}.product-details p{font-size:16px;color:#666;margin:10px 0}.product-details button{padding:10px 15px;border:none;border-radius:5px;background-color:#3498db;color:#fff;cursor:pointer;font-size:16px;transition:background-color .2s}.product-details button:hover{background-color:#2980b9}.product-form{max-width:500px;margin:20px auto;padding:20px;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a}.product-form h2{font-size:22px;color:#333;margin-bottom:20px;text-align:center}.form-group label{display:block;font-size:16px;color:#333;margin-bottom:5px}.form-group input[type=text],.form-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.form-group input[type=file]{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:16px}.image-preview{width:100%;max-width:200px;margin-top:10px;border-radius:10px}.form-actions{display:flex;justify-content:space-between;margin-top:20px}.form-actions button{padding:10px 20px;border:none;border-radius:5px;background-color:#3498db;color:#fff;cursor:pointer;font-size:16px;transition:background-color .2s}.form-actions button:hover{background-color:#2980b9}.form-actions button[type=button]{background-color:#e74c3c}.form-actions button[type=button]:hover{background-color:#c0392b}.new-entry-button{padding:10px 20px;border:none;border-radius:5px;background-color:#2ecc71;color:#fff;cursor:pointer;font-size:16px;transition:background-color .2s;margin-bottom:20px}.new-entry-button:hover{background-color:#27ae60}.fire-extinguishers-page{padding:20px}.fire-extinguishers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.extinguisher-card{border:1px solid #ccc;border-radius:8px;padding:15px;text-align:center;box-shadow:0 2px 4px #0000001a}.extinguisher-card h3{font-size:18px;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extinguisher-image{max-width:100%;height:auto;max-height:200px;margin-bottom:10px;border-radius:4px}.extinguisher-actions button{margin:5px;padding:8px 15px;border:none;border-radius:4px;background-color:#2d7ead;color:#fff;cursor:pointer}.extinguisher-actions button:hover{background-color:#68dd78}.extinguisher-details-container{display:flex;flex-direction:row;padding:20px;border:1px solid #ccc;border-radius:8px;margin-top:20px}.extinguisher-image-container,.extinguisher-details{flex:1;padding:10px}.extinguisher-details-image{max-width:100%;height:auto;display:block;margin:0 auto 20px;border-radius:4px}@media(max-width:768px){.extinguisher-details-container{flex-direction:column}.extinguisher-image-container,.extinguisher-details{flex:none;width:100%}.extinguisher-details-image{max-width:100%}}.extinguisher-form{max-width:600px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column}.extinguisher-form h2{text-align:center;margin-bottom:20px}.variable-drives-page{padding:20px}.variable-drives-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.project-showcase-page{padding:20px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.project-card{border:1px solid #ccc;border-radius:8px;padding:15px;text-align:center;background-color:#f9f9f9;box-shadow:0 2px 4px #0000001a}.project-card h3{font-size:18px;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-image{max-width:100%;height:auto;max-height:200px;margin-bottom:10px;border-radius:4px}.project-actions{margin-top:10px}.project-actions button{margin:5px;padding:8px 12px;border:none;border-radius:4px;background-color:#2d7ead;color:#fff;cursor:pointer}.project-actions button:hover{background-color:#68dd78}.favorite-button{background-color:transparent;border:none;font-size:1.2em;cursor:pointer}.project-details-container{display:flex;flex-direction:column;align-items:center;padding:20px}.image-slider{position:relative;width:100%;max-width:1000px;margin:0 auto;overflow:hidden;border-radius:12px;box-shadow:0 4px 8px #0003}.project-details-image{width:100%;height:auto;max-height:800px;border-radius:12px;transition:transform .5s ease-in-out}.slider-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff0;color:#fff;border:none;padding:15px;cursor:pointer;border-radius:50%;font-size:18px;transition:background-color .3s ease}.slider-button:hover{background-color:#fff0}.slider-button.prev{right:440px}.slider-button.next{left:440px}.slider-indicators{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px}.slider-indicator{width:10px;height:10px;background-color:#ffffff80;border-radius:50%;cursor:pointer;transition:background-color .3s ease}.slider-indicator.active{background-color:#fff}.project-details{margin-top:20px;text-align:center}.project-form{max-width:600px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:8px;background-color:#f9f9f9}.form-group input,.form-group textarea,.form-group select{width:100%;padding:8px;box-sizing:border-box;border:1px solid #ccc;border-radius:4px}.image-preview-container{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.loading-spinner{text-align:center;margin-top:50px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:0 auto}.error-message{color:red;text-align:center}.success-message{color:green;text-align:center}.new-entry-button{margin-bottom:20px;padding:10px 20px;border:none;border-radius:4px;background-color:#28a745;color:#fff;cursor:pointer}.new-entry-button:hover{background-color:#218838}.filter-options,.search-filter-options,.sorting-options{margin-bottom:20px}.filter-options label,.search-filter-options label,.sorting-options label{margin-right:10px;font-weight:700}.filter-options select,.search-filter-options input,.sorting-options select{padding:8px;border:1px solid #ccc;border-radius:4px}.FireSuppression-page{padding:20px}.FireSuppression-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.drive-card{border:1px solid #ccc;border-radius:8px;padding:15px;text-align:center;box-shadow:0 2px 4px #0000001a}.drive-card h3{font-size:18px;margin:10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drive-image{max-width:100%;height:auto;max-height:200px;margin-bottom:10px;border-radius:4px}.drive-actions button{margin:5px;padding:8px 15px;border:none;border-radius:4px;background-color:#2d7ead;color:#fff;cursor:pointer}.drive-actions button:hover{background-color:#68dd78}.drive-details-container{display:flex;flex-direction:row;padding:20px;border:1px solid #ccc;border-radius:8px;margin-top:20px}.drive-image-container,.drive-details{flex:1;padding:10px}.drive-details-image{max-width:100%;height:auto;display:block;margin:0 auto 20px;border-radius:4px}@media(max-width:768px){.drive-details-container{flex-direction:column}.drive-image-container,.drive-details{flex:none;width:100%}.drive-details-image{max-width:100%}}.drive-form{max-width:600px;margin:20px auto;padding:20px;border:1px solid #ccc;border-radius:8px;display:flex;flex-direction:column}.drive-form h2{text-align:center;margin-bottom:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input[type=text],.form-group textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=file]{padding:5px 0}.image-preview{max-width:200px;height:auto;margin-top:10px;border-radius:4px}.form-actions{margin-top:20px;text-align:center}.form-actions button{padding:10px 20px;margin:0 10px;border:none;border-radius:4px;background-color:#2d7ead;color:#fff;cursor:pointer}.form-actions button:hover{background-color:#68dd78}.new-entry-button{margin-bottom:20px;padding:10px 15px;border:none;border-radius:4px;background-color:#3fb358;color:#fff;cursor:pointer}.new-entry-button:hover{background-color:#67f18a}.error-message{color:red;margin-bottom:10px}.success-message{color:green;margin-bottom:10px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:50px}.spinner{border:4px solid rgba(0,0,0,.1);border-left-color:#09f;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:10px}.search-filter-options,.sorting-options{margin-bottom:15px;display:flex;align-items:center;gap:10px}.search-filter-options input[type=text]{padding:8px;border:1px solid #ccc;border-radius:4px;flex-grow:1}.sorting-options select{padding:8px;border:1px solid #ccc;border-radius:4px}.favorite-button.favorited{color:red}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.learn-container{min-height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f0f9ff,#e8f6f3);padding:2rem}.learn-card{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2rem;width:100%;max-width:1000px;box-shadow:0 8px 32px #009c561a;border:1px solid rgba(0,196,106,.2)}.title{color:#00875a;text-align:center;font-size:2.5rem;margin-bottom:2rem;font-weight:600}.form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;position:relative}.form-group label{color:#00875a;font-size:1.3rem;font-weight:500}.select-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffffe6;border:1px solid rgba(0,196,106,.3);border-radius:10px;padding:1rem 2.5rem 1rem 1rem;color:#2d3748;font-size:1rem;cursor:pointer;transition:all .3s ease;width:100%}.form-group:after{content:"▼";font-size:.8rem;color:#00875a;position:absolute;right:1rem;bottom:1.1rem;pointer-events:none;transition:transform .3s ease}.form-group:hover:after{transform:translateY(2px)}.select-input:hover{background:#fff;border-color:#00c46a80;box-shadow:0 2px 8px #009c561a}.select-input:focus{outline:none;border-color:#00b377;box-shadow:0 0 0 3px #00c46a33}.select-input option{background:#fff;color:#2d3748;padding:1rem;font-size:1rem}.select-input:active{background:#fff}.select-input option:first-child{color:#718096}.submit-button{background:linear-gradient(135deg,#039f47,#008741);border:none;border-radius:10px;padding:1rem;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #009c5633}.submit-button:hover{box-shadow:0 6px 16px #009c564d}.submit-button:disabled{background:linear-gradient(135deg,#a0aec0,#718096);box-shadow:none;cursor:not-allowed}.loading-dots{display:flex;justify-content:center;align-items:center}.answer-card{margin-top:2rem;background:#fffffff2;border-radius:15px;padding:1.5rem;border:1px solid rgba(0,196,106,.2);box-shadow:0 4px 12px #009c561a}.answer-content{color:#2d3748;font-size:1rem;line-height:1.6}@keyframes selectOpen{0%{transform:scaleY(.9);opacity:0}to{transform:scaleY(1);opacity:1}}@media(max-width:768px){.learn-container{padding:1rem}.learn-card{padding:1.5rem}.title{font-size:2rem}.form-group label{font-size:1rem}.select-input{padding:.8rem 2.5rem .8rem .8rem}.form-group:after{bottom:.9rem}.submit-button{padding:.8rem}}.question-management{margin-top:3rem;padding-top:2rem;border-top:2px solid #eee}.add-question{display:flex;gap:1rem;margin-bottom:2rem}.question-input{flex:1;padding:.75rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem}.add-button{background:#2196f3;color:#fff;padding:.75rem 1.5rem;border:none;border-radius:.5rem;cursor:pointer}.questions-list{display:flex;flex-direction:column;gap:1rem}.question-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f5f5f5;border-radius:.5rem}.question-actions{display:flex;gap:.5rem}.edit-button{background:#ffc107;color:#000;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}.delete-button{background:#f44336;color:#fff;padding:.5rem 1rem;border:none;border-radius:.25rem;cursor:pointer}.edit-input{padding:.5rem;border:1px solid #ddd;border-radius:.25rem;font-size:1rem;width:100%;max-width:400px}.loading-dots{display:flex;align-items:center;justify-content:center}.formatted-answer{display:flex;flex-direction:column;gap:1rem}.answer-paragraph{font-size:1.1rem;line-height:1.6;color:#333;margin:0;padding:.5rem 0}.answer-card{margin-top:2rem;padding:2rem;background:#f9f9f9;border-radius:.5rem;box-shadow:0 2px 4px #0000000d}.category-select{padding:.75rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem;min-width:200px;margin-right:1rem}.edit-container{display:flex;gap:1rem;flex:1}.question-info{display:flex;gap:1rem;align-items:center;flex:1}.category-tag{background:#e3f2fd;color:#1976d2;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;white-space:nowrap}.add-question{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}@media(max-width:768px){.add-question{flex-direction:column}.category-select{width:100%;margin-right:0}.edit-container{flex-direction:column}}filter-section{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:#f8f9fa;border-radius:.5rem;flex-wrap:wrap}.filter-select{padding:.75rem;border:1px solid #ddd;border-radius:.5rem;font-size:1rem;min-width:200px;background:#fff}.filter-stats{margin-left:auto;color:#666;font-size:.9rem}.questions-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.question-item{background:#fff;padding:1rem;border-radius:.5rem;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;align-items:center;gap:1rem}@media(max-width:768px){.filter-section{flex-direction:column;align-items:stretch}.filter-stats{margin-left:0;text-align:center}.filter-select{width:100%}}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#f4f4f4;color:#333;font-size:16px;line-height:1.5}.navbar{background-color:#3fb358;color:#fff;padding:10px 0;position:sticky;top:0;z-index:100}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding:0 20px}.navbar-list{list-style:none;display:flex;gap:20px}.navbar-list li{display:inline-block}.navbar-list a,.navbar-list button{color:#fff;text-decoration:none;font-size:16px;padding:10px 15px;border:none;background:none;cursor:pointer}.navbar-list button:hover,.navbar-list a:hover{background-color:#67f18a}.hamburger-menu{font-size:30px;background:none;border:none;color:#fff;display:none;cursor:pointer}.navbar-list{display:flex}.navbar-list.open{display:flex;flex-direction:column;position:absolute;top:60px;left:0;width:100%;background-color:#27c54e;gap:10px;padding:10px 0}.navbar-list li{text-align:center}.navbar-list a,.navbar-list button{width:100%;padding:12px 20px}@media(max-width:768px){.navbar-list{display:none;position:absolute;top:60px;left:0;width:100%;background-color:#27c54e;flex-direction:column;gap:10px;padding:10px 0}.hamburger-menu{display:block}.navbar-list.open{display:flex}}h1{font-size:2rem;margin-bottom:20px;text-align:center}h2{font-size:1.5rem;margin-bottom:20px}.login-register-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4}.form-wrapper{background-color:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}input[type=email],input[type=password]{width:100%;padding:10px;margin-bottom:10px;border-radius:4px;border:1px solid #ccc}button{width:100%;padding:10px;background-color:#2d7ead;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#68dd78}button[type=button]{background-color:#2d7ead;margin-top:10px}button[type=button]:hover{background-color:#68dd78}p{color:#0e0d0d;font-size:14px;margin-top:10px}.project-showcase{padding:20px}.project-showcase p{font-size:18px;color:#333}@media(max-width:768px){main{padding:10px}h1,h2{font-size:1.5rem}}body{font-family:Arial,sans-serif;background-color:#f9fafb;color:#333}.min-h-screen{min-height:100vh}.bg-gray-50{background-color:#f9fafb}.py-12{padding-top:3rem;padding-bottom:3rem}.px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.max-w-7xl{max-width:80rem;margin-left:auto;margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.text-center{text-align:center}.mb-12{margin-bottom:3rem}.text-4xl{font-size:2.25rem}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.mt-2{margin-top:.5rem}.text-gray-600{color:#718096}.grid{display:grid}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.gap-8{gap:2rem}.bg-white{background-color:#fff}.p-6{padding:1.5rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.mb-6{margin-bottom:1.5rem}.font-medium{font-weight:500}.text-gray-700{color:#4a5568}.text-sm{font-size:.875rem}.w-full{width:100%}.h-2{height:.5rem}.bg-gray-200{background-color:#edf2f7}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:1fr}.gap-6{gap:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.bg-green-50{background-color:#f0fdf4}.rounded-lg{border-radius:.5rem}.text-lg{font-size:1.125rem}.font-semibold{font-weight:600}.text-gray-900{color:#1a202c}.mb-2{margin-bottom:.5rem}.gap-2{gap:.5rem}.text-green-500{color:#10b981}.text-3xl{font-size:1.875rem}.font-bold{font-weight:700}.text-green-600{color:#059669}.bg-blue-50{background-color:#ebf8ff}.text-blue-500{color:#3b82f6}.text-blue-600{color:#2563eb}.bg-purple-50{background-color:#f5f3ff}.text-purple-500{color:#8b5cf6}.text-purple-600{color:#7c3aed}.text-yellow-500{color:#eab308}.bg-yellow-50{background-color:#fffbeb}.text-yellow-600{color:#ca8a04}.card-container{display:flex;gap:2rem}.card{flex:1}.compact-card .p-4{padding:.75rem}.compact-card .text-lg{font-size:1rem}.compact-card .text-3xl{font-size:1.5rem}.compact-card .mb-2{margin-bottom:.25rem}