:root{--bg-color:#121212;--surface-color:#1e1e1e;--text-color:#f5f5f5;--primary-color:#d4af37;--secondary-color:#2c2c2c;--border-radius:4px;--spacing:16px}*{box-sizing:border-box;margin:0;padding:0;font-family:Helvetica Neue,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);line-height:1.6}.container{max-width:1000px;padding:var(--spacing);margin:0 auto}.home-wrapper{flex-direction:column;min-height:100vh;display:flex}.navbar{background-color:var(--surface-color);border-bottom:2px solid var(--primary-color);z-index:1000;padding:20px 0;position:relative}.nav-content{justify-content:space-between;align-items:center;display:flex}.nav-links{gap:20px;display:flex}.nav-links a{color:var(--text-color);font-weight:500;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.nav-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.brand-text{flex-direction:column;justify-content:center;line-height:1.2;display:flex}.brand-title{color:var(--primary-color);letter-spacing:.5px;font-size:1.15rem;font-weight:800}.brand-slogan{color:#888;letter-spacing:.3px;margin-top:2px;font-size:.72rem;font-weight:400}.nav-logo-img{object-fit:contain;width:auto;height:42px}.mobile-toggle{color:var(--text-color);cursor:pointer;background:0 0;border:none;padding:0 5px;font-size:1.8rem;line-height:1;display:none}.hero{background:linear-gradient(#000000bf,#000000bf),url(https://images.unsplash.com/photo-1585747860715-2ba37e788b70?ixlib=rb-4.0.3&auto=format&fit=crop&w=2074&q=80) 50%/cover no-repeat;justify-content:center;align-items:center;height:auto;min-height:75vh;padding:60px 20px;display:flex}.hero-content{text-align:center;width:100%;max-width:850px;margin:0 auto}.hero h1{color:#fff;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}.hero h1 span{color:var(--primary-color)}.hero p{color:#e0e0e0;max-width:680px;margin:0 auto 35px;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.hero-actions .btn{padding:12px 28px;font-size:.95rem}.btn{background-color:var(--primary-color);color:#000;border-radius:var(--border-radius);cursor:pointer;border:none;padding:12px 24px;font-weight:700;text-decoration:none;transition:all .3s}.btn:hover{background-color:#b5952f}.btn-outline{color:var(--primary-color);border:2px solid var(--primary-color);background-color:#0000}.btn-outline:hover,.btn-active{background-color:var(--primary-color);color:#000}.card{background-color:var(--surface-color);border-radius:var(--border-radius);margin-bottom:20px;padding:30px}.features-section{flex:1;padding:60px 0}.section-title{text-align:center;margin-bottom:40px}.section-title h2{color:var(--primary-color);margin-bottom:8px;font-size:clamp(1.6rem,3vw,2.2rem)}.section-title p{color:#888;font-size:.95rem}.grid{grid-template-columns:1fr;gap:20px;display:grid}.feature-card{text-align:center;border:1px solid #ffffff0d;padding:30px}.feature-card h3{color:var(--text-color);margin-bottom:12px;font-size:1.25rem}.feature-card p{color:#aaa;font-size:.95rem;line-height:1.5}.footer{background-color:var(--surface-color);text-align:center;border-top:1px solid #ffffff1a;padding:40px 0 20px}.footer h3{color:var(--primary-color);margin-bottom:8px}.footer-sub{color:#888;margin-bottom:20px;font-size:.9rem}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:25px;display:flex}.footer-links a{color:var(--text-color);font-size:.9rem;text-decoration:none}.footer-links a:hover{color:var(--primary-color)}.footer-divider{border:none;border-top:1px solid #ffffff1a;margin:20px 0}.footer-bottom{color:#777;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;display:flex}.admin-link{color:#666;text-decoration:none}.admin-link:hover{color:var(--primary-color)}@media (width<=768px){.navbar{padding:15px 0}.mobile-toggle{display:block}.nav-links{background-color:var(--surface-color);border-bottom:2px solid var(--primary-color);flex-direction:column;gap:16px;padding:20px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 20px #00000080}.nav-links.open{display:flex}.nav-links a{font-size:1.1rem}}@media (width<=400px){.brand-title{font-size:1rem}.brand-slogan{font-size:.65rem}}@media (width>=768px){.grid{grid-template-columns:1fr 1fr}}@media (width>=900px){.grid{grid-template-columns:repeat(3,1fr)}}