@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");.leaderboard{background-color:#000;color:#0f0;font-family:Press Start\ 2P,cursive;width:80%;padding:30px;border:4px solid #0f0;border-radius:10px;text-align:center;box-shadow:0 0 20px rgba(0,255,0,.8)}.leaderboard h2{font-size:24px;color:#0ff;text-shadow:0 0 5px #0ff;margin-bottom:20px}.leaderboard ol{list-style-type:none;padding:0}.leaderboard ol li{font-size:18px;padding:10px;color:#0f0;border-bottom:2px solid #0f0;margin:5px 0}.leaderboard ol li:hover{color:#ff0;text-shadow:0 0 10px #ff0}.footer-link{color:#f0f;text-decoration:none;font-size:14px}.footer-link:hover{text-shadow:0 0 5px #f0f;color:#ff0}@keyframes flicker{0%{opacity:1}50%{opacity:.9}to{opacity:1}}.progress-container{display:flex;justify-content:space-between;margin-bottom:20px}.progress-bar{display:flex;overflow-x:auto;white-space:nowrap;padding:10px;scroll-behavior:smooth}.progress-step{flex:1;text-align:center;padding:10px;border-bottom:2px solid #ccc;font-size:14px;font-weight:700;color:#666;display:flex;align-items:center;cursor:pointer;transition:opacity .3s ease}.progress-step.active{color:#0070f3;border-bottom:2px solid #0070f3}.progress-step+.progress-step{margin-left:20px}.step-circle{width:30px;height:30px;border-radius:50%;background-color:#ddd;display:flex;align-items:center;justify-content:center;font-size:16px;margin-right:10px;transition:background-color .3s ease,color .3s ease}.progress-step.active .step-circle{background-color:#0070f3;color:#fff}.progress-step.active .step-title{font-weight:700;color:#0070f3}.step-title{font-size:16px;color:#555;transition:color .3s ease}.step-chevron{font-size:24px;margin:0 10px;color:#bbb}.step-header{font-size:20px;margin-bottom:10px;font-weight:700;color:#333;text-align:left;margin-top:30px}@media (max-width:600px){.progress-step{margin-right:5px}.step-chevron,.step-title{display:none}}.trivia-game{margin-top:20px;margin-bottom:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f4f4f4;padding:20px;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.trivia-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.trivia-option{background-color:#0070f3;color:#fff;border:none;padding:10px 20px;margin:5px;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.trivia-option:hover{background-color:#005bb5}label{display:block;font-weight:700;margin-bottom:5px}button,label{font-size:16px}button{display:inline-block;padding:12px 24px;background-color:#0070f3;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#005bb5}.company-info-container{line-height:1.3;text-align:center;max-width:900px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:10px auto 40px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.company-info-container input,.company-info-container textarea{font-size:16px;line-height:1.3;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);resize:vertical}.company-info{margin-top:20px}.company-info-header{margin-bottom:0}.company-info-header h2{font-size:28px;font-weight:700}.company-info-header img{max-width:100%;height:auto;margin-bottom:0}.company-name-form{margin:20px auto 0;background-color:#f9f9f9;padding:20px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.company-name-form input,.company-name-form textarea{width:95%;padding:15px;font-size:16px;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.company-name-form button{padding:15px 20px;background-color:#0070f3;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer}.company-name-form button:hover{background-color:#005bb5}.company-name-form.center{text-align:center}.company-name-input{flex:1;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;margin-right:10px;max-width:60%;width:60%}.input-lookup-container{align-items:center;margin-bottom:10px;margin-top:10px}.flex-row,.input-lookup-container{display:flex;justify-content:space-between}.flex-row{flex-direction:row;margin-bottom:20px}.flex-row .field-group{display:flex;flex-direction:row;flex:1;margin-right:20px;align-items:center}.field-group label{margin-bottom:0;margin-right:10px;flex-wrap:nowrap}.field-group span{flex-grow:1}.form-fields{flex:1}.form-fields-container{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:0}.form-fields-container .field-group{display:flex;flex:1;margin-right:20px}.company-info-form .field-group:first-child label{min-width:120px;text-align:right}.form-fields-container .field-group label{min-width:120px;text-align:right;margin-top:20px;align-self:top}.form-fields-container .field-group span,.form-fields-container .field-group textarea{margin-bottom:20px;padding:20px;flex-grow:1;text-align:left}.company-info-container span{background-color:#f4f4f4}.button-container{text-align:center}.next-button{display:block;margin:0 auto}@media (max-width:600px){.input-lookup-container{flex-direction:column;margin:0}.input-lookup-container input{width:91%;max-width:unset}.company-info-container{background-color:#fff}.company-info-form,.company-info-form .field-group,.company-info-form .flex-row{flex-direction:column;align-items:stretch;background-color:#fff}.company-info-container .flex-row{margin-bottom:0}.field-group:first-child label{text-align:left!important}.company-info-form .field-group,.company-info-form input,.company-info-form label,.company-info-form select,.company-info-form span,.company-info-form textarea,.form-fields-container .field-group label{flex:1 1 100%;margin:0 0 10px;text-align:left;width:unset}}.submit-button{padding:10px;background-color:#0070f3;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;margin-top:20px;display:inline-block;width:100%;transition:background-color .3s ease}.submit-button:hover{background-color:#005bb5}.success-message{font-size:16px;text-align:center;color:green}.input-field{width:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px;margin-bottom:10px}.project-modal{max-width:800px;margin:50px auto;padding:20px;background-color:#fff;border-radius:8px;outline:none;max-height:80vh;overflow-y:auto;box-shadow:0 4px 10px rgba(0,0,0,.2)}.project-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5)}.close-button{background-color:transparent;border:none;font-size:18px;cursor:pointer;padding:5px;background:none;color:#888}.modal-body{padding:20px;overflow-y:auto;margin-top:20px}.grid-section{display:block;justify-content:space-between;margin-bottom:20px}.grid-section>div{width:100%}.content-section{display:flex;flex-direction:column;gap:0}.info-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.details{flex:1}.buttons-section{display:flex;flex-direction:column;justify-content:flex-start;gap:10px}.btn-download{background-color:#0070f3;color:#fff}.btn-download:hover{background-color:#005bb5}.btn-assign{background-color:#28a745;color:#fff}.btn-assign:hover{background-color:#218838}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.details-grid section{background-color:#f9f9f9;padding:15px;border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.details-grid h4{font-size:16px;margin-bottom:10px}.problem-scope{display:flex;justify-content:space-between}.problem-scope section{width:48%}@media (max-width:600px){.buttons{flex-direction:column;align-items:center;margin-bottom:0}.info-section,.problem-scope{flex-direction:column;align-items:flex-start}.problem-scope section{width:100%}.details-grid{grid-template-columns:1fr}.company-details{margin-bottom:10px}.buttons{margin-top:10px}}.project-list{margin-top:20px}.project-list li{cursor:pointer;padding:10px;border-bottom:1px solid #ccc}.project-list li:hover{background-color:#f0f0f0}.design-project-button{padding:20px 40px;background-color:#0070f3;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;display:block;margin:20px auto 60px;text-align:center;width:300px;transition:background-color .3s ease}.design-project-button:hover{background-color:#005bb5}.projects-row{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:20px}.project-card{flex:1;margin:10px;padding:20px;border-radius:8px;color:#333;text-align:left;height:250px;display:flex;flex-direction:column;transition:transform .3s ease;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1)}.project-card:hover{transform:translateY(-5px)}.project-card h3{font-size:20px;font-weight:700;margin-top:0;margin-bottom:0;text-shadow:2px 2px 6px rgba(0,0,0,.1)}.project-card p{font-size:16px;line-height:1.5;text-shadow:1px 1px 6px rgba(0,0,0,.05)}.image-header{max-height:250px}.image-header img{width:100%;max-height:200px;object-fit:cover;border-radius:8px}.problem-statement{font-size:14px;line-height:1.4;max-height:150px;overflow:hidden;text-overflow:ellipsis}.custom-project-form{max-width:800px;margin:0 auto 60px;padding:20px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.1);font-family:Arial,sans-serif}.custom-project-form h2,.custom-project-form h3{font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.custom-project-form h3{color:#0070f3;font-size:20px;margin-bottom:15px;text-align:center}.custom-project-form label{font-size:16px;font-weight:700;margin-bottom:8px;display:block;color:#333}.custom-project-form input,.custom-project-form textarea{width:95%;font-size:16px;line-height:1.3;border:1px solid #ccc;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,.1);resize:vertical}.custom-project-form textarea{min-height:100px;max-height:250px}.custom-project-form button{padding:15px 20px;background-color:#0070f3;color:#fff;border:none;border-radius:5px;font-size:16px;cursor:pointer;width:100%;max-width:250px;display:block;margin:0 auto 20px}.custom-project-form button:hover{background-color:#005bb5}.generated-details-section{margin-top:30px;padding-top:20px;border-top:1px solid #ddd}.generated-details-section textarea{background-color:#f9f9f9;border:1px solid #ccc}.generated-details-section label{margin-top:15px}.custom-project-form img{max-width:80%;height:auto;display:block;margin:0 auto 20px}@media (max-width:600px){.custom-project-form input,.custom-project-form textarea{width:91%}}.custom-project-form label{margin-top:20px}.custom-project-form span{padding:10px}.custom-project-form button{margin-top:20px}