:root{--color-bg:#0a0a0a;--color-bg-secondary:#121212;--color-card:#1a1a1a;--color-card-hover:#222;--color-accent:#fa8112;--color-accent-glow:#fa81124d;--color-border:#252525;--color-border-hover:#2a2a2a;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-muted:#6b6b6b;--font-family:"Segoe UI", system-ui, -apple-system, sans-serif;--spacing-xs:8px;--spacing-sm:12px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:50px;--spacing-xxl:60px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.6s cubic-bezier(.4, 0, .2, 1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}@media (width<=900px){:root{--spacing-xl:30px;--spacing-xxl:40px}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background:linear-gradient(145deg, var(--color-bg) 0%, var(--color-bg-secondary) 100%);color:var(--color-text-primary);min-height:100vh;line-height:1.6}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::selection{background:var(--color-accent);color:var(--color-bg)}.navigation-desktop{z-index:100;background:linear-gradient(#1a1a2e 0%,#16213e 100%);border-right:1px solid #fa811233;flex-direction:column;width:220px;height:100vh;padding:2rem 0;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 20px #0000004d}.nav-logo{border-bottom:1px solid #fa811233;justify-content:center;align-items:center;gap:8px;margin-bottom:1rem;margin-right:.5rem;padding-bottom:2rem;display:flex}.bec-logo{width:28px;height:28px}.nav-logo p{color:#fa8112;text-align:center;letter-spacing:1px;font-size:1.5rem;font-weight:700}.nav-items{flex-direction:column;gap:.5rem;padding:0 1rem;display:flex}.nav-item{color:#e0e0e0;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.875rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s;position:relative}.nav-item:hover{color:#fa8112;background:#fa811214}.nav-item.active{color:#fa8112;background:linear-gradient(90deg,#fa811226 0%,#0000 100%);border-left:3px solid #fa8112;font-weight:500}.navigation-mobile{z-index:100;background:linear-gradient(90deg,#1a1a2e 0%,#16213e 100%);border-bottom:1px solid #fa811233;justify-content:space-between;align-items:center;height:60px;padding:0 1rem;display:none;position:fixed;top:0;left:0;right:0;box-shadow:0 4px 20px #0000004d}.mobile-logo{align-items:center;gap:8px;display:flex}.mobile-logo p{color:#fa8112;letter-spacing:1px;font-size:1.25rem;font-weight:700}.burger-menu{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:flex}.burger-menu span{background-color:#fa8112;border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.burger-menu:hover span{background-color:#ffb347}.mobile-menu-overlay{z-index:99;background-color:#000000b3;animation:.3s fadeIn;display:none;position:fixed;inset:60px 0 0}.mobile-menu{background:linear-gradient(#1a1a2e 0%,#16213e 100%);border-left:1px solid #fa811233;flex-direction:column;gap:.5rem;width:280px;height:100%;padding:1.5rem;animation:.3s slideIn;display:flex;position:absolute;top:0;right:0;box-shadow:-4px 0 20px #0000004d}.mobile-close{color:#fa8112;cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:.5rem;font-size:2rem;line-height:1;transition:color .3s}.mobile-close:hover{color:#ffb347}.mobile-nav-item{color:#e0e0e0;text-align:left;cursor:pointer;background:0 0;border:none;border-left:3px solid #0000;border-radius:8px;padding:1rem;font-family:inherit;font-size:1.1rem;transition:all .3s}.mobile-nav-item:hover{color:#fa8112;background:#fa811214}.mobile-nav-item.active{color:#fa8112;background:linear-gradient(90deg,#fa811226 0%,#0000 100%);border-left-color:#fa8112;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@media (width<=900px){.navigation-desktop{display:none}.navigation-mobile{display:flex}}@media (prefers-contrast:high){.nav-item.active,.mobile-nav-item.active{border-left-width:4px}}@media (prefers-reduced-motion:reduce){.nav-item,.mobile-nav-item,.burger-menu span{transition:none}.mobile-menu-overlay,.mobile-menu{animation:none}}.carousel{background-color:#1a1a1a;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;width:380px;height:380px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0006}.carousel-arrows{z-index:10;pointer-events:none;justify-content:space-between;padding:0 12px;display:flex;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.carousel-arrow{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.carousel-arrow:hover{background:#ff6b35cc;border-color:#ff6b3599}.carousel-images{width:300px;height:300px;position:relative}.carousel-image{object-fit:cover;opacity:0;border-radius:8px;width:300px;height:300px;transition:opacity .5s ease-in-out;position:absolute;top:0;left:0}.carousel-image.active{opacity:1}.carousel-dots{z-index:10;gap:8px;margin-top:16px;display:flex}.carousel-dot{cursor:pointer;background-color:#ffffff4d;border:none;border-radius:50%;width:10px;height:10px;transition:all .2s}.carousel-dot.active{background-color:#ff6b35;box-shadow:0 0 8px #ff6b3599}.carousel-dot:hover{background-color:#ff6b35b3}.carousel-timer{background:linear-gradient(90deg,#ff6b35,#ff8c5a);height:4px;transition:width .1s linear;position:absolute;bottom:0;left:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.section{min-height:100vh;padding:var(--spacing-xxl) var(--spacing-xl);justify-content:center;align-items:center;display:flex;position:relative}.fade-in-section{opacity:0;transition:opacity var(--transition-slow), transform var(--transition-slow);transform:translateY(30px)}.fade-in-section.visible{opacity:1;transform:translateY(0)}.about-section{background-color:var(--color-bg)}.about-container{gap:var(--spacing-xl);grid-template-columns:1fr auto;align-items:center;width:100%;max-width:1200px;display:grid}.about-content{gap:var(--spacing-md);flex-direction:column;display:flex}.about-content h2{color:var(--color-text-primary);margin:0;font-size:2.5rem;font-weight:700}.about-content h2 span{color:var(--color-accent)}.about-content p{color:var(--color-text-secondary);margin:0;font-size:1.1rem;line-height:1.7}.role-section{background-color:var(--color-bg)}.role-container{align-items:center;gap:var(--spacing-lg);flex-direction:column;width:100%;max-width:900px;display:flex}.role-section h2{color:var(--color-text-primary);text-align:center;margin:0;font-size:2.5rem;font-weight:700}.role-section h2 span{color:var(--color-accent)}.role-intro{color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0;font-size:1.1rem}.summary-section{background-color:var(--color-bg)}.summary-container{text-align:center;gap:var(--spacing-lg);flex-direction:column;align-items:center;width:100%;max-width:800px;display:flex}.summary-box{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-xl);box-shadow:0 8px 32px #0000004d}.summary-section h2{color:var(--color-text-primary);margin:0;font-size:2.5rem;font-weight:700}.summary-section h2 span{color:var(--color-accent)}.summary-section p{color:var(--color-text-secondary);margin:0;font-size:1.1rem;line-height:1.7}.footer-section{background-color:var(--color-bg-secondary);min-height:auto;padding:var(--spacing-xl) var(--spacing-lg)}.footer-container{align-items:center;gap:var(--spacing-lg);flex-direction:column;width:100%;max-width:800px;display:flex}.footer-section h2{color:var(--color-text-primary);margin:0;font-size:2rem;font-weight:700}.footer-section h2 span{color:var(--color-accent)}.footer-text{color:var(--color-text-muted);text-align:center;margin:0;font-size:1rem}.footer-copyright{color:var(--color-text-muted);margin-top:var(--spacing-lg);font-size:.875rem}@media (width<=900px){.section,.summary-section{min-height:auto;padding:var(--spacing-xl) var(--spacing-md)}.about-container{text-align:center;grid-template-columns:1fr;justify-items:center}.about-content h2,.role-section h2,.summary-section h2,.footer-section h2{font-size:2rem}.about-content p,.role-intro,.summary-section p{font-size:1rem}}@media (width<=600px){.section{padding:var(--spacing-lg) var(--spacing-md)}.summary-box{padding:var(--spacing-lg)}.about-container .carousel{width:100%;max-width:380px}.about-content h2,.role-section h2,.summary-section h2,.footer-section h2{font-size:1.75rem}}.role-tabs{width:100%}.role-tabs-header{gap:8px;margin-bottom:16px;display:flex}.role-tab{color:#fff;cursor:pointer;background:0 0;border:2px solid #ff6b35;border-radius:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .3s}.role-tab:hover{background:#ff6b351a}.role-tab.active{color:#fff;background:#ff6b35;box-shadow:0 4px 12px #ff6b3566}.role-content{flex-direction:column;gap:16px;display:flex}.role-block{background:#1a1a2e;border:1px solid #ff6b354d;border-radius:12px;padding:20px;transition:all .3s}.role-block:hover{border-color:#ff6b35;transform:translateY(-2px);box-shadow:0 4px 16px #ff6b3533}.role-block h3{color:#ff6b35;margin:0 0 12px;font-size:18px;font-weight:600}.role-block p{color:#e0e0e0;margin:0;line-height:1.6}.role-block ul{margin:12px 0 12px 20px;padding:0}.social-links{flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;display:flex}.social-link{color:#888;background:#1a1a1a;border-radius:10px;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s;display:flex}.social-icon{fill:currentColor;width:24px;height:24px}.social-link span{font-size:12px;font-weight:500}.social-link:hover{color:#fa8112;transform:translateY(-4px);box-shadow:0 8px 20px #fa81124d}@media (width<=768px){.social-links{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.social-link{padding:1rem}}.app{min-height:100vh}.main-content{margin-left:220px}@media (width<=900px){.main-content{margin-left:0;padding-top:60px}}