:root{--bg-primary:#050505;--bg-secondary:#0a0a0a;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-color:#fff;--font-main:"arial","helvetica",sans-serif;--nav-height:80px;--section-padding-desktop:120px;--section-padding-mobile:60px;--container-padding:40px;--container-padding-mobile:20px}html{scroll-behavior:smooth;font-size:16px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none;transition:opacity .3s}a:hover{opacity:.7}ul{list-style:none}.container{max-width:1300px;padding:0 var(--container-padding);width:100%;margin:0 auto;position:relative}.section-padding{padding:var(--section-padding-desktop)0}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.grid-responsive{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;display:grid}.h1-hero{margin-bottom:24px;font-size:clamp(48px,8vw,90px);font-weight:800;line-height:1.1}.h2-title{font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2}.h3-subtitle{font-size:clamp(20px,4vw,24px);font-weight:600}.text-body{color:var(--text-secondary);font-size:16px}.section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;font-size:14px;display:block}.btn-primary{border:1px solid var(--text-primary);color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;cursor:pointer;background:0 0;border-radius:50px;padding:14px 36px;font-size:14px;font-weight:600;transition:all .3s;display:inline-block}.btn-primary:hover{background:var(--text-primary);color:var(--bg-primary)}.btn-text{color:var(--text-primary);border-bottom:1px solid #ffffff4d;align-items:center;padding-bottom:2px;font-weight:600;transition:border-color .3s;display:inline-flex}.btn-text:hover{border-color:var(--text-primary)}@media (max-width:900px){:root{--nav-height:70px}.container{padding:0 var(--container-padding-mobile)}.section-padding{padding:var(--section-padding-mobile)0}.grid-responsive{grid-template-columns:1fr;gap:30px}.flex-responsive-row{flex-direction:column;align-items:flex-start}.sidebar-label{width:100%;margin-bottom:20px}}@media (max-width:480px){.h1-hero{font-size:42px}.btn-primary{text-align:center;width:100%;padding:12px 28px}.hero-buttons{flex-direction:column;gap:15px;width:100%}.btn-text{justify-content:center}}
