.app{font-family:Inter,Poppins,sans-serif;min-height:100vh;position:relative;overflow-x:hidden}.background-video{position:fixed;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none;opacity:1;transition:opacity .5s ease-in-out;background:#000}.background-video.loading{opacity:0}.background-video:not(.loading){opacity:1}.background-gradient{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);z-index:-1;pointer-events:none;animation:gradientShift 20s ease-in-out infinite}@keyframes gradientShift{0%,to{background:linear-gradient(135deg,#667eea,#764ba2,#f093fb)}50%{background:linear-gradient(135deg,#764ba2,#f093fb,#667eea)}}@media (max-width: 768px){.background-video{object-position:center}.background-gradient{animation:gradientShift 15s ease-in-out infinite}}@media (max-width: 480px){.background-video{object-fit:cover;object-position:center}}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000000b3,#00000080,#000000b3);z-index:1}.header{position:relative;z-index:20;padding:1rem 2rem;display:flex;justify-content:center;align-items:center;transition:all .3s ease}.header.mobile-sticky{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#000000f2,#141414f2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 4px 20px #0000004d;animation:slideDown .3s ease}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.logo{display:flex;align-items:center;text-decoration:none;color:inherit}.logo-image{height:60px;width:auto;object-fit:contain;transition:all .3s ease;max-width:100%}.mobile-menu-toggle{position:absolute;right:2rem;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;justify-content:space-around;width:30px;height:25px;background:transparent;border:none;cursor:pointer;padding:8px;z-index:25;transition:all .3s ease;min-height:44px;min-width:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:8px}.mobile-menu-toggle:hover{background:#ffffff0d}.mobile-menu-toggle:active{background:#ffffff1a;transform:translateY(-50%) scale(.95)}.hamburger-line{width:100%;height:3px;background:#fff;border-radius:2px;transition:all .3s ease;transform-origin:center}.mobile-menu-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:21;opacity:0;visibility:hidden;transition:all .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-overlay.active{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:-100%;width:85%;max-width:350px;height:100vh;background:linear-gradient(135deg,#000000fa,#141414fa);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);z-index:22;transition:all .4s cubic-bezier(.4,0,.2,1);overflow-y:auto;border-left:2px solid rgba(255,255,255,.15);box-shadow:-10px 0 30px #00000080;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.mobile-drawer::-webkit-scrollbar{width:4px}.mobile-drawer::-webkit-scrollbar-track{background:transparent}.mobile-drawer::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.mobile-drawer::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.mobile-drawer.active{right:0;transform:translate(0)}.mobile-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:2rem 1.5rem 1.5rem;border-bottom:2px solid rgba(255,255,255,.1);background:#ffffff05}.mobile-drawer-logo{display:flex;align-items:center;text-decoration:none}.mobile-drawer-logo-image{height:45px;width:auto;object-fit:contain;transition:transform .3s ease}.mobile-drawer-logo-image:hover{transform:scale(1.05)}.mobile-drawer-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;font-size:1.8rem;cursor:pointer;padding:0;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:44px;min-width:44px}.mobile-drawer-close:hover{background:#ffffff26;border-color:#ffffff4d;transform:rotate(90deg) scale(1.1);box-shadow:0 4px 12px #0000004d}.mobile-navigation{padding:1.5rem 0}.mobile-nav-list{display:flex;flex-direction:column;list-style:none;padding:0;margin:0;gap:0}.mobile-nav-item{width:100%}.mobile-nav-link{color:#fff;text-decoration:none;font-weight:500;font-family:Inter,Poppins,sans-serif;font-size:16px;padding:18px 24px;display:block;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:12px;margin:0 12px 4px;position:relative;overflow:hidden;min-height:44px;display:flex;align-items:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-nav-link:hover,.mobile-nav-link:active{color:#fff;background:#ffffff14;padding-left:28px;transform:translate(4px)}.mobile-nav-link:active{transform:translate(4px) scale(.98);transition:all .1s ease}.mobile-nav-link.active{color:#fff;background:linear-gradient(90deg,#dc143cb3,#dc143c4d);border-left:4px solid #dc143c;font-weight:600;text-shadow:0 0 10px rgba(220,20,60,.3);box-shadow:0 4px 12px #dc143c33}.mobile-nav-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:0;height:3px;background:linear-gradient(90deg,#dc143c,#ff6b6b);transition:width .3s ease;border-radius:0 2px 2px 0;box-shadow:0 2px 4px #dc143c4d}.mobile-nav-link:hover:before{width:6px}.mobile-nav-link.active:before{width:6px}.navigation{position:relative;z-index:20;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.15);margin-bottom:1rem;background:linear-gradient(180deg,#0000001a,#0000000d)}.nav-list{display:flex;justify-content:center;align-items:center;list-style:none;margin:0;padding:0;gap:2rem;flex-wrap:wrap;max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.nav-list::-webkit-scrollbar{display:none}.nav-item{position:relative}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-family:Inter,Poppins,sans-serif;transition:all .3s ease;position:relative;padding:10px 15px;border-radius:8px;white-space:nowrap}.nav-link:hover{color:#fff;background:#ffffff0d;transform:translateY(-1px)}.nav-link.active{color:#fff;font-weight:600;text-shadow:0 0 10px rgba(220,20,60,.3)}.nav-link:after{content:"";position:absolute;bottom:-1px;left:50%;width:0;height:3px;background:linear-gradient(90deg,#dc143c,#ff6b6b);transition:all .3s ease;transform:translate(-50%);border-radius:2px 2px 0 0;box-shadow:0 2px 4px #dc143c4d}.nav-link:hover:after{width:100%}.nav-link.active:after{width:100%}.main-content{position:relative;z-index:10;padding:2rem;min-height:calc(100vh - 200px)}.main-content.full-page{padding:0;min-height:100vh;display:flex;flex-direction:column}.page-container{max-width:1400px;margin:0 auto;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}.hero-section{text-align:center;margin-bottom:3rem}.hero-title{font-size:4rem;font-weight:700;color:#fff;margin-bottom:1rem;text-shadow:0 4px 8px rgba(0,0,0,.5);line-height:1.2;letter-spacing:-.02em}.hero-subtitle{font-size:1.5rem;color:#fffc;margin-bottom:2rem;font-weight:300;line-height:1.4}.cta-button{background:transparent;border:2px solid rgba(255,255,255,.3);color:#fff;padding:1rem 2.5rem;font-size:.9rem;font-weight:500;letter-spacing:1px;cursor:pointer;transition:all .3s ease;border-radius:50px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;box-shadow:0 8px 32px #0000004d}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.cta-button:hover:before{left:100%}.cta-button:hover{border-color:#fffc;background:#ffffff0d;transform:translateY(-2px);box-shadow:0 12px 40px #0006}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#fff;position:relative;z-index:100}.loading-spinner.mobile-loading{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2)}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{font-size:18px;font-weight:500;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.mobile-loading-hint{font-size:14px;color:#ffffffb3;margin-top:10px;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.timeout-message{margin-top:20px;text-align:center;animation:fadeIn .5s ease}.timeout-message p{font-size:16px;color:#fffc;margin-bottom:15px}.refresh-button{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:.8rem 1.5rem;font-size:14px;font-weight:500;cursor:pointer;border-radius:50px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:10px}.refresh-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.error-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-align:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.error-fallback h2{font-size:2rem;margin-bottom:1rem;color:#fff}.error-fallback p{font-size:1.1rem;margin-bottom:2rem;color:#fffc}.error-fallback button{background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;padding:1rem 2rem;font-size:1rem;font-weight:500;cursor:pointer;border-radius:50px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-fallback button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}@media (max-width: 1200px){.nav-list{gap:1.5rem}.nav-link{padding:8px 12px;font-size:.9rem}.logo-image{height:55px}}@media (max-width: 1024px){.nav-list{gap:1rem}.nav-link{padding:6px 10px;font-size:.85rem}.logo-image{height:52px}.header{padding:1rem 1.5rem}}@media (max-width: 900px){.nav-list{gap:.8rem}.nav-link{padding:5px 8px;font-size:.8rem}.logo-image{height:50px}}@media (max-width: 768px){.app{padding-top:0}.header{padding:.8rem 1rem}.mobile-menu-toggle{right:1rem}.logo-image{height:50px}.main-content{padding:5rem 1rem 1rem}.main-content.full-page{padding:0}.page-container{padding:1rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.cta-button{padding:.8rem 2rem;font-size:.8rem}.navigation:not(.mobile-navigation){opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;pointer-events:none}.loading-spinner{min-height:100vh}.spinner{width:40px;height:40px;border-width:3px}.loading-spinner p{font-size:16px}.timeout-message p{font-size:14px}.refresh-button{padding:.7rem 1.2rem;font-size:13px}}@media (max-width: 600px){.header{padding:.7rem .8rem}.mobile-menu-toggle{right:.8rem;width:28px;height:22px}.hamburger-line{height:2.5px}.logo-image{height:48px}.mobile-drawer{width:88%;max-width:340px}.mobile-nav-link{font-size:15.5px;padding:17px 22px;margin:0 10px 4px}}@media (max-width: 480px){.header{padding:.6rem .8rem}.mobile-menu-toggle{right:.8rem}.logo-image{height:45px}.mobile-drawer{width:90%;max-width:320px}.mobile-drawer-header{padding:1.5rem 1rem}.mobile-nav-link{font-size:15px;padding:16px 20px;margin:0 8px 3px}.main-content{padding:4.5rem .8rem .8rem}.page-container{padding:.8rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.cta-button{padding:.7rem 1.5rem;font-size:.7rem}.spinner{width:35px;height:35px}.loading-spinner p{font-size:14px}.mobile-loading-hint{font-size:12px}.timeout-message p{font-size:13px}.refresh-button{padding:.6rem 1rem;font-size:12px}}@media (max-width: 400px){.header{padding:.5rem .6rem}.mobile-menu-toggle{right:.6rem;width:26px;height:20px}.hamburger-line{height:2px}.logo-image{height:42px}.mobile-drawer{width:92%;max-width:310px}.mobile-nav-link{font-size:14.5px;padding:15px 18px;margin:0 7px 3px}.mobile-drawer-header{padding:1.3rem .8rem}.mobile-drawer-logo-image{height:40px}}@media (max-width: 320px){.mobile-drawer{width:95%;max-width:300px}.mobile-nav-link{font-size:14px;padding:14px 16px;margin:0 6px 2px}.logo-image{height:40px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.9rem}.spinner{width:30px;height:30px}.timeout-message p{font-size:12px}.refresh-button{padding:.5rem .8rem;font-size:11px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;overflow-x:hidden}code{font-family:inherit}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}