html,body{height:100%;width:100%;margin:0;padding:0;background:transparent;overflow-y:auto;overflow-x:hidden}*{box-sizing:border-box;max-width:100%}body.modal-open{overflow:hidden;position:fixed;width:100%}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:url(/images/truestatic.jpg) center center / cover no-repeat;z-index:-1}.background{min-height:100vh;width:100%;padding:20px;display:flex;flex-direction:column;align-items:center;background:url(/images/truestatic.jpg) center center / cover no-repeat}.title-card-container{background:linear-gradient(to right,#000,#111);border:2px solid #0f0;border-radius:12px;padding:20px 40px;text-align:center;box-shadow:0 0 10px #0f0,0 0 20px #0f0,0 0 40px #0f06}.title-card{text-align:center}.title-glow{font-size:3rem;font-weight:800;letter-spacing:1px;color:#fff}.projects-container{max-width:900px;width:100%;margin:60px auto;padding:20px;font-family:Arial,sans-serif;color:#fff}.projects-container h1{text-align:center;margin-bottom:40px;font-size:2.5rem;color:#0f0}.project-card{background-color:#111;border-left:5px solid #0f0;border-radius:10px;padding:20px;margin-bottom:20px;box-shadow:0 0 20px #0f06;cursor:pointer}.project-card:hover{transform:translateY(-8px);box-shadow:0 10px 30px #00ff0080}.project-header{position:relative;text-align:center}.project-header h2{margin:0 0 4px;font-size:2rem;color:#0f0}.project-card h3{margin:0;font-size:1.25rem;font-weight:600;color:#ccc;text-align:center}.project-card p{margin:.5rem 0 0;line-height:1.6}.project-image{position:absolute;top:0;right:0;width:60px;height:60px;object-fit:cover;border-radius:50%;border:2px solid #0f0;box-shadow:0 0 8px #00ff004d}@media (max-width: 768px){.project-image{position:static;display:block;margin:12px auto 8px;width:48px;height:48px}}.nav-links{text-align:center;margin-top:40px}.back-button{display:inline-block;padding:12px 24px;background-color:#111;border:2px solid #0f0;color:#0f0;font-weight:700;text-decoration:none;border-radius:8px;box-shadow:0 0 10px #0f06;transition:all .2s ease}.back-button:hover{background-color:#0f0;color:#111;box-shadow:0 0 20px #0f0c;transform:translateY(-2px)}.video-modal,.text-modal{display:none;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:#000c;-webkit-overflow-scrolling:touch;touch-action:none}.video-content,.text-modal-content{position:relative;margin:5% auto;padding:20px;width:80%;max-width:800px;max-height:90vh;background-color:#111;border-radius:10px;box-shadow:0 0 30px #0f06;color:#fff;font-family:Arial,sans-serif}.video-content video{width:100%;height:auto;display:block;border-radius:10px}.close-button,.text-close-button{position:absolute;top:2vh;right:3vh;font-size:28px;color:#0f0;font-weight:700;cursor:pointer}.video-description,.text-description{padding:15px 20px;background-color:#1a1a1ad9;border-radius:0 0 10px 10px;color:#fff;font-family:Arial,sans-serif;font-size:1rem}.video-description ul,.text-description ul{list-style-type:disc;padding-left:20px;margin:0}.video-description li,.text-description li{margin-bottom:15px;line-height:1.6}.project-title-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin-bottom:16px}.project-title{margin:0;font-size:2rem;color:#0f0}.project-subtitle,.project-dates{margin:0;font-size:1.25rem}.banner-link{display:block;margin-top:25px;padding:12px 20px;background-color:#0f0;color:#111;text-align:center;text-decoration:none;font-weight:700;border-radius:8px;transition:background-color .3s ease,transform .2s ease}.banner-link:hover{background-color:#0c0;transform:translateY(-2px)}.slideshow-container{position:relative;width:90%;max-width:900px;margin:30px auto;text-align:center}.slide-image{width:100%;max-height:550px;object-fit:contain;border-radius:12px;box-shadow:0 4px 10px #00000080}.slide-buttons{margin-top:15px}.prev-slide,.next-slide{background-color:transparent;border:none;font-size:2.5rem;cursor:pointer;margin:0 15px;color:#fff;text-shadow:0 0 5px rgba(0,0,0,.6)}.prev-slide:hover,.next-slide:hover{color:#0f0}@media (max-width: 768px){.projects-container{width:95%;padding:10px;margin:20px auto}.project-card{padding:16px;margin-bottom:16px;font-size:.95rem;text-align:center}.project-header{display:flex;flex-direction:column;align-items:center;position:relative}.project-header h2{font-size:1.5rem;text-align:center}.project-card h3{font-size:1.1rem;text-align:center}.project-card p{font-size:.95rem;text-align:center}.project-image{position:static;margin-top:10px;width:64px;height:64px}.title-glow{font-size:2rem}.text-modal-content{width:95%;margin:10% auto;padding:16px;overflow-y:auto}.project-title-row{flex-direction:column;align-items:flex-start;gap:10px}.project-title{font-size:1.6rem}.project-subtitle,.project-dates{font-size:1rem}.slide-image{max-height:300px}.prev-slide,.next-slide{font-size:2rem}}