@import url(https://sinnla-sportsunited.com/wp-content/themes/ssu-child-theme/../Divi/style.css);:root{--ssu-orange:#F5A623;--ssu-black:#0a0a0a;--ssu-dark:#111111;--ssu-white:#ffffff;--ssu-gray:#888888;--ssu-sidebar-width:60px;--ssu-font-primary:'Barlow Condensed', sans-serif;--ssu-font-secondary:'Inter', sans-serif;--ssu-transition:all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94)}body{font-family:var(--ssu-font-secondary);background-color:var(--ssu-black);color:var(--ssu-white);margin:0;padding:0}#main-header,#top-header,.et-fixed-header{display:none!important}#page-container,.et_pb_section:first-child{padding-top:0!important}#ssu-sidebar-bar{position:fixed;top:0;left:0;width:var(--ssu-sidebar-width);height:100vh;background:#F5A623;backdrop-filter:blur(10px);z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:24px 0;border-right:1px solid rgb(0 0 0 / .08);transition:var(--ssu-transition)}#ssu-hamburger{width:44px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;cursor:pointer;padding:8px;border-radius:4px;transition:var(--ssu-transition);background:none;border:none;outline:none}#ssu-hamburger:hover{background:rgb(255 255 255 / .05)}#ssu-hamburger span{display:block;height:1.5px;background:rgb(0 0 0 / .7);border-radius:2px;transition:var(--ssu-transition);transform-origin:center}#ssu-hamburger span:nth-child(1){width:28px}#ssu-hamburger span:nth-child(2){width:20px}#ssu-hamburger span:nth-child(3){width:24px}body.ssu-menu-open #ssu-hamburger span:nth-child(1){transform:translateY(7.5px) rotate(45deg);width:24px}body.ssu-menu-open #ssu-hamburger span:nth-child(2){opacity:0;transform:scaleX(0)}body.ssu-menu-open #ssu-hamburger span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg);width:24px}#ssu-lang-switch{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:8px}.ssu-lang-btn{font-family:var(--ssu-font-primary);font-size:11px;font-weight:700;letter-spacing:1px;color:rgb(255 255 255 / .35);text-decoration:none;text-transform:uppercase;transition:color 0.3s ease;line-height:1}.ssu-lang-btn:hover{color:var(--ssu-white)}.ssu-lang-btn.active{color:var(--ssu-orange)}.ssu-lang-divider{font-size:9px;color:rgb(255 255 255 / .15);line-height:1}#ssu-sidebar-logo{display:none}#ssu-sidebar-label{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);font-family:var(--ssu-font-primary);font-size:10px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:rgb(0 0 0 / .6)}#ssu-nav-panel{position:fixed;top:0;left:var(--ssu-sidebar-width);width:380px;height:100vh;background:var(--ssu-black);z-index:9998;transform:translateX(-100%);transition:transform 0.5s cubic-bezier(.25,.46,.45,.94);display:flex;flex-direction:column;justify-content:center;padding:60px 50px;border-right:1px solid rgb(255 255 255 / .06)}body.ssu-menu-open #ssu-nav-panel{transform:translateX(0)}#ssu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgb(0 0 0 / .7);backdrop-filter:blur(4px);z-index:9997;opacity:0;pointer-events:none;transition:opacity 0.4s ease}body.ssu-menu-open #ssu-overlay{opacity:1;pointer-events:all}#ssu-nav-logo{display:block;text-align:center;margin-bottom:48px;text-decoration:none}#ssu-nav-logo img{width:140px;height:auto;opacity:.95;transition:opacity 0.3s ease;filter:none}#ssu-nav-logo:hover img{opacity:1;filter:none brightness(1.1)}#ssu-nav-panel nav ul{list-style:none;margin:0;padding:0}#ssu-nav-panel nav ul li{margin-bottom:8px;overflow:hidden}#ssu-nav-panel nav ul li a{display:flex;align-items:center;gap:16px;font-family:var(--ssu-font-primary);font-size:32px;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:rgb(255 255 255 / .5);text-decoration:none;padding:8px 0;transition:var(--ssu-transition);position:relative}#ssu-nav-panel nav ul li a::before{content:'';display:block;width:0;height:2px;background:var(--ssu-orange);transition:width 0.3s ease;flex-shrink:0}#ssu-nav-panel nav ul li a:hover{color:var(--ssu-white)}#ssu-nav-panel nav ul li a:hover::before{width:30px}#ssu-nav-panel nav ul li a .nav-num{font-size:11px;font-weight:400;color:var(--ssu-orange);letter-spacing:1px;margin-right:4px}#ssu-nav-contact{margin-top:60px;padding-top:40px;border-top:1px solid rgb(255 255 255 / .1)}#ssu-nav-contact p{font-family:var(--ssu-font-secondary);font-size:12px;color:rgb(255 255 255 / .4);margin:4px 0;letter-spacing:.5px}#ssu-nav-contact a{color:rgb(255 255 255 / .4);text-decoration:none;transition:color 0.3s ease}#ssu-nav-contact a:hover{color:var(--ssu-orange)}#ssu-hero-logo{position:absolute;top:32px;left:64px;z-index:100;display:block;text-decoration:none}#ssu-hero-logo img{width:120px;height:auto;opacity:1;transition:opacity 0.3s ease;filter:none}#ssu-hero-logo:hover img{opacity:.8;filter:none brightness(1.15)}#ssu-hero{position:relative;width:100%;height:100vh;overflow:clip;margin-left:var(--ssu-sidebar-width);width:calc(100% - var(--ssu-sidebar-width))}.ssu-hero-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:opacity 0.8s ease;z-index:1}.ssu-hero-bg.active{opacity:1}.ssu-hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgb(0 0 0 / .3) 0%,rgb(0 0 0 / .6) 100%)}#ssu-hero-headline{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);z-index:5;text-align:center;pointer-events:none;width:100%;padding:0 5%;box-sizing:border-box;white-space:nowrap;overflow:visible}#ssu-hero-headline h1{font-family:var(--ssu-font-primary);font-size:clamp(48px, 8vw, 120px);font-weight:800;text-transform:uppercase;letter-spacing:-2px;line-height:.9;color:#fff0;-webkit-text-stroke:1.5px rgb(255 255 255 / .25);margin:0;transition:-webkit-text-stroke 0.5s ease}#ssu-hero-panels{position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex;z-index:10}.ssu-panel{flex:1;position:relative;cursor:pointer;transition:flex 0.6s cubic-bezier(.25,.46,.45,.94);border-right:1px solid rgb(255 255 255 / .1);display:flex;flex-direction:column;justify-content:flex-end;padding:40px 32px;overflow:hidden}.ssu-panel:last-child{border-right:none}.ssu-panel.active{flex:2.5}.ssu-panel::before{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgb(0 0 0 / .85) 0%,#fff0 60%);opacity:0;transition:opacity 0.4s ease;z-index:1}.ssu-panel.active::before{opacity:1}.ssu-panel::after{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:var(--ssu-orange);transition:width 0.5s ease 0.1s;z-index:2}.ssu-panel.active::after{width:100%}.ssu-panel-content{position:relative;z-index:3}.ssu-panel-num{font-family:var(--ssu-font-primary);font-size:clamp(60px, 8vw, 100px);font-weight:800;line-height:1;color:#fff0;-webkit-text-stroke:1px rgb(255 255 255 / .3);transition:all 0.4s ease;display:block;margin-bottom:8px}.ssu-panel.active .ssu-panel-num{color:var(--ssu-white);-webkit-text-stroke:0}.ssu-panel-title{font-family:var(--ssu-font-primary);font-size:clamp(16px, 2vw, 22px);font-weight:700;text-transform:uppercase;letter-spacing:4px;color:rgb(255 255 255 / .6);transition:color 0.4s ease;display:block;margin-bottom:20px}.ssu-panel.active .ssu-panel-title{color:var(--ssu-white)}.ssu-panel-cta{display:flex;align-items:center;gap:12px;font-family:var(--ssu-font-primary);font-size:13px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--ssu-white);text-decoration:none;transform:translateY(30px);opacity:0;transition:all 0.4s ease 0.1s}.ssu-panel.active .ssu-panel-cta{transform:translateY(0);opacity:1}.ssu-panel-cta::after{content:'';display:block;width:40px;height:1px;background:var(--ssu-orange);transition:width 0.3s ease}.ssu-panel-cta:hover::after{width:60px}.et_pb_section{margin-left:var(--ssu-sidebar-width)!important}@media (max-width:980px){:root{--ssu-sidebar-width:60px}#ssu-nav-panel{width:300px;padding:40px 30px}#ssu-nav-panel nav ul li a{font-size:24px}.ssu-panel-num{font-size:48px}}@media (max-width:768px){#ssu-hero-panels{flex-direction:column}.ssu-panel{flex:1;border-right:none;border-bottom:1px solid rgb(255 255 255 / .1);padding:20px}.ssu-panel.active{flex:2}}