:root{color-scheme:dark;--primary-bg: rgba(0, 0, 0, .6);--secondary-bg: rgba(26, 26, 26, .8);--text-color: #ffffff;--accent-color: #ff69b4;--hover-color: #cccccc;--project-bg: rgba(0, 0, 0, .7);--overlay-color: rgba(0, 0, 0, .65);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100%;background-color:#000;color:var(--text-color)}body{line-height:1.6;font-size:16px}a{color:inherit;text-decoration:none}.page-layout{position:relative;min-height:100vh;background-color:var(--page-background-color, var(--primary-bg));background-image:var(--page-background-image, none);background-position:center;background-size:cover;background-repeat:no-repeat;display:flex;flex-direction:column}.page-layout:before{content:"";position:fixed;inset:0;background:var(--page-overlay-color, var(--overlay-color));z-index:-1}.page-layout--center{justify-content:center}.page-layout--top{justify-content:flex-start}.page-layout--top .page-layout__content{align-items:flex-start;padding-top:clamp(2rem,6vw,3rem)}.page-layout--restrict-overflow,.page-layout--restrict-overflow body{overflow:hidden}.page-layout__content{width:100%;display:flex;justify-content:center;align-items:center;padding:clamp(1rem,4vw,2rem)}.main-shell{width:100%;display:flex;justify-content:center}.home-panel{background:#0009;border-radius:16px;padding:clamp(1.25rem,4vw,2rem);display:flex;flex-direction:column;gap:1.5rem;width:min(100%,640px);align-items:center;justify-content:center;box-shadow:0 18px 50px #00000059}.outer-container{background:#0009;border-radius:15px;padding:clamp(1rem,4vw,1.5rem);width:100%;max-width:720px;display:flex;flex-direction:column;gap:1.5rem}.outer-container--grid{max-width:820px;padding:clamp(.85rem,3vw,1.35rem);gap:1.25rem}.tracks-container{max-width:820px;padding:clamp(.8rem,3vw,1.2rem);gap:1.1rem}.root-container{max-width:820px;padding:clamp(.75rem,3vw,1.25rem);gap:1rem}.outer-container--scrollable{max-height:80vh}.content-section{background:#0006;border-radius:10px;padding:clamp(1rem,4vw,1.5rem)}.content-section--grid{display:flex;flex-direction:column;gap:1.25rem;padding:clamp(.9rem,3vw,1.35rem)}.content-section--scrollable{overflow-y:auto;max-height:calc(70vh - 2rem)}.root-content{padding:clamp(1rem,3vw,1.25rem);display:flex;flex-direction:column;gap:1.25rem}.page-title{font-size:clamp(1.8rem,4vw,2.2rem);margin-bottom:1.5rem;text-align:center;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.root-title{margin-bottom:.75rem;font-size:clamp(1.6rem,3.5vw,2rem)}.directory-structure{font-family:Fira Code,JetBrains Mono,Source Code Pro,monospace;white-space:pre;background-color:#000000b3;padding:1rem;border-radius:10px;display:flex;flex-direction:column;gap:.6rem;letter-spacing:.02em;align-items:stretch}.directory-item{transition:color .3s ease,transform .3s ease}.directory-item:hover,.directory-item:focus-visible{color:var(--accent-color);transform:translate(6px)}.footer-container{margin-top:1.5rem;text-align:center}.contact-logos{display:flex;justify-content:center;align-items:center;gap:1.25rem}.contact-logo{height:28px;width:28px;opacity:.6;transition:opacity .3s ease,transform .3s ease}.contact-logo:hover,.contact-logo:focus-visible{opacity:.9;transform:scale(1.08)}.project-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:1.25rem}.project-grid--uniform{gap:1rem}.project-grid--centered{justify-content:center}.tracks-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));width:100%;display:grid}.project-tile{flex:0 1 220px;display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:12px;background-color:var(--project-bg);box-shadow:0 10px 35px #00000040;transition:transform .3s ease,box-shadow .3s ease}.project-tile:hover,.project-tile:focus-visible{transform:translateY(-6px);box-shadow:0 18px 45px #00000059}.project-logo{width:150px;height:150px;border-radius:8px;margin-bottom:.75rem;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(255,255,255,.1),transparent)}.project-logo img{width:100%;height:100%;object-fit:cover}.project-info p{text-align:center;font-size:1rem;font-weight:600;letter-spacing:.01em}.button,.nav-button{display:inline-block;padding:.85rem 1.6rem;border-radius:6px;border:1px solid var(--text-color);background-color:#000000b3;color:var(--text-color);font-weight:600;letter-spacing:.02em;transition:background-color .3s ease,color .3s ease,transform .3s ease,box-shadow .3s ease;text-align:center}.button:hover,.button:focus-visible{background-color:var(--text-color);color:#000;transform:scale(1.04);box-shadow:0 0 15px #fff6}.button-container{display:flex;justify-content:center;margin:1rem 0}.navigation-buttons{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.hot16-content{display:flex;flex-direction:column;gap:1.15rem}.navigation-buttons .button{flex:1 1 180px}.back-button-container{text-align:center}.faq-projects{display:grid;gap:1.25rem}.root-projects{gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.project-card{background:var(--project-bg);border-radius:14px;padding:1.5rem;min-height:220px;display:flex;flex-direction:column;gap:1rem;box-shadow:0 12px 40px #0000004d;transition:transform .3s ease}.project-card:hover,.project-card:focus-visible{transform:translateY(-4px)}.root-card{padding:1.1rem;min-height:unset;gap:.75rem}.project-title{font-size:1.2rem;font-weight:700;text-align:center}.project-description{font-size:1rem;line-height:1.6}@media(max-width:768px){body{font-size:14px}.page-layout__content{padding:1.25rem}.home-panel{padding:1.25rem;width:100%;gap:1.25rem}.outer-container--grid{padding:1.1rem;max-width:100%}.root-container{padding:1.05rem;max-width:100%}.content-section--grid,.root-content{padding:1rem;gap:1.1rem}.project-grid,.project-grid--uniform,.tracks-grid{gap:1rem}.project-tile{flex:1 1 45%;max-width:240px}.project-logo{width:130px;height:130px}.root-projects{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.navigation-buttons{flex-direction:column}.navigation-buttons .button{flex:1 1 100%}.directory-structure{padding:.9rem;gap:.5rem}}@media(max-width:480px){.page-layout__content{padding:1rem}.home-panel{gap:1rem}.project-grid,.project-grid--uniform,.tracks-grid{gap:.85rem}.project-tile{flex:1 1 100%;width:100%;max-width:320px}.project-logo{width:150px;height:150px}.contact-logo{width:24px;height:24px}.root-projects{grid-template-columns:1fr}.page-title{font-size:clamp(1.5rem,6vw,1.8rem);margin-bottom:1rem}.directory-structure{font-size:.95rem;padding:.8rem}.button,.nav-button{width:100%}}