@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:wght@100;300;400&display=swap");*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%}body{background-color:#e8e8e8;color:#3b424c;font-family:Montserrat,sans-serif;font-weight:300;line-height:1.6}[id^=tsparticles-]{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.apps-projects-section,.main-section,.maincontact-section{position:relative;overflow:visible;padding:40px 20px;z-index:1}.particle-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.banner{background-color:#ffa742;padding:3px 0;overflow:hidden}.marquee{white-space:nowrap;animation:marquee 20s linear infinite;font-family:Bebas Neue,sans-serif;font-size:2rem;color:#3b424c}@keyframes marquee{0%{transform:translateX(100%)}to{transform:translateX(-100%)}}.main-section{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;min-height:auto}.title-left,.title-right{font-family:Bebas Neue,sans-serif;line-height:.85;margin-bottom:1rem;font-size:clamp(3rem,10vw,8rem);letter-spacing:1px}.title-left{text-align:left}.title-right{text-align:right}.text-left,.text-right{font-size:clamp(.9rem,3vw,1.3rem);line-height:1.4;margin-bottom:1rem}.text-left{text-align:left}.text-right{text-align:right}.apps-projects-section,.maincontact-section{background-color:#3b424c;color:#e8e8e8;width:100%;line-height:1}.apps-projects-section .title-left,.maincontact-section .title-left{color:#ffa742}.apps-projects-section .text-right,.maincontact-section .text-right{color:#e8e8e8}.maincontact-section .container{max-width:1200px;margin:0 auto;padding:40px 20px}.email-link{font-family:Montserrat,sans-serif;font-weight:300;font-size:1.5rem;color:#e8e8e8;text-decoration:none;position:relative;padding-bottom:5px;transition:all .3s ease}.email-link:hover{color:#ffa742}.email-link:after{content:"";position:absolute;width:0;height:1px;bottom:0;left:0;background-color:#ffa742;transition:width .3s ease}.email-link:hover:after{width:100%}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px;margin-top:40px}.project-item{transition:transform .3s ease;background:rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.project-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.1)}.project-image{height:300px;width:100%;background-size:cover;background-position:50%;cursor:pointer;transition:all .3s ease}.project-image:hover{opacity:.9}.project-info{padding:1.5rem}.project-info h3{font-family:Bebas Neue,sans-serif;font-size:2rem;margin-bottom:1rem;color:#ffa742;letter-spacing:1px}.project-description{margin-bottom:1.5rem}.description-line{font-size:1rem;line-height:1.2;margin-bottom:.5rem}.project-keywords{display:flex;flex-wrap:wrap;gap:8px;margin-top:1rem}.keyword-badge{background-color:rgba(255,167,66,.2);color:#ffa742;padding:4px 12px;border-radius:20px;font-size:.8rem}.keyword-filter-container{margin:2rem 0}.keyword-filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.banner+.apps-projects-section,.banner+.main-section{padding-top:20px}.keyword-filter-header h3{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:#ffa742;letter-spacing:1px;margin:0}.keyword-tags-container{display:flex;flex-wrap:wrap;gap:10px}.keyword-tag{background:none;border:1px solid #ffa742;color:#ffa742;padding:5px 15px;border-radius:20px;cursor:pointer;transition:all .3s ease;font-family:Bebas Neue,sans-serif;letter-spacing:1px}.keyword-tag.active,.keyword-tag:hover{background-color:#ffa742;color:#3b424c}.reset-keywords-btn{background:none;border:1px solid #e8e8e8;color:#e8e8e8;padding:5px 15px;border-radius:4px;cursor:pointer;font-family:Montserrat,sans-serif;transition:all .3s ease}.reset-keywords-btn:hover{background-color:#e8e8e8;color:#3b424c}.hyperlinks{display:flex;gap:2rem;margin:1rem 0}.din-link{font-family:Bebas Neue,sans-serif;color:#3b424c;text-decoration:none;font-size:1.5rem;letter-spacing:1px;transition:color .3s ease}.din-link:hover{color:#ffa742}.footer{background-color:#3b424c;color:white;text-align:center;padding:20px}.final-text{font-size:.8rem;margin-top:10px;font-family:Montserrat,sans-serif;font-weight:300}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.8);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%;background:white;border-radius:8px;padding:20px}.close-btn{position:absolute;top:-40px;right:0;background:none;border:none;color:white;font-size:2rem;cursor:pointer}.modal-media{max-height:80vh;max-width:100%;border-radius:4px}.modal-iframe{width:80vw;height:80vh;border:none;border-radius:4px}.name-link{color:inherit;text-decoration:none;transition:color .3s ease;position:relative}.name-link:hover{color:#ffa742}@media (max-width:768px){.main-section,.maincontact-section .container{padding:40px 20px}.projects-grid{grid-template-columns:1fr;gap:30px;margin-top:20px}.project-image{height:250px}.table-container{padding:1rem}td,th{padding:.8rem}.company-name{font-size:1.2rem}.resource-btn{padding:.5rem 1rem}.hyperlinks{flex-direction:column;gap:1rem}}@media (max-width:480px){.marquee,.project-info h3{font-size:1.5rem}.keyword-filter-header{flex-direction:column;align-items:flex-start;gap:1rem}}.vimeo-container{position:relative;width:100%;padding-bottom:56.25%;height:0;margin:2rem auto;max-width:1200px}.vimeo-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.full-width-vimeo{position:relative;width:100vw;left:50%;right:50%;padding-bottom:56.25%;height:0;margin:2rem -50vw;overflow:hidden}.full-width-vimeo iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.experience-section{margin:2rem 0}.toggle-experience-btn{background-color:#ffa742;color:#3b424c;border:none;padding:1rem 2rem;font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:1px;border-radius:4px;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.toggle-experience-btn:hover{background-color:#e6953a;transform:translateY(-2px)}.experience-accordion{background-color:#f5f5f5;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1)}.experience-item{border-bottom:1px solid #ddd}.experience-item:last-child{border-bottom:none}.experience-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;cursor:pointer;transition:background-color .3s ease}.experience-header:hover{background-color:#e8e8e8}.company-info h3{font-family:Bebas Neue,sans-serif;font-size:1.4rem;color:#3b424c;margin:0;letter-spacing:1px}.company-location{font-family:Montserrat,sans-serif;font-size:.9rem;color:#666;margin-top:.3rem}.toggle-icon{font-size:1.5rem;font-weight:700;color:#ffa742}.experience-content{padding:0 1.5rem 1.5rem}.experience-bullets{list-style:none;padding:0;margin-bottom:1rem}.experience-bullets li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;line-height:1.5}.experience-bullets li:before{content:"•";color:#ffa742;position:absolute;left:0;font-size:1.2rem}.resource-btn:hover{box-shadow:0 4px 8px rgba(0,0,0,.1)}.resource-btn{font-family:Bebas Neue,sans-serif;letter-spacing:1px;background-color:#3b424c;color:white;border:none;padding:.6rem 1.2rem;border-radius:4px;transition:all .3s ease;cursor:pointer;margin-top:1rem}.resource-btn:hover{background-color:#ffa742;color:#3b424c;transform:translateY(-2px)}@media (max-width:768px){.experience-header{padding:1rem;flex-direction:column;align-items:flex-start;gap:.5rem}.company-info h3{font-size:1.2rem}.toggle-icon{align-self:flex-end}.experience-content{padding:0 1rem 1rem}}.password-modal{max-width:400px;text-align:center;background:#3b424c;color:#e8e8e8}.password-modal h3{font-family:Bebas Neue,sans-serif;font-size:1.8rem;color:#ffa742;margin-bottom:1rem;letter-spacing:1px}.password-modal p{margin-bottom:1.5rem;font-size:.9rem}.password-form{display:flex;flex-direction:column;gap:1rem}.password-input{padding:.8rem;border:2px solid #ffa742;border-radius:4px;background:#2a2f38;color:#e8e8e8;font-size:1rem;text-align:center}.password-input:focus{outline:none;border-color:#e6953a}.password-input.error{border-color:#ff6b6b;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.password-error{color:#ff6b6b;font-size:.8rem;margin:-.5rem 0}.password-submit-btn{background-color:#ffa742;color:#3b424c;border:none;padding:.8rem 2rem;font-family:Bebas Neue,sans-serif;font-size:1.2rem;letter-spacing:1px;border-radius:4px;cursor:pointer;transition:all .3s ease}.password-submit-btn:hover{background-color:#e6953a;transform:translateY(-2px)}