@font-face{font-family:'Mailpress-Bold';src:url('../fonts/LeagueSpartan-Bold.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Mailpress-Regular';src:url('../fonts/Inter-Regular.woff2') format('woff2');font-display:swap}
:root{--c1:#FFFFFF;--c2:#F2F2F2;--c3:#1A1A1A;--c4:#0D0D0D;--c5:#000000;--mode:#000000;--cv:#404040;}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Mailpress-Regular',Arial,sans-serif;background:var(--c4);color:var(--c1);line-height:1.6;font-size:16px;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select: none; -ms-user-select: none; user-select: none;}
h1,h2,h3{font-family:'Mailpress-Bold',Arial,sans-serif;font-weight:700;line-height:1.2;letter-spacing:-0.02em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit}
.tc{text-align:center}
.container{width:min(1200px,92%);margin:auto}
.site-header{padding:20px 0;background:var(--c5);color:var(--c1)}
.header-flex{display:flex;align-items:center;justify-content:space-between}
.site-logo,.page-title{font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;line-height:1.15;letter-spacing:-0.02em;text-rendering:optimizeLegibility}
.captain-text{font-size:clamp(1.1rem,3vw,1.3rem);line-height:1.7;font-weight:400}
.section-title{font-size:clamp(1.6rem,5vw,2.4rem);font-weight:700;line-height:1.2;letter-spacing:-0.02em;border-left:5px solid var(--c1);padding-left:15px;margin-bottom:30px}
.sub-title{font-size:clamp(1.2rem,5vw,1.4rem);font-weight:600;line-height:1.35;margin-bottom:10px}
.section-label{display:block;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;margin-bottom:10px}
.main-navigation{position:relative}
.main-menu{display:flex;gap:25px;list-style:none}
.main-menu li a{font-weight:500}
.btn{display:inline-block;padding:14px 28px;background:var(--c1);color:var(--c5);font-size:18px;font-weight:700;border-radius:10px; margin-top:30px}
.menu-toggle{display:none;background:none; border:none;font-size:32px;color:var(--c1);cursor:pointer}
@media(max-width:768px){
.menu-toggle{display:block}
.main-navigation{display:none;position:absolute;top:50px;left:0;width:100%;background:var(--c5);padding:50px 20px}
.main-navigation.active{display:block;position: fixed; z-index: 9999;}
.main-menu{flex-direction:column;gap:20px}}