*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6;color:#333;background-color:#000;overflow-x:hidden}:root{--primary-color: #000;--secondary-color: #fff;--accent-color: #ff6b6b;--text-color: #fff;--bg-color: #000;--section-padding: 4rem 0;--container-width: 1200px;--border-radius: 8px;--transition: all .3s ease}.container{max-width:var(--container-width);margin:0 auto;padding:0 2rem}h1,h2,h3,h4,h5,h6{font-weight:300;line-height:1.2;margin-bottom:1rem;color:var(--text-color);letter-spacing:.05em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:200;letter-spacing:.08em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:200;letter-spacing:.06em}h3{font-size:clamp(1.5rem,3vw,2rem);font-weight:300;letter-spacing:.05em}p{margin-bottom:1rem;font-size:1.1rem;color:#ccc;font-weight:300;letter-spacing:.025em;line-height:1.6}a{color:var(--accent-color);text-decoration:none;transition:var(--transition)}a:hover{color:#ff5252}.btn{display:inline-block;padding:12px 24px;background-color:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius);font-weight:300;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;transition:var(--transition);font-size:.9rem}.btn:hover{background-color:#ff5252;transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b4d}.btn-outline{background-color:transparent;color:var(--accent-color);border:2px solid var(--accent-color)}.btn-outline:hover{background-color:var(--accent-color);color:#fff}section{padding:var(--section-padding)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .6s ease forwards}nav{position:fixed;top:0;width:100%;background-color:#000000f2;backdrop-filter:blur(10px);z-index:1000;padding:1rem 0;transition:var(--transition)}nav.scrolled{background-color:#000000fa;box-shadow:0 2px 20px #0000004d}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:200;color:var(--text-color);letter-spacing:.08em;text-transform:uppercase;display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.logo a{color:var(--text-color);text-decoration:none;display:flex;flex-direction:column;align-items:flex-start}.logo-main{font-size:1.5rem;font-weight:200;letter-spacing:.08em;margin-bottom:.2rem}.logo-subtitle{font-size:.7rem;font-weight:300;letter-spacing:.4em;color:#fffc;text-transform:uppercase}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-color);font-weight:300;transition:var(--transition);position:relative;letter-spacing:.04em;text-transform:uppercase;font-size:.9rem}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background-color:var(--accent-color);transition:var(--transition)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.hamburger{display:none;flex-direction:column;cursor:pointer}.hamburger span{width:25px;height:3px;background-color:var(--text-color);margin:3px 0;transition:var(--transition)}@media (max-width: 768px){.logo-main{font-size:1.3rem;letter-spacing:.06em}.logo-subtitle{font-size:.6rem;letter-spacing:.2em}.nav-links{display:none;position:fixed;top:70px;left:0;width:100%;background-color:#000000f2;backdrop-filter:blur(10px);flex-direction:column;padding:2rem 0;gap:0;z-index:999;box-shadow:0 4px 20px #0000004d}.nav-links.active{display:flex}.nav-links li{margin:0;padding:0}.nav-links a{display:block;padding:1rem 2rem;font-size:1.1rem;border-bottom:1px solid rgba(255,255,255,.1)}.nav-links a:hover{background-color:#ff6b6b1a}.hamburger{display:flex;z-index:1000}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.container{padding:0 1rem}}.grid{display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}footer{background-color:#111;padding:2rem 0}.footer-content{text-align:center;color:#ccc}.text-center{text-align:center}.mb-2{margin-bottom:2rem}.mt-2{margin-top:2rem}.hidden{display:none}
