@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap";:root{--logistics-color:#036;--ev-color:#bef264;--transition-speed:.6s;--font-primary:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);color:#fff;background:#000;min-height:100vh}@media (width>=769px){body{overflow:hidden}}.portal-container{width:100vw;height:100vh;display:flex;position:relative}.business-section{height:100%;transition:flex var(--transition-speed) cubic-bezier(.2, 0, .4, 1), filter var(--transition-speed) ease;cursor:pointer;color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative;overflow:hidden}.business-section:before{content:"";width:100%;height:100%;transition:transform var(--transition-speed) ease;z-index:1;background-position:50%;background-size:cover;position:absolute;top:0;left:0}.logistics-section:before{background-image:linear-gradient(#00142833,#00142880),url(/logistics_v2.png)}.ev-section:before{background-image:linear-gradient(#0000001a,#0006),url(/ev_scooter_final.png)}.business-section:hover{filter:brightness(1.1);flex:2}.business-section:not(:hover){filter:brightness(.7)grayscale(.2)}.business-section:hover:before{transform:scale(1.05)}.content-overlay{z-index:2;text-align:center;opacity:0;background:radial-gradient(circle,#0000004d 0%,#0000 70%);border-radius:50%;max-width:500px;padding:3rem;animation:.8s .3s forwards fadeInUp;position:relative;transform:translateY(20px)}.logo-placeholder{flex-direction:column;align-items:center;margin-bottom:2rem;display:flex}.mobile-header{display:none}.brand-logo{filter:brightness(0)invert()drop-shadow(0 4px 6px #0006);width:auto;height:80px;margin-bottom:.5rem}.logo-placeholder span{text-transform:uppercase;letter-spacing:5px;opacity:1;font-size:1.2rem;font-weight:700}.description{opacity:1;margin-bottom:2.5rem;font-size:1.1rem;font-weight:400;line-height:1.6}.enter-btn{text-transform:uppercase;letter-spacing:2px;color:#fff;background:0 0;border:2px solid #fff;border-radius:50px;padding:1rem 2.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.logistics-section .enter-btn:hover{color:var(--logistics-color);background:#fff;transform:scale(1.05)}.ev-section .enter-btn:hover{background:var(--ev-color);border-color:var(--ev-color);color:#000;transform:scale(1.05)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.divider{z-index:3;pointer-events:none;background:#fff3;width:1px;height:80vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.divider:after{content:"OR";background:#000;border:1px solid #fff3;border-radius:50%;padding:10px;font-size:.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.portal-container{flex-direction:column;height:auto;overflow-y:auto}.mobile-header{z-index:10;background:0 0;justify-content:center;align-items:center;width:100%;padding:1.5rem 0;display:flex;position:absolute;top:0}.mobile-header .brand-logo{filter:brightness(0)invert();height:45px}.business-section{flex:none;min-height:60vh}.business-section:hover{flex:none}.business-section:not(:hover){filter:brightness(.9)}.business-section .logo-placeholder .brand-logo{display:none}.logo-placeholder{margin-top:5rem;margin-bottom:.5rem}.logo-placeholder span{letter-spacing:2px;font-size:1.5rem}.divider{z-index:5;background:#ffffff1a;justify-content:center;align-items:center;width:100%;height:1px;margin:0;display:flex;position:relative}.divider:after{background:#111;border:1px solid #fff3;border-radius:50%;padding:8px;font-size:.7rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 10px #000c}.content-overlay{background:0 0;border-radius:0;padding:2rem 1.5rem}.description{margin-bottom:2rem;font-size:1rem}.enter-btn{padding:.8rem 2rem;font-size:.9rem}}