:root{--navy:#071a33;--navy-2:#0d2748;--red:#ed101b;--red-dark:#c90712;--cyan:#00b8e6;--ink:#10233e;--muted:#627087;--line:#dfe5ee;--surface:#f4f7fb;--white:#fff;--shadow:0 18px 50px rgba(7,26,51,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:15px}.utility-bar{height:36px;background:var(--navy);color:#dce6f3;font-size:12px}.utility-inner{max-width:1420px;height:100%;margin:auto;padding:0 4%;display:flex;align-items:center;justify-content:space-between}.utility-inner>div{display:flex;gap:24px}.utility-user{padding-left:22px;border-left:1px solid rgba(255,255,255,.2);color:#fff}.site-header.ds-header{position:sticky;top:0;z-index:50;max-width:none;width:100%;height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.97);border-bottom:1px solid #e7ecf3;box-shadow:0 4px 18px rgba(7,26,51,.04);backdrop-filter:blur(14px)}
.ds-brand{display:inline-flex;align-items:center;text-decoration:none;letter-spacing:-2px;transform:skew(-8deg);font-family:'Roboto Condensed',Inter,sans-serif;font-size:30px;font-weight:800}.brand-data{color:#fff;-webkit-text-stroke:1.5px #087cce;text-shadow:1px 1px 0 var(--navy)}.brand-sport{color:var(--red);margin-left:2px;position:relative}.brand-sport:after{content:"";position:absolute;left:4%;right:-12%;top:54%;height:2px;background:#fff;box-shadow:0 -5px 0 rgba(255,255,255,.72)}
.ds-nav{display:flex;align-items:center;gap:34px}.ds-nav a{position:relative;color:var(--ink);text-decoration:none;font-weight:600;padding:34px 0;transition:.2s}.ds-nav a:not(.nav-primary):hover,.ds-nav a.active{color:var(--red)}.ds-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:19px;height:3px;border-radius:4px;background:var(--red)}.ds-nav .nav-primary{padding:14px 20px;background:var(--red);color:#fff;border-radius:9px;box-shadow:0 8px 18px rgba(237,16,27,.2)}.ds-nav .nav-primary:hover{background:var(--red-dark);transform:translateY(-1px)}.ds-nav .nav-logout{color:var(--muted);font-size:13px}.mobile-menu{display:none;border:0;background:none;font-size:25px;color:var(--navy)}
.container.ds-main{max-width:none;margin:0;padding:0;min-height:calc(100vh - 240px)}.ds-main>.alert{max-width:1320px;margin:20px auto 0}.ds-hero{position:relative;min-height:520px;padding:64px max(4%,calc((100vw - 1420px)/2));display:grid;grid-template-columns:minmax(480px,650px) minmax(380px,1fr);align-items:center;gap:60px;background:linear-gradient(90deg,rgba(4,17,35,.98) 0%,rgba(4,17,35,.82) 42%,rgba(4,17,35,.18) 75%),url('images/datasport-hero-v2.png') center/cover no-repeat;color:#fff;overflow:hidden}.hero-content{position:relative;z-index:2}.hero-kicker{display:inline-block;padding-left:14px;border-left:3px solid var(--red);font-size:12px;font-weight:800;letter-spacing:3px}.hero-content h1{margin:25px 0 16px;font-size:clamp(43px,4.5vw,68px);line-height:1.03;letter-spacing:-3px;color:#fff}.hero-content h1 em{font-style:normal}.hero-content p{max-width:540px;margin:0 0 28px;font-size:19px;line-height:1.6;color:#e3ebf5}.hero-actions{display:flex;gap:16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:48px;padding:13px 22px;border:0;border-radius:9px;background:var(--red);color:#fff!important;font:700 14px Inter,sans-serif;text-decoration:none;box-shadow:none;cursor:pointer;transition:.2s}.button:hover{background:var(--red-dark);transform:translateY(-1px)}.button-ghost{background:transparent;border:1px solid rgba(255,255,255,.75)}.button-ghost:hover{background:#fff;color:var(--navy)!important}.button-secondary{background:#fff;color:var(--navy)!important;border:1px solid #cfd8e5}.button-secondary:hover{background:#eef3f9}
.hero-insight{align-self:center;justify-self:end;width:min(100%,480px);background:rgba(8,25,48,.86);border:1px solid rgba(255,255,255,.22);border-radius:15px;box-shadow:0 26px 70px rgba(0,0,0,.3);backdrop-filter:blur(14px);overflow:hidden}.insight-top{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid rgba(255,255,255,.16)}.insight-top span{padding:22px 14px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.insight-top span:last-child{border:0}.insight-top b,.insight-top small{display:block}.insight-top b{font-size:25px}.insight-top small{margin-top:5px;color:#bdc9d8}.insight-ranking{padding:22px 26px}.insight-ranking>div{display:flex;justify-content:space-between}.insight-ranking>div small{color:var(--cyan)}.insight-ranking ul{list-style:none;margin:18px 0;padding:0}.insight-ranking li{display:grid;grid-template-columns:100px 1fr;align-items:center;gap:16px;margin:13px 0;font-size:12px}.insight-ranking i{position:relative;height:6px;background:#304158;border-radius:10px;overflow:hidden}.insight-ranking i:after{content:"";display:block;width:var(--w);height:100%;background:var(--red);border-radius:10px}.live-dot{color:var(--cyan)}.live-dot:before{content:"";display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--cyan)}
.management-section{padding:54px max(4%,calc((100vw - 1420px)/2)) 70px;background:#fff}.section-heading span,.eyebrow{color:var(--red);font-size:11px;font-weight:800;letter-spacing:2px}.section-heading h2{margin:7px 0;font-size:30px;letter-spacing:-1px}.section-heading p{margin:0;color:var(--muted)}.management-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.management-grid>a{display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;min-height:122px;padding:20px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none;transition:.2s}.management-grid>a:hover{border-color:#b8c7d9;box-shadow:var(--shadow);transform:translateY(-3px)}.management-grid a>i{font-style:normal;color:var(--red);font-size:22px}.management-grid b{display:block;margin-bottom:7px}.management-grid p{margin:0;color:var(--muted);font-size:12px;line-height:1.5}.module-icon,.metric-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#eef5ff;color:#0874d1;font-size:24px}.format-strip{display:grid;grid-template-columns:1.2fr repeat(4,1fr);align-items:center;gap:25px;padding:24px 30px;border:1px solid var(--line);border-radius:12px;background:#f9fbfd}.format-strip span{padding-left:22px;border-left:1px solid var(--line);font-weight:700}.format-strip small{display:block;margin-top:5px;color:var(--muted);font-weight:400}
.ds-footer{max-width:none!important;margin:0!important;padding:34px max(4%,calc((100vw - 1420px)/2))!important;display:flex;justify-content:space-between;align-items:center;background:var(--navy)!important;color:#bdcadb!important;border:0!important}.footer-brand{font-size:21px}.ds-footer p{margin:8px 0 0}.footer-meta{display:flex;flex-direction:column;gap:7px;text-align:right}
.page-heading,.dashboard-welcome{max-width:1320px;margin:0 auto;padding:44px 0 25px;display:flex;align-items:flex-end;justify-content:space-between}.page-heading h1,.dashboard-welcome h1{margin:7px 0;font-size:38px;letter-spacing:-1.5px;color:var(--navy)}.page-heading p,.dashboard-welcome p{margin:0;color:var(--muted)}.panel{border:1px solid var(--line)!important;border-radius:14px!important;background:#fff!important;box-shadow:0 12px 36px rgba(7,26,51,.05)!important}.page-heading+form,.page-heading~.panel,.page-heading~.simulator-layout,.page-heading~.results-section,.dashboard-grid{max-width:1320px;margin-left:auto!important;margin-right:auto!important}.form-grid{padding:30px!important;gap:22px!important}.form-grid label,.simulator-form label{color:var(--ink);font-weight:700;font-size:13px}.form-grid label small,.simulator-form label small{font-weight:400;color:var(--muted)}input,select,textarea{min-height:50px!important;border:1px solid #cbd6e4!important;border-radius:9px!important;padding:13px 15px!important;background:#fff!important;color:var(--ink)!important;font:500 14px Inter,sans-serif!important}input:focus,select:focus,textarea:focus{outline:3px solid rgba(0,139,210,.12)!important;border-color:#0788d2!important}input[readonly]{background:#f3f6fa!important;color:#59677b!important}.search-bar{max-width:1320px!important;padding:16px;background:#fff;border:1px solid var(--line);border-radius:12px}.table-wrap table{border-collapse:collapse}.table-wrap th{padding:14px 16px!important;background:#f6f8fb;color:#657288;font-size:11px;letter-spacing:.6px;text-transform:uppercase}.table-wrap td{padding:16px!important;border-top:1px solid #e9edf3!important}.table-wrap tr:hover td{background:#fbfcfe}.table-link{color:#0874d1!important;font-weight:700;text-decoration:none}.status-pill{display:inline-flex;padding:5px 9px;border-radius:20px;background:#eaf8ef;color:#168247;font-size:11px;font-weight:800}.alert{border-radius:10px!important}
.dashboard-welcome{padding-bottom:22px}.metric-grid{max-width:1320px;margin:0 auto 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metric-grid>a{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:15px;padding:22px;background:#fff;border:1px solid var(--line);border-radius:13px;color:var(--ink);text-decoration:none;box-shadow:0 8px 25px rgba(7,26,51,.04)}.metric-grid>a:hover{border-color:#b7c5d8;transform:translateY(-2px)}.metric-grid strong,.metric-grid small{display:block}.metric-grid strong{font-size:27px;color:var(--navy)}.metric-grid small{margin-top:4px;color:var(--muted)}.metric-grid i{font-style:normal;color:var(--red);font-size:20px}.dashboard-layout{max-width:1320px;margin:0 auto 60px;display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,.75fr);gap:18px}.recent-panel,.quick-panel{padding:25px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-heading h2,.quick-panel h2{margin:5px 0;font-size:23px}.panel-heading>a{color:#0874d1;text-decoration:none;font-weight:700}.quick-panel>a{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.quick-panel>a>span{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#fff0f1;color:var(--red);font-weight:800}.quick-panel b,.quick-panel small{display:block}.quick-panel small{margin-top:3px;color:var(--muted)}.empty-state{padding:45px;text-align:center;color:var(--muted)}.empty-state b{display:block;color:var(--navy);font-size:18px}.empty-state .button{margin-top:12px}.simulator-layout,.results-section{max-width:1320px!important}.info-card{border-radius:14px!important;background:var(--navy)!important;color:#fff!important}.result-card{border-top:4px solid var(--red)!important;border-radius:12px!important}.result-card strong{color:var(--navy)!important}
@media(max-width:1100px){.ds-nav{gap:18px}.ds-nav a{font-size:13px}.ds-hero{grid-template-columns:1fr}.hero-insight{justify-self:start}.management-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.format-strip{grid-template-columns:repeat(2,1fr)}.dashboard-layout{grid-template-columns:1fr}.page-heading,.dashboard-welcome,.metric-grid,.dashboard-layout,.ds-main>.alert{margin-left:4%;margin-right:4%}}
@media(max-width:760px){.utility-bar{display:none}.site-header.ds-header{height:72px}.mobile-menu{display:block}.ds-nav{display:none;position:absolute;left:0;right:0;top:72px;padding:18px 5%;flex-direction:column;align-items:stretch;gap:0;background:#fff;box-shadow:0 18px 30px rgba(7,26,51,.15)}.ds-nav.open{display:flex}.ds-nav a{padding:14px}.ds-nav a.active:after{display:none}.ds-hero{min-height:720px;padding:50px 6%;grid-template-columns:1fr;background-position:65% center}.hero-content h1{font-size:42px}.hero-insight{align-self:end}.hero-actions{flex-direction:column}.management-section{padding:45px 5%}.management-grid,.metric-grid,.format-strip{grid-template-columns:1fr}.format-strip span{padding:13px 0;border-left:0;border-top:1px solid var(--line)}.page-heading,.dashboard-welcome{padding:30px 5%;align-items:flex-start;gap:20px;flex-direction:column}.metric-grid,.dashboard-layout{margin-left:5%;margin-right:5%}.form-grid{grid-template-columns:1fr!important}.form-grid .wide{grid-column:auto!important}.ds-footer{align-items:flex-start;gap:25px;flex-direction:column}.footer-meta{text-align:left}}