@font-face{font-family:Outfit;src:url(/fonts/OnePlusSans2.0-Regular.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Outfit;src:url(/fonts/OnePlusSans2.0-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Outfit;src:url(/fonts/OnePlusSans2.0-Bold.ttf)format("truetype");font-weight:700;font-style:normal}:root{--bg-color:#000;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-color:#00b2d2;--secondary-color:#ddfc51;--accent-glow:0 0 10px #00b2d280, 0 0 20px #00b2d24d}*{box-sizing:border-box;margin:0;padding:0}html::-webkit-scrollbar{display:none}body::-webkit-scrollbar{display:none}body{background-color:var(--bg-color);color:var(--text-primary);-ms-overflow-style:none;scrollbar-width:none;-webkit-font-smoothing:antialiased;font-family:Outfit,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.app-container{flex-direction:column;min-height:100vh;display:flex}.navbar{z-index:100;-webkit-backdrop-filter:blur(16px);background:#ffffff0d;border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;width:calc(100% - 4rem);max-width:1200px;padding:.8rem 2rem;display:flex;position:fixed;top:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.nav-brand{align-items:center;display:flex}.nav-logo{object-fit:contain;height:56px}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-primary);font-size:.85rem;font-weight:500;transition:color .3s,text-shadow .3s}.nav-link:hover{color:var(--accent-color);text-shadow:var(--accent-glow)}.hero{width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.desktop-video{display:block}.mobile-video{display:none}.hero-gradient-overlay-top{z-index:1;pointer-events:none;background:linear-gradient(#000 0%,#0000 100%);width:100%;height:35%;position:absolute;top:0;left:0}.hero-gradient-overlay{background:linear-gradient(to bottom, #0000 0%, var(--bg-color) 100%);z-index:1;pointer-events:none;width:100%;height:60%;position:absolute;bottom:0;left:0}.mobile-menu-btn{color:#fff;cursor:pointer;z-index:101;background:0 0;border:none;padding:.5rem;display:none}.mobile-register-btn,.mobile-hero-btn-container{display:none}@media (width<=768px){.navbar{border-radius:16px;width:calc(100% - 2rem);padding:.6rem 1rem;top:.8rem}.nav-logo{height:40px}.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.nav-register-wrapper{display:none!important}.mobile-register-btn{margin-top:1rem;display:inline-block!important}.nav-links{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;pointer-events:none;z-index:99;background:#0a0a0af2;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:100%;padding:2rem 0;transition:all .3s;position:absolute;top:110%;left:0;transform:translateY(-10px);gap:1.5rem!important}.nav-links.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav-link{letter-spacing:2px;font-size:.9rem}.hero{aspect-ratio:1;height:auto;margin-top:80px}.desktop-video{display:none}.mobile-video{display:block}.desktop-btn-wrapper{display:none!important}.mobile-hero-btn-container{box-sizing:border-box;z-index:10;background:#050505;justify-content:center;width:100%;padding:2.5rem 1.5rem 1rem;display:flex}}.hero-bottom-content{z-index:10;flex-direction:column;align-items:center;gap:2rem;display:flex;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.hero-bottom-text{flex-direction:column;align-items:center;gap:.5rem;display:flex}.hero-oneplus-logo{object-fit:contain;filter:brightness(0)invert();height:60px}.hero-title-text{text-transform:uppercase;letter-spacing:3px;color:var(--text-primary);text-shadow:2px 4px 8px #000000b3;text-align:center;margin:0;font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.2}@media (width<=768px){.hero-title-text{letter-spacing:2px;font-size:1.5rem}.hero-oneplus-logo{height:42px}.hero-bottom-content{bottom:5%}}.Btn-Container{cursor:pointer;background-color:#1d2129;border:none;border-radius:50px;justify-content:space-between;align-items:center;width:280px;height:fit-content;transition:all .3s;display:flex;box-shadow:0 5px 15px #0006}.icon-Container{background-color:var(--secondary-color);border:3px solid #1d2129;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.Btn-Container .text{color:#fff;letter-spacing:1.5px;justify-content:center;align-items:center;width:225px;height:100%;font-size:1.1em;font-weight:800;display:flex}.icon-Container svg{transition-duration:1.5s}.Btn-Container:hover .icon-Container svg{transition-duration:1.5s;animation:1s linear infinite arrow}@keyframes arrow{0%{opacity:0;margin-left:0}to{opacity:1;margin-left:10px}}.ribbon-wrapper{z-index:2;width:100%;margin-top:-4rem;padding:1.5rem 0;position:relative;overflow:hidden}.ribbon{background-color:var(--accent-color);padding:1rem 0;overflow:hidden;transform:rotate(-2deg)scale(1.05);box-shadow:0 4px 20px #00b2d24d,0 0 40px #00b2d21a}.ribbon-track{white-space:nowrap;align-items:center;width:max-content;animation:20s linear infinite ribbonScroll;display:flex}.ribbon-city{text-transform:uppercase;letter-spacing:2px;color:var(--bg-color);flex-shrink:0;padding:0 1.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.ribbon-dot{opacity:.5;color:var(--bg-color);font-size:.7rem}@keyframes ribbonScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=768px){.ribbon-city{padding:0 1rem;font-size:.8rem}.ribbon{padding:.75rem 0}}.about-section{background-color:var(--bg-color);align-items:flex-start;min-height:100vh;padding:6rem 4rem 10rem;display:flex;position:relative;overflow:clip visible}.about-container{z-index:2;max-width:650px;position:relative}.about-label{text-transform:uppercase;letter-spacing:4px;color:var(--accent-color);text-shadow:var(--accent-glow);margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:600;display:inline-block}.about-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:2.8rem;font-weight:800;line-height:1.2}.about-desc{color:#fff;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.35rem;line-height:1.8}.about-text-content{will-change:opacity, transform;transition:opacity .1s,transform .1s}.about-truck{object-fit:contain;z-index:1;will-change:transform;filter:drop-shadow(0 0 40px #00b2d226);pointer-events:none;width:65%;max-width:900px;height:auto;position:absolute;bottom:8rem;right:0}@media (width<=768px){.media-hero-title{font-size:3rem}.media-hero-subtitle{letter-spacing:3px;font-size:1rem}.media-section{padding:2rem 1rem}.about-section{flex-direction:column;min-height:auto;padding:4rem 1.5rem 12rem}.about-title{font-size:1.6rem}.about-desc{font-size:1rem}.about-truck{width:90%;max-width:400px;bottom:2rem}}.about-road{z-index:0;width:100%;height:20px;position:absolute;bottom:7rem;left:0}.road-surface{border-top:2px solid var(--accent-color);background:linear-gradient(#111215 0%,#07080a 100%);border-bottom:2px solid #000;width:100%;height:12px;position:absolute;bottom:0;left:0}.road-line-track{will-change:transform;width:100%;height:3px;position:absolute;bottom:4px;left:0;overflow:hidden}.road-dashes{background:repeating-linear-gradient(90deg, var(--secondary-color) 0px, var(--secondary-color) 20px, transparent 20px, transparent 40px);width:200%;height:100%}@media (width<=768px){.about-truck{z-index:0!important;filter:none!important}.about-road{height:14px;bottom:3.5rem;z-index:1!important;margin-top:-60px!important}.road-surface{height:8px}}.prize-pool-section{clip-path:polygon(0 10%,100% 0,100% 90%,0 100%);justify-content:center;align-items:center;min-height:60vh;margin:4rem 0;display:flex;position:relative;overflow:hidden}.prize-pool-bg{filter:grayscale();z-index:0;background-image:url(/Event%20Images/OPCD_Image_7.jpg);background-position:50%;background-size:cover;background-attachment:fixed;width:100%;height:100%;position:absolute;top:0;left:0}.prize-pool-overlay{mix-blend-mode:multiply;background:linear-gradient(135deg,#000000e6 0%,#00b2d233 100%);width:100%;height:100%;position:absolute;top:0;left:0}.prize-pool-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex;position:relative}.prize-pool-title{color:var(--text-primary);letter-spacing:4px;text-shadow:2px 2px 4px #000c;margin:0;font-family:Outfit,sans-serif;font-size:2rem;font-weight:700}.prize-pool-amount{color:var(--accent-color);text-shadow:0 0 20px #00b2d299,0 0 40px #00b2d266;margin:1rem 0;font-family:Outfit,sans-serif;font-size:6rem;font-weight:900;line-height:1}.prize-pool-subtitle{color:#fff;letter-spacing:2px;opacity:1;text-shadow:0 4px 8px #000000e6,0 0 15px #0009;margin:0;font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}@media (width<=768px){.prize-pool-section{clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);min-height:40vh}.prize-pool-title{font-size:1.2rem}.prize-pool-amount{font-size:3.5rem}.prize-pool-subtitle{font-size:.9rem}}.highlights-section{background:var(--secondary-color);flex-direction:column;align-items:center;min-height:auto;padding:4rem 0 6rem;display:flex;position:relative;overflow:hidden}.highlights-header{text-align:center;z-index:1;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.highlights-subtitle{text-transform:uppercase;color:#000;z-index:2;letter-spacing:2px;margin-bottom:-2rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-style:italic;font-weight:800}.highlights-title-bg{text-transform:uppercase;letter-spacing:-2px;background:linear-gradient(to bottom, var(--accent-color) 20%, #0000 90%);-webkit-text-fill-color:transparent;z-index:1;text-align:center;-webkit-background-clip:text;width:100%;margin:0;font-family:Outfit,sans-serif;font-size:16vw;font-weight:900;line-height:.8}.highlights-cards-container{z-index:3;justify-content:center;gap:1.5rem;width:100%;max-width:1200px;margin-top:-6vw;padding:0 2rem;display:flex}.highlight-card-large{aspect-ratio:4/5;border:3px solid var(--accent-color);background-color:#111;border-radius:0;flex:1;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 10px 30px #00000080}.highlight-card-large:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00b2d233}.highlight-card-large img{object-fit:cover;width:100%;height:100%}@media (width<=768px){.highlights-section{padding:2rem 0}.highlights-subtitle{margin-bottom:-.5rem;font-size:1.5rem}.highlights-title-bg{white-space:nowrap;font-size:16vw}.highlights-cards-container{flex-direction:column;align-items:center;gap:2rem;margin-top:-3vw}.highlight-card-large{width:95%;max-width:400px}}.faq-section{background-color:var(--bg-color);z-index:2;justify-content:center;min-height:80vh;padding:8rem 2rem 6rem;display:flex;position:relative;box-shadow:inset 0 20px 50px -20px #00b2d20d}.faq-container{width:100%;max-width:800px}.faq-title{text-transform:uppercase;color:var(--text-primary);text-align:center;letter-spacing:2px;text-shadow:0 0 15px #00b2d266;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:3rem;font-weight:800}.faq-subtitle{color:var(--accent-color);text-align:center;letter-spacing:4px;margin-bottom:4rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500}.faq-list{flex-direction:column;gap:1rem;display:flex}.faq-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-left:4px solid #fff3;border-radius:4px;transition:all .3s;overflow:hidden}.faq-item:hover{background:#ffffff0d;border-left-color:#00b2d280}.faq-item.active{border-color:#00b2d24d;border-left-color:var(--accent-color);background:#00b2d20d;box-shadow:0 0 20px #00b2d21a}.faq-question-box{align-items:center;padding:1.5rem 2rem;display:flex}.faq-icon{color:var(--accent-color);justify-content:center;align-items:center;width:30px;margin-right:1.5rem;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:700;transition:transform .3s;display:flex}.faq-item.active .faq-icon{transform:rotate(180deg)}.faq-question{color:var(--text-primary);letter-spacing:1px;margin:0;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.faq-answer-wrapper{transition:max-height .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-answer{padding:0 2rem 1.5rem 4.5rem}.faq-answer p{color:var(--text-secondary);margin:0;font-family:Outfit,sans-serif;font-size:1rem;line-height:1.6}@media (width<=768px){.faq-section{padding:6rem 1.5rem 4rem}.faq-title{font-size:2rem}.faq-subtitle{margin-bottom:3rem;font-size:.85rem}.faq-question-box{padding:1.2rem}.faq-icon{width:20px;margin-right:1rem;font-size:1.2rem}.faq-question{font-size:.95rem}.faq-answer{padding:0 1.2rem 1.2rem 3rem}.faq-answer p{font-size:.9rem}}.footer-section{background-color:#050505;border-top:1px solid #00b2d21a;padding:4rem 2rem 1rem;position:relative;overflow:hidden}.footer-content{flex-wrap:wrap;justify-content:space-between;gap:3rem;max-width:1200px;margin:0 auto;display:flex}.footer-brand{flex:1;min-width:250px}.footer-logo{filter:brightness(0)invert();opacity:.8;height:60px;margin-bottom:1rem;transition:opacity .3s}.footer-logo:hover{opacity:1}.footer-tagline{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.95rem;line-height:1.6}.footer-links-container{flex-wrap:wrap;gap:4rem;display:flex}.footer-link-group h4{color:var(--text-primary);letter-spacing:2px;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.1rem}.footer-link-group a{color:var(--text-secondary);margin-bottom:.8rem;font-family:Outfit,sans-serif;font-size:.9rem;text-decoration:none;transition:color .3s,text-shadow .3s;display:block}.footer-link-group a:hover{color:var(--accent-color);text-shadow:0 0 8px #00b2d266}.footer-socials{gap:1rem;display:flex}.social-icon{color:var(--text-secondary);box-sizing:border-box;justify-content:center;align-items:center;margin:0;padding:0;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;line-height:normal;text-decoration:none;display:flex;transition:all .3s!important}.social-icon:hover{filter:drop-shadow(0 0 8px #00b2d266);transform:translateY(-3px);color:var(--accent-color)!important}.footer-bottom{text-align:center;border-top:1px solid #ffffff0d;max-width:1200px;margin:4rem auto 0;padding-top:1.5rem;padding-bottom:2rem;position:relative}.footer-bottom p{color:#fff6;margin:0;font-family:Outfit,sans-serif;font-size:.85rem}.footer-glow-line{background:var(--accent-color);width:150px;height:2px;box-shadow:0 0 15px 2px var(--accent-color);border-radius:2px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@media (width<=768px){.footer-content,.footer-links-container{flex-direction:column;gap:2rem}}.login-page{background-color:var(--bg-color);width:100%;height:100vh;display:flex;overflow:hidden}.login-poster-side{background:#050505;flex:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.login-poster-img{object-fit:contain;width:100%;height:100%}.login-poster-side:after{content:"";background:linear-gradient(to right, var(--bg-color) 0%, transparent 100%);pointer-events:none;z-index:1;width:40%;height:100%;position:absolute;top:0;left:0}.login-auth-side{background:radial-gradient(ellipse at 30% 20%, #00b2d20a 0%, transparent 60%), var(--bg-color);flex:1;justify-content:center;align-items:center;height:100%;padding:3rem;display:flex;position:relative;overflow:hidden auto}.auth-bg-glow{filter:blur(100px);pointer-events:none;z-index:0;border-radius:50%;position:absolute}.auth-bg-glow-1{background:#00b2d214;width:400px;height:400px;animation:8s ease-in-out infinite glowFloat;top:-100px;right:-100px}.auth-bg-glow-2{background:#00b2d20d;width:300px;height:300px;animation:10s ease-in-out infinite reverse glowFloat;bottom:-50px;left:-50px}@keyframes glowFloat{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.auth-grid-pattern{z-index:0;opacity:.03;pointer-events:none;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.login-auth-container{z-index:1;flex-direction:column;gap:1.5rem;width:100%;max-width:420px;display:flex;position:relative}.auth-brand-badge{margin-bottom:-.25rem}.auth-brand-logo{object-fit:contain;filter:brightness(0)invert();height:42px}.auth-title{text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);margin:0;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;line-height:1.2}.auth-subtitle{color:var(--text-secondary);margin:-.5rem 0 0;font-family:Outfit,sans-serif;font-size:1rem;line-height:1.6}.auth-wa-text{color:#25d366;font-weight:600}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{flex-direction:column;gap:.5rem;display:flex}.auth-label{text-transform:uppercase;letter-spacing:3px;color:var(--accent-color);font-family:Outfit,sans-serif;font-size:.65rem;font-weight:600}.auth-text-input-group{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;align-items:center;gap:0;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.auth-text-input-group:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #00b2d21a,0 0 20px #00b2d20d}.auth-input-icon{color:var(--text-secondary);opacity:.5;flex-shrink:0;margin-left:1.1rem}.auth-text-input-group:focus-within .auth-input-icon{color:var(--accent-color);opacity:1}.auth-text-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:.9rem 1.1rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500}.auth-text-input::placeholder{color:#fff3;font-weight:400}.auth-phone-input-group{background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;gap:0;transition:border-color .3s,box-shadow .3s;display:flex;overflow:hidden}.auth-phone-input-group:focus-within{border-color:var(--accent-color);box-shadow:0 0 0 3px #00b2d21a,0 0 20px #00b2d20d}.auth-country-select{position:relative}.auth-country-btn{color:var(--text-primary);cursor:pointer;background:#ffffff08;border:none;border-right:1px solid #ffffff14;align-items:center;gap:.4rem;padding:1rem .75rem 1rem 1.25rem;font-family:Outfit,sans-serif;font-size:.95rem;transition:background .2s;display:flex}.auth-country-btn:hover{background:#ffffff0f}.auth-country-flag{font-size:1.2rem;line-height:1}.auth-country-code{color:var(--text-secondary);font-size:.9rem;font-weight:500}.auth-chevron{color:var(--text-secondary);margin-left:.15rem;transition:transform .2s}.auth-chevron.open{transform:rotate(180deg)}.auth-country-dropdown{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#111;border:1px solid #ffffff1f;border-radius:12px;min-width:180px;padding:.4rem;animation:.2s dropdownIn;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 12px 40px #0009}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.auth-country-option{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.6rem;padding:.65rem .8rem;font-family:Outfit,sans-serif;font-size:.9rem;transition:all .15s;display:flex}.auth-country-option:hover{color:var(--text-primary);background:#ffffff0f}.auth-country-option.active{color:var(--accent-color);background:#00b2d21a}.auth-option-code{opacity:.6;margin-left:auto;font-size:.8rem}.auth-phone-input{color:var(--text-primary);letter-spacing:1.5px;background:0 0;border:none;outline:none;flex:1;padding:1rem 1.25rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:500}.auth-phone-input::placeholder{color:#fff3;letter-spacing:.5px;font-weight:400}.auth-submit-btn{color:#ffffff4d;letter-spacing:.5px;cursor:not-allowed;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;margin-top:.5rem;padding:1rem 1.5rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.auth-submit-btn.active{background:var(--secondary-color);color:#000;cursor:pointer;border-color:#0000;box-shadow:0 8px 24px #ddfc514d}.auth-submit-btn.active:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ddfc5173}.auth-submit-btn.active:active{transform:translateY(0)}.auth-btn-wa-icon{flex-shrink:0}.auth-spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-divider{align-items:center;gap:1rem;display:flex}.auth-divider-line{background:#ffffff0f;flex:1;height:1px}.auth-divider-text{text-transform:uppercase;letter-spacing:3px;color:#fff3;font-family:Outfit,sans-serif;font-size:.6rem}.auth-info{color:#ffffff59;text-align:center;font-family:Outfit,sans-serif;font-size:.85rem;line-height:1.5}.auth-phone-display{color:var(--accent-color);cursor:pointer;background:0 0;border:none;border-bottom:1px dashed #00b2d24d;align-items:center;gap:.4rem;margin-left:.3rem;padding:.1rem 0;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:color .2s;display:inline-flex}.auth-phone-display:hover{color:#fff}.auth-phone-display svg{opacity:.6}.auth-otp-group{justify-content:space-between;gap:.6rem;display:flex}.auth-otp-input{width:52px;height:62px;color:var(--text-primary);text-align:center;caret-color:var(--accent-color);background:#ffffff08;border:1.5px solid #ffffff1a;border-radius:12px;outline:none;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:700;transition:all .3s}.auth-otp-input:focus{border-color:var(--accent-color);background:#00b2d208;box-shadow:0 0 0 3px #00b2d21a,0 0 20px #00b2d214}.auth-otp-input.filled{background:#00b2d20d;border-color:#00b2d266}.auth-resend-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0;font-family:Outfit,sans-serif;font-size:.9rem;transition:color .2s}.auth-resend-btn span{color:var(--accent-color);text-underline-offset:3px;font-weight:600;text-decoration:underline}.auth-resend-btn:hover span{color:#fff}.auth-resend-btn:disabled{opacity:.5;cursor:not-allowed}.auth-terms{color:#ffffff40;text-align:center;margin-top:.5rem;font-family:Outfit,sans-serif;font-size:.75rem;line-height:1.5}.auth-terms a{color:#00b2d299;text-underline-offset:2px;text-decoration:underline;transition:color .2s}.auth-terms a:hover{color:var(--accent-color)}.auth-mode-switch{text-align:center}.auth-mode-switch p{color:var(--text-secondary);margin:0;font-family:Outfit,sans-serif;font-size:.9rem}.auth-mode-switch button{color:var(--accent-color);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:600;text-decoration:underline;transition:color .2s}.auth-mode-switch button:hover{color:#fff}@media (width<=900px){.login-page{flex-direction:column}.login-poster-side{display:none}.login-auth-side{flex:1;min-height:auto;padding:2rem 1.5rem 3rem}.auth-title{font-size:1.5rem}.auth-otp-input{width:44px;height:54px;font-size:1.2rem}.auth-bg-glow-1{width:200px;height:200px}.auth-bg-glow-2{width:150px;height:150px}.auth-brand-badge{display:none}}@media (width<=400px){.auth-otp-input{border-radius:10px;width:38px;height:48px;font-size:1rem}.auth-otp-group{gap:.4rem}}.aboutus-page{background-color:var(--bg-color);min-height:100vh;color:var(--text-primary)}.aboutus-nav{z-index:100;-webkit-backdrop-filter:blur(16px);background:#0009;border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;width:calc(100% - 4rem);max-width:1200px;padding:.7rem 2rem;display:flex;position:fixed;top:1.2rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.aboutus-nav-logo{object-fit:contain;height:44px}.aboutus-nav-links{align-items:center;gap:2rem;display:flex}.aboutus-nav-link{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .3s,text-shadow .3s}.aboutus-nav-link:hover{color:var(--accent-color);text-shadow:var(--accent-glow)}.aboutus-hero{text-align:center;justify-content:center;align-items:center;min-height:60vh;padding:8rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.aboutus-hero-bg-grid{opacity:.04;pointer-events:none;background-image:linear-gradient(#ffffff1a 1px,#0000 1px),linear-gradient(90deg,#ffffff1a 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.aboutus-hero-glow{filter:blur(120px);pointer-events:none;border-radius:50%;position:absolute}.aboutus-hero-glow-1{background:#00b2d21a;width:500px;height:500px;top:-150px;left:-100px}.aboutus-hero-glow-2{background:#00b2d20f;width:400px;height:400px;bottom:-100px;right:-100px}.aboutus-hero-content{z-index:1;max-width:700px;position:relative}.aboutus-hero-tag{text-transform:uppercase;letter-spacing:6px;color:var(--accent-color);text-shadow:var(--accent-glow);margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;display:inline-block}.aboutus-hero-title{text-transform:uppercase;letter-spacing:2px;background:linear-gradient(135deg, #fff 30%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.15}.aboutus-hero-desc{color:var(--text-secondary);max-width:550px;margin:0 auto;font-family:Outfit,sans-serif;font-size:1.15rem;line-height:1.7}.aboutus-section{padding:6rem 2rem}.aboutus-section--alt{background:#050505}.aboutus-section-inner{max-width:1100px;margin:0 auto}.aboutus-section-header{text-align:center;margin-bottom:4rem}.aboutus-label{text-transform:uppercase;letter-spacing:5px;color:var(--accent-color);text-shadow:var(--accent-glow);margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600;display:inline-block}.aboutus-section-title{text-transform:uppercase;letter-spacing:2px;color:var(--text-primary);margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:800}.aboutus-section-subtitle{color:var(--text-secondary);margin:0;font-family:Outfit,sans-serif;font-size:1.05rem;line-height:1.6}.aboutus-card-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.aboutus-info-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:2rem;transition:all .3s}.aboutus-info-card:hover{background:#00b2d208;border-color:#00b2d24d;box-shadow:0 0 30px #00b2d20f}.aboutus-info-card--wide{grid-column:1/-1}.aboutus-info-card-icon{background:#00b2d214;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;display:flex}.aboutus-info-card-title{color:var(--text-primary);letter-spacing:1px;margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.aboutus-info-card-desc{color:var(--text-secondary);margin:0;font-family:Outfit,sans-serif;font-size:.95rem;line-height:1.7}.aboutus-opcd-grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:4rem;display:grid}.aboutus-opcd-feature{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.aboutus-opcd-feature:before{content:"";background:linear-gradient(to bottom, var(--accent-color), transparent);opacity:0;width:4px;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.aboutus-opcd-feature:hover{background:#00b2d205;border-color:#00b2d233}.aboutus-opcd-feature:hover:before{opacity:1}.aboutus-opcd-feature-num{color:#00b2d21a;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:2.5rem;font-weight:900;line-height:1}.aboutus-opcd-feature:hover .aboutus-opcd-feature-num{color:#00b2d240}.aboutus-opcd-feature-title{color:var(--text-primary);letter-spacing:1px;margin:0 0 .75rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700}.aboutus-opcd-feature-desc{color:var(--text-secondary);margin:0;font-family:Outfit,sans-serif;font-size:.9rem;line-height:1.7}.aboutus-stats-row{background:#00b2d208;border:1px solid #00b2d21a;border-radius:16px;justify-content:center;align-items:center;gap:3rem;padding:2.5rem;display:flex}.aboutus-stat{flex-direction:column;align-items:center;gap:.3rem;display:flex}.aboutus-stat-value{color:var(--accent-color);text-shadow:0 0 20px #00b2d266;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800}.aboutus-stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;font-family:Outfit,sans-serif;font-size:.8rem}.aboutus-stat-divider{background:#ffffff1a;width:1px;height:40px}.aboutus-social-blocks{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.aboutus-social-block{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:2.5rem;transition:border-color .3s}.aboutus-social-block:hover{border-color:#00b2d233}.aboutus-social-block-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.aboutus-social-brand-logo{filter:brightness(0)invert();opacity:.8;height:32px}.aboutus-social-brand-icon{background:#00b2d214;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.aboutus-social-block-title{color:var(--text-primary);letter-spacing:1px;margin:0;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.aboutus-social-block-desc{color:var(--text-secondary);margin:0 0 1.5rem;font-family:Outfit,sans-serif;font-size:.9rem;line-height:1.6}.aboutus-social-links{flex-wrap:wrap;gap:.75rem;display:flex}.aboutus-social-link{color:var(--text-secondary);background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.aboutus-social-link:hover{border-color:var(--accent-color);color:var(--text-primary);background:#00b2d20f;transform:translateY(-2px);box-shadow:0 4px 16px #00b2d21a}.aboutus-social-link svg{flex-shrink:0}.aboutus-contact-grid{grid-template-columns:1fr 1.4fr;align-items:start;gap:3rem;display:grid}.aboutus-contact-info{flex-direction:column;gap:1.25rem;display:flex}.aboutus-contact-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;transition:all .3s;display:flex}.aboutus-contact-card:hover{background:#00b2d208;border-color:#00b2d233}.aboutus-contact-card-icon{background:#00b2d20f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.aboutus-contact-card-title{text-transform:uppercase;letter-spacing:2px;color:var(--accent-color);margin:0 0 .3rem;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600}.aboutus-contact-card-text{color:var(--text-primary);margin:0;font-family:Outfit,sans-serif;font-size:.95rem}.aboutus-contact-form{background:#ffffff05;border:1px solid #ffffff14;border-radius:20px;flex-direction:column;gap:1.25rem;padding:2.5rem;display:flex}.aboutus-form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.aboutus-form-field{flex-direction:column;gap:.5rem;display:flex}.aboutus-form-label{text-transform:uppercase;letter-spacing:3px;color:var(--accent-color);font-family:Outfit,sans-serif;font-size:.6rem;font-weight:600}.aboutus-form-input{color:var(--text-primary);resize:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;outline:none;padding:.85rem 1.1rem;font-family:Outfit,sans-serif;font-size:.95rem;transition:border-color .3s,box-shadow .3s}.aboutus-form-input::placeholder{color:#fff3}.aboutus-form-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 3px #00b2d214,0 0 16px #00b2d20a}.aboutus-form-textarea{min-height:120px}.aboutus-form-submit{color:#ffffff4d;cursor:not-allowed;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:1rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.aboutus-form-submit.active{background:linear-gradient(135deg, var(--accent-color) 0%, #0090aa 100%);color:#000;cursor:pointer;border-color:#0000;box-shadow:0 8px 24px #00b2d24d}.aboutus-form-submit.active:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00b2d266}.aboutus-footer{text-align:center;border-top:1px solid #ffffff0d;padding:2.5rem 2rem 1.5rem;position:relative}.aboutus-footer-inner{flex-direction:column;align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.aboutus-footer-logo{opacity:.6;height:32px}.aboutus-footer-text{color:#ffffff4d;margin:0;font-family:Outfit,sans-serif;font-size:.8rem}.aboutus-footer-back{color:var(--accent-color);font-family:Outfit,sans-serif;font-size:.85rem;text-decoration:none;transition:color .2s}.aboutus-footer-back:hover{color:var(--text-primary)}@media (width<=900px){.aboutus-nav{border-radius:16px;width:calc(100% - 2rem);padding:.6rem 1rem;top:.8rem}.aboutus-nav-logo{height:34px}.aboutus-nav-links{gap:1rem}.aboutus-nav-link{letter-spacing:1px;font-size:.7rem}.aboutus-hero{min-height:50vh;padding:7rem 1.5rem 3rem}.aboutus-hero-title{font-size:2rem}.aboutus-hero-desc{font-size:1rem}.aboutus-section{padding:4rem 1.5rem}.aboutus-section-title{font-size:1.6rem}.aboutus-card-row{grid-template-columns:1fr}.aboutus-info-card--wide{grid-column:auto}.aboutus-opcd-grid{grid-template-columns:1fr}.aboutus-stats-row{flex-wrap:wrap;gap:1.5rem;padding:2rem}.aboutus-stat-divider{display:none}.aboutus-social-blocks,.aboutus-contact-grid,.aboutus-form-row{grid-template-columns:1fr}}@media (width<=480px){.aboutus-nav-links{display:none}.aboutus-hero-title{font-size:1.6rem}.aboutus-stats-row{gap:1rem;padding:1.5rem}.aboutus-stat-value{font-size:1.5rem}.aboutus-social-links{flex-direction:column}.aboutus-contact-form{padding:1.5rem}}.media-hero{justify-content:center;align-items:flex-end;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.media-hero-bg{z-index:0;background-image:url(/Banners%20For%20Website/OPCD_Internal%20Page%20Banner.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.media-hero-bottom-content{z-index:2;text-align:center;padding-bottom:4rem;position:relative}.media-hero-title{text-transform:uppercase;color:var(--text-primary);letter-spacing:2px;margin:0 0 .5rem;font-family:Outfit,sans-serif;font-size:5rem;font-weight:900}.media-hero-subtitle{color:var(--accent-color);letter-spacing:6px;margin:0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:600}.media-page-content-new{background-color:var(--bg-color);z-index:2;padding-top:2rem;position:relative}.media-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.media-section-title{color:var(--text-primary);align-items:center;gap:1rem;margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:2rem;display:flex}.accent-bar{background-color:var(--accent-color);width:40px;height:4px;box-shadow:0 0 10px var(--accent-color);display:inline-block}.media-grid-main{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;display:grid}.media-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:0;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.media-card:hover{border-color:var(--accent-color);transform:translateY(-5px);box-shadow:0 10px 20px #00b2d226}.media-img-wrapper{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.media-img-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.media-card:hover .media-img-wrapper img{transform:scale(1.05)}.play-btn-overlay{border:2px solid var(--accent-color);z-index:2;background:#0009;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:transform .3s,background .3s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 15px #00b2d266}.media-card:hover .play-btn-overlay{background:#00b2d233;transform:translate(-50%,-50%)scale(1.1)}.media-hover-overlay{opacity:0;z-index:1;background:linear-gradient(#0000,#000c);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}.media-card:hover .media-hover-overlay{opacity:1}.media-info{padding:1.5rem}.media-type{color:var(--accent-color);letter-spacing:2px;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;display:block}.media-info h3{color:var(--text-primary);margin:0;font-family:Outfit,sans-serif;font-size:1.2rem;line-height:1.4}.media-grid-college{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.college-card{aspect-ratio:1;cursor:pointer;border:1px solid #ffffff1a;border-radius:12px;position:relative;overflow:hidden}.college-img-wrapper{width:100%;height:100%;position:relative}.college-img-wrapper img{object-fit:cover;filter:grayscale(80%)brightness(.6);width:100%;height:100%;transition:transform .5s}.college-card:hover .college-img-wrapper img{filter:grayscale(0%)brightness(.8);transform:scale(1.1)}.college-overlay{opacity:.8;background:linear-gradient(#0000,#000000e6);width:100%;padding:1.5rem;transition:transform .3s,opacity .3s;position:absolute;bottom:0;left:0;transform:translateY(20px)}.college-card:hover .college-overlay{opacity:1;transform:translateY(0)}.college-overlay h4{color:var(--text-primary);text-shadow:2px 2px 4px #000c;margin:0 0 .5rem;font-family:Outfit,sans-serif;font-size:1.2rem}.college-overlay p{color:var(--text-secondary);opacity:0;margin:0;font-family:Outfit,sans-serif;font-size:.85rem;transition:opacity .3s .1s}.college-card:hover .college-overlay p{opacity:1}@media (width<=768px){.media-page-content{padding-top:100px}.media-section{padding:2rem 1rem}.media-section-title{font-size:1.5rem}.media-grid-main{grid-template-columns:1fr}.media-grid-college{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.lightbox-close{color:var(--text-primary);cursor:pointer;z-index:10000;background:0 0;border:none;font-size:3rem;transition:color .3s;position:absolute;top:20px;right:30px}.lightbox-close:hover{color:var(--accent-color)}.lightbox-nav{color:var(--text-primary);cursor:pointer;z-index:10000;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;padding:1rem;font-size:2rem;transition:background .3s,color .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:var(--accent-color);color:var(--bg-color)}.lightbox-prev{left:30px}.lightbox-next{right:30px}.lightbox-content{flex-direction:column;align-items:center;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-media{object-fit:contain;border-radius:8px;max-width:100%;max-height:80vh;box-shadow:0 0 30px #00b2d233}.lightbox-caption{text-align:center;margin-top:1rem}.lightbox-caption h3{color:var(--text-primary);margin:0 0 .5rem;font-family:Outfit,sans-serif;font-size:1.5rem}.lightbox-caption p{color:var(--accent-color);margin:0;font-family:Outfit,sans-serif;font-size:1rem}@media (width<=768px){.lightbox-nav{width:40px;height:40px;font-size:1.2rem}.lightbox-prev{left:10px}.lightbox-next{right:10px}.lightbox-caption h3{font-size:1.2rem}.lightbox-media{max-height:70vh}}.about-hero-new{justify-content:center;align-items:flex-end;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.about-hero-bg{z-index:0;filter:brightness(.6);background-image:url(/Banners%20For%20Website/OPCD_Login_Page.jpg);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.about-hero-bottom-content{z-index:2;text-align:center;padding-bottom:4rem;position:relative}.about-hero-title{text-transform:uppercase;color:var(--text-primary);letter-spacing:2px;margin:0 0 .5rem;font-family:Outfit,sans-serif;font-size:5rem;font-weight:900}.about-hero-subtitle{color:var(--accent-color);letter-spacing:6px;margin:0;font-family:Outfit,sans-serif;font-size:1.5rem;font-weight:600}.about-page-content-new{background-color:var(--bg-color);z-index:2;position:relative}.about-content-section{max-width:1200px;margin:0 auto;padding:6rem 2rem}.about-content-section.alt-bg{background:#ffffff05;max-width:100%;padding-left:5%;padding-right:5%}.about-content-section.alt-bg>div{max-width:1200px;margin:0 auto}.section-title{color:var(--text-primary);align-items:center;gap:1rem;margin-bottom:2rem;font-family:Outfit,sans-serif;font-size:2.5rem;display:flex}.section-title.center-title{text-align:center;justify-content:center}.body-text{color:var(--text-secondary);margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:1.1rem;line-height:1.8}.about-content-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.about-content-grid.reverse-grid{grid-template-columns:1fr 1fr}@media (width>=900px){.about-content-grid.reverse-grid .about-content-text{order:2}.about-content-grid.reverse-grid .about-content-gallery{order:1}}.about-content-image img{border:1px solid #00b2d24d;border-radius:0;width:100%;box-shadow:0 0 20px #00b2d21a}.about-content-gallery{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.about-content-gallery img{border:1px solid #ffffff1a;border-radius:0;width:100%;height:auto}.socials-container{grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem;display:grid}.social-block{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:2.5rem}.social-block h3{color:var(--text-primary);margin:0 0 1rem;font-family:Outfit,sans-serif;font-size:1.5rem}.social-block p{color:var(--text-secondary);margin-bottom:2rem;font-family:Outfit,sans-serif;line-height:1.6}.social-links-row{flex-wrap:wrap;gap:1rem;display:flex}.social-pill{color:var(--text-primary);border:1px solid var(--text-primary);background:0 0;border-radius:30px;padding:.8rem 1.5rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .3s}.social-pill:hover{background:var(--text-primary);color:var(--bg-color)}.max-level-pill{color:var(--accent-color);border-color:var(--accent-color)}.max-level-pill:hover{background:var(--accent-color);color:var(--bg-color);box-shadow:0 0 15px #00b2d280}.contact-container{margin:0 auto;max-width:800px!important}.contact-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:3rem;font-family:Outfit,sans-serif}.contact-form-new{flex-direction:column;gap:1.5rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--accent-color);letter-spacing:2px;font-family:Outfit,sans-serif;font-size:.8rem}.form-group input,.form-group select,.form-group textarea{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:1rem;font-family:Outfit,sans-serif;transition:border-color .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-color)}.submit-btn{background:var(--secondary-color);color:#000;cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:1rem;font-family:Outfit,sans-serif;font-size:1rem;font-weight:700;transition:all .3s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #ddfc5173}@media (width<=900px){.about-hero-title{font-size:2.5rem}.about-hero-subtitle{letter-spacing:2px;font-size:.9rem}.about-content-grid{grid-template-columns:1fr;gap:2rem}.socials-container{grid-template-columns:1fr;gap:1.5rem}.form-row{grid-template-columns:1fr}.about-content-section{padding:3rem 1rem}.section-title{text-align:center;justify-content:center;margin-bottom:1.5rem;font-size:1.8rem}.social-block{text-align:center;padding:1.5rem}.social-links-row{justify-content:center}.about-content-text{text-align:center}}.custom-select{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;font-family:Outfit,sans-serif;transition:border-color .3s;position:relative}.custom-select.open{border-color:var(--accent-color);border-bottom-right-radius:0;border-bottom-left-radius:0}.custom-select-trigger{justify-content:space-between;align-items:center;padding:1rem;display:flex}.custom-select-trigger .arrow{border-right:2px solid var(--secondary-color);border-bottom:2px solid var(--secondary-color);width:10px;height:10px;transition:transform .3s;transform:rotate(45deg)}.custom-select.open .custom-select-trigger .arrow{transform:rotate(-135deg)}.custom-options{border:1px solid var(--accent-color);z-index:10;opacity:0;visibility:hidden;pointer-events:none;background:#0f1013;border-top:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px;transition:all .3s;position:absolute;top:100%;left:-1px;right:-1px;box-shadow:0 10px 20px #000c}.custom-select.open .custom-options{opacity:1;visibility:visible;pointer-events:all}.custom-option{border-bottom:1px solid #ffffff0d;padding:1rem;transition:background .2s,color .2s}.custom-option:last-child{border-bottom:none}.custom-option:hover,.custom-option.selected{color:var(--accent-color);background:#00b2d226}.custom-file-upload{background:#ffffff0d;border:1px dashed #fff3;border-radius:8px;align-items:center;height:52px;padding:.5rem;transition:border-color .3s;display:flex}.custom-file-upload:hover{border-color:var(--secondary-color)}.file-upload-btn{color:var(--secondary-color);cursor:pointer;white-space:nowrap;background:#ddfc511a;border-radius:6px;align-items:center;padding:.6rem 1rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:700;transition:all .3s;display:flex}.file-upload-btn:hover{background:var(--secondary-color);color:var(--bg-color)}.file-name{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;max-width:150px;margin-left:1rem;font-family:Outfit,sans-serif;font-size:.85rem;overflow:hidden}.fade-in{animation:.4s ease-in-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{background:#0d0d0d;border:1px solid #00b2d24d;border-radius:12px;width:90%;max-width:900px;max-height:90vh;padding:2.5rem;position:relative;overflow-y:auto;box-shadow:0 0 50px #00b2d21a}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:2rem;line-height:1;transition:color .3s;position:absolute;top:1.5rem;right:1.5rem}.modal-close:hover{color:var(--accent-color)}.bracket-table{border-collapse:collapse;width:100%;margin-top:1.5rem}.bracket-table th{color:var(--accent-color);text-align:left;background:#ffffff0d;padding:1rem;font-family:Outfit,sans-serif;font-size:.9rem}.bracket-table td{color:var(--text-primary);border-bottom:1px solid #ffffff0d;padding:1rem;font-family:Outfit,sans-serif}.bracket-table tr:hover td{background:#ffffff05}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@media (width<=768px){.format-phase{justify-content:center!important}.format-phase>div{width:95%!important;padding:1.5rem!important}.status-card{text-align:center;flex-direction:column!important;gap:1rem!important;padding:1.5rem!important}.bracket-table th,.bracket-table td{font-size:.8rem;padding:.5rem!important}.about-hero-new{height:40vh!important;min-height:40vh!important}.about-hero-bottom-content{padding-bottom:2rem!important}.about-hero-title{font-size:2rem!important}.truck-img{width:100%!important;max-width:350px!important}.schedule-row{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.schedule-city{padding-bottom:.5rem;justify-content:flex-start!important;width:100%!important}.schedule-box{width:100%!important;padding:1.2rem!important}}.phone-showcase-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.phone-title{font-size:2.8rem}@media (width<=768px){.phone-showcase-grid{grid-template-columns:1fr}.phone-title{font-size:2rem!important}.admin-layout{flex-direction:column!important}.admin-sidebar{border-bottom:1px solid #ffffff0d!important;border-right:none!important;width:100%!important;padding:1rem!important}.admin-sidebar-nav{padding-bottom:.5rem;overflow-x:auto;flex-direction:row!important;gap:1rem!important}.admin-sidebar-nav button{white-space:nowrap;border-bottom:4px solid #0000!important;border-right:none!important;padding:.5rem 1rem!important}.admin-sidebar-nav button[style*="var(--accent-color)"]{border-bottom:4px solid var(--accent-color)!important}.admin-main-content{padding:1rem!important}.admin-content-header{flex-direction:column!important;align-items:flex-start!important}.admin-content-header h1{font-size:1.5rem!important}.admin-table-wrapper{overflow-x:auto!important}.bracket-table{min-width:800px}}.about-highlights-container{z-index:5;width:100%;max-width:1200px;transform:translate(-50%, var(--text-y,0px));justify-content:center;gap:2rem;padding:0 4rem;transition:opacity .1s;display:flex;position:absolute;bottom:2.5rem;left:50%}.about-highlight-card{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;flex:1;align-items:center;gap:1.2rem;min-width:200px;max-width:250px;padding:1rem 1.25rem;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;box-shadow:0 4px 20px #0003}.about-highlight-card:hover{border-color:#00b2d266;transform:translateY(-5px);box-shadow:0 10px 25px #00b2d226}.about-highlight-icon-wrapper{width:44px;height:44px;color:var(--accent-color);background:#00b2d21a;border:1px solid #00b2d233;border-radius:10px;justify-content:center;align-items:center;display:flex}.about-highlight-text{flex-direction:column;display:flex}.about-highlight-value{background:linear-gradient(135deg, #00f0ff 0%, var(--accent-color) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;line-height:1.1}.about-highlight-label{color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase;margin-top:.2rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:700}@media (width<=768px){.about-highlights-container{transform:translate(0px, var(--text-y,0px));justify-content:center;gap:1rem;margin-top:3rem;padding:0 1.5rem;position:relative;bottom:auto;left:auto}.about-highlight-card{flex:45%;min-width:140px;max-width:100%;padding:.8rem 1rem}.about-highlight-value{font-size:1.8rem}.about-highlight-label{letter-spacing:1px;font-size:.7rem}}.cyber-stats-container{z-index:10;justify-content:center;gap:3rem;width:100%;max-width:1200px;margin:0 auto 5rem;display:flex;position:relative}.cyber-stat-card{border:2px solid #1c202a;border-left:8px solid var(--accent-color);min-width:260px;max-width:340px;box-shadow:-8px 8px 0px var(--accent-color);cursor:pointer;background:#0d0f12;border-radius:8px;flex:1;padding:1.75rem 2.25rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;transform:skew(-12deg)}.cyber-stat-card:before{content:"";background:linear-gradient(90deg,#0000,#ddfc5140,#0000);width:100%;height:100%;transition:none;position:absolute;top:0;left:-150%;transform:skew(45deg)}.cyber-stat-card:hover:before{transition:left .8s cubic-bezier(.16,1,.3,1);left:150%}.cyber-stat-card:hover{border-color:var(--secondary-color);border-left-color:var(--secondary-color);box-shadow:-10px 10px 0px var(--secondary-color);transform:skew(-12deg)translate(4px,-4px)}.cyber-stat-content{align-items:center;gap:1.25rem;display:flex;transform:skew(12deg)}.cyber-stat-icon-box{border:2px solid var(--accent-color);width:62px;height:62px;color:var(--accent-color);background:#161822;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;transition:all .3s;display:flex}.cyber-stat-card:hover .cyber-stat-icon-box{background:var(--secondary-color);color:#000;border-color:var(--secondary-color);box-shadow:0 0 12px var(--secondary-color);transform:scale(1.05)rotate(-3deg)}.cyber-stat-text-box{flex-direction:column;display:flex}.cyber-stat-number{color:#fff;letter-spacing:-1px;font-family:Outfit,sans-serif;font-size:3.2rem;font-weight:950;line-height:.9;transition:all .3s}.cyber-stat-card:hover .cyber-stat-number{color:var(--secondary-color)}.cyber-stat-label{color:#ffffffe6;letter-spacing:2px;text-transform:uppercase;margin-top:.4rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:800}.cyber-stat-sublabel{color:var(--text-secondary);letter-spacing:1.5px;text-transform:uppercase;opacity:.65;margin-top:.15rem;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600}@media (width<=768px){.cyber-stats-container{flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:4rem;padding:0 1.5rem}.cyber-stat-card{width:100%;max-width:320px;transform:skew(-8deg)}.cyber-stat-content{transform:skew(8deg)}.cyber-stat-card:hover{border-color:var(--secondary-color);border-left-color:var(--secondary-color);box-shadow:-8px 8px 0px var(--secondary-color);transform:skew(-8deg)translate(3px,-3px)}}.format-section-new{background:#050505;flex-direction:column;align-items:center;padding:6rem 2rem 8rem;display:flex;position:relative;overflow:hidden}.format-header-new{text-align:center;z-index:2;margin-bottom:3rem}.format-title-new{text-transform:uppercase;letter-spacing:2px;color:#fff;text-shadow:0 0 20px #00b2d233;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:900}.format-subtitle-new{color:var(--text-secondary);letter-spacing:3px;text-transform:uppercase;font-family:Outfit,sans-serif;font-size:1rem}.flowchart-steps-container{z-index:2;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:850px;margin-top:3rem;display:flex;position:relative}.flowchart-step-card{text-align:left;border:2px solid #1c202a;border-left:5px solid var(--step-accent);background:#0d0f12;border-radius:16px;flex-direction:column;align-items:flex-start;width:100%;padding:2.2rem 2.5rem;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:-6px 6px #00b2d226}.flowchart-step-card.step-02{box-shadow:-6px 6px #ddfc5126}.flowchart-step-card.step-03{background:var(--secondary-color);border-color:var(--secondary-color);box-shadow:-6px 6px #ddfc5140}.flowchart-step-card.step-03 .step-title,.flowchart-step-card.step-03 .step-desc,.flowchart-step-card.step-03 .step-phase{color:#000!important}.flowchart-step-card.step-03 .step-number-glow{color:#0000000d}.flowchart-step-card.step-03 .avatar-badge{border-color:var(--secondary-color)}.flowchart-step-card.step-03 .avatar-badge-more{border-color:var(--secondary-color);color:var(--secondary-color);background:#000}.flowchart-step-card:hover{border-color:#fff3;transform:translateY(-5px)}.flowchart-step-card.step-03:hover{border-color:var(--secondary-color);box-shadow:0 0 25px #ddfc5173}.flowchart-step-card:hover .step-border-glow{opacity:1}.flowchart-step-card.step-01:hover{box-shadow:-8px 8px 20px #00b2d24d}.flowchart-step-card.step-02:hover{box-shadow:-8px 8px 20px #ddfc514d}.step-number-glow{color:#ffffff08;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Outfit,sans-serif;font-size:5rem;font-weight:950;line-height:1;transition:all .3s;position:absolute;top:-15px;right:-5px}.flowchart-step-card:hover .step-number-glow{color:#ffffff12;transform:scale(1.05)translate(-5px,5px)}.flowchart-step-card.step-03:hover .step-number-glow{color:#00000014}.step-card-content{z-index:2;flex-direction:column;align-items:flex-start;width:100%;display:flex;position:relative}.step-phase{letter-spacing:2px;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:.8rem;font-weight:800}.step-title{color:#fff;letter-spacing:1px;text-transform:uppercase;margin-bottom:1.2rem;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:900}.step-desc{color:var(--text-secondary);margin:0;font-family:Outfit,sans-serif;font-size:.9rem;line-height:1.6}.avatar-badge-group{align-items:center;margin-bottom:1.5rem;display:flex}.avatar-badge{background:#202430;border:2px solid #0d0f12;border-radius:50%;width:34px;height:34px;margin-left:-10px;overflow:hidden;box-shadow:0 4px 8px #0000004d}.avatar-badge:first-child{margin-left:0}.avatar-badge img{object-fit:cover;width:100%;height:100%}.avatar-badge-more{width:auto;min-width:34px;height:34px;color:var(--secondary-color);background:#1c202a;border:2px solid #0d0f12;border-radius:17px;justify-content:center;align-items:center;margin-left:-10px;padding:0 8px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:800;display:flex;box-shadow:0 4px 8px #0000004d}.step-connector{z-index:3;flex-shrink:0;justify-content:center;align-items:center;height:40px;margin:.5rem 0;display:flex}.connector-arrow{width:36px;height:36px}.connector-arrow .desktop-line,.connector-arrow .desktop-arrow{display:none}.connector-arrow .mobile-line,.connector-arrow .mobile-arrow{display:block}.step-border-glow{opacity:0;pointer-events:none;z-index:1;background:radial-gradient(circle at 80% 20%,#ffffff0d 0%,#0000 60%);width:100%;height:100%;transition:opacity .3s;position:absolute;top:0;left:0}@media (width<=1023px){.flowchart-steps-container{max-width:600px;padding:0 1rem}}@media (width<=767px){.flowchart-steps-container{max-width:100%;margin-top:2rem}.flowchart-step-card{padding:1.8rem 1.5rem}}.consent-modal-content{background:#0d0d0d;border:1px solid #00b2d24d;border-radius:16px;flex-direction:column;gap:1.5rem;width:90%;max-width:550px;max-height:90vh;padding:2.5rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 0 50px #00b2d226}@media (width<=480px){.consent-modal-content{border-radius:12px;gap:1rem;padding:1.5rem 1.25rem}.consent-modal-title{font-size:1.3rem!important}.consent-modal-desc{font-size:.8rem!important}.consent-notice-box{font-size:.75rem!important}.consent-checkbox-label{gap:.5rem!important;font-size:.8rem!important}.consent-checkbox-label input{width:14px!important;height:14px!important;margin-top:.1rem!important}.consent-actions{flex-direction:column-reverse;gap:.75rem!important}.consent-actions button{width:100%!important;margin-top:0!important;padding:.85rem!important}}.auth-back-home{z-index:10;color:var(--text-secondary);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:6px;padding:.6rem 1.2rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;position:absolute;top:3rem;left:3rem}.auth-back-home:hover{color:var(--accent-color);border-color:var(--accent-color);transform:translate(-2px);box-shadow:0 0 15px #00b2d240}@media (width<=768px){.login-auth-side{flex-direction:column;justify-content:flex-start;align-items:center}.auth-back-home{align-self:flex-start;margin-bottom:2rem;padding:.4rem .8rem;font-size:.85rem;position:relative;top:auto;left:auto}}@media (width>=1200px){.login-poster-img{object-position:85% center}.login-auth-side{justify-content:flex-start!important;padding-left:8%!important}.login-auth-container{max-width:480px!important}}