@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=League+Gothic&display=swap";:root{--bg-color:#000;--text-color:#dedede;--accent-color:#fcb075;--font-title:"Bebas Neue", cursive;--font-body:"League Gothic", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.2;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);color:var(--accent-color);text-transform:uppercase;letter-spacing:2px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-strong{text-transform:uppercase;font-weight:700}.text-accent{color:var(--accent-color)}.toolbar{z-index:100;align-items:center;gap:20px;display:flex;position:fixed;top:20px;left:20px}.toolbar-brand{margin-right:10px}.brand-logo{object-fit:contain;width:40px;height:40px;transition:transform .3s}.brand-logo:hover{transform:scale(1.1)}.toolbar-item{color:var(--text-color);opacity:.6;align-items:center;gap:10px;text-decoration:none;transition:all .3s;display:flex}.toolbar-item:hover{opacity:1;color:var(--accent-color)}.toolbar-item svg{fill:currentColor;width:20px;height:20px}.toolbar-item.btn-link{font-family:var(--font-title);text-transform:uppercase;letter-spacing:1px;font-size:1.1rem}@media (width<=768px){.toolbar{gap:15px;top:10px;left:10px}.toolbar-item span{display:none}}section{padding:80px 0}.hero{text-align:center;background:radial-gradient(circle,#111 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.hero h1{margin-bottom:20px;font-size:clamp(6rem,25vw,16rem);line-height:.8}.hero p{opacity:.9;letter-spacing:5px;margin-bottom:60px;font-size:clamp(2rem,8vw,4rem)}.btn-group{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn{font-family:var(--font-title);text-transform:uppercase;border:2px solid var(--accent-color);color:var(--accent-color);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:12px;padding:18px 36px;font-size:1.5rem;text-decoration:none;transition:all .3s;display:inline-flex}.btn:hover{background:var(--accent-color);color:var(--bg-color);box-shadow:0 0 20px #fcb07566}.btn.primary{background:var(--accent-color);color:var(--bg-color)}.btn.primary:hover{color:var(--accent-color);background:0 0}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px;display:grid}.feature-card{background:var(--bg-color);border:1px solid #dedede1a;padding:40px;transition:transform .3s,border-color .3s}.feature-card:hover{border-color:var(--accent-color);transform:translateY(-5px)}.feature-card i{color:var(--accent-color);margin-bottom:20px;font-size:3rem;display:block}.feature-card h3{margin-bottom:15px;font-size:2.5rem}.feature-card p{opacity:.7;font-size:1.4rem}.modal-overlay{opacity:0;visibility:hidden;z-index:1000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:fixed;top:0;left:0}.modal-overlay.active{opacity:1;visibility:visible}.modal{background:var(--bg-color);border:2px solid var(--accent-color);text-align:center;max-width:500px;padding:60px}.modal h2{margin-bottom:20px;font-size:4rem}.modal p{margin-bottom:30px;font-size:1.8rem}svg{fill:currentColor;width:24px;height:24px}@media (width<=768px){.hero h1{line-height:.85}.hero p{letter-spacing:2px}.btn{justify-content:center;width:100%}}