:root{--background:#0a0a0a;--foreground:#ededed;--primary:gold;--secondary:#ff007f;--accent:#00e5ff;--card-bg:#1a1a1a;--text-muted:#a1a1a1}body{color:var(--foreground);background:var(--background);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{cursor:pointer;border:none;border-radius:5px;padding:10px 20px;font-weight:700;transition:all .3s;display:inline-block}.btn-primary{background:var(--primary);color:#000}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffd70066}.btn-secondary{border:2px solid var(--foreground);color:var(--foreground);background:0 0}.btn-secondary:hover{background:var(--foreground);color:#000}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#0a0a0ae6;border-bottom:1px solid #333;padding:1rem 0;position:sticky;top:0}.nav-content{justify-content:space-between;align-items:center;display:flex}.logo{background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.nav-links{gap:20px;display:flex}.nav-links a:hover{color:var(--primary)}.hero{text-align:center;background:radial-gradient(circle,#2a2a2a 0%,#0a0a0a 70%);padding:80px 20px}.hero h1{background:linear-gradient(90deg,#fff,#ccc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3rem}.hero p{color:var(--text-muted);max-width:600px;margin:0 auto 2rem;font-size:1.2rem}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;padding:40px 0;display:grid}.card{background:var(--card-bg);border:1px solid #333;border-radius:10px;transition:transform .3s;overflow:hidden}.card:hover{border-color:var(--primary);transform:translateY(-5px)}.card-img-container{background:#000;width:100%;height:200px;overflow:hidden}.card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card:hover .card-img{transform:scale(1.1)}.card-img-placeholder{color:#aaa;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,#333,#444);justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.card-content{padding:20px}.card-title{color:var(--primary);margin-bottom:10px;font-size:1.2rem}.card-desc{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.footer{text-align:center;color:var(--text-muted);border-top:1px solid #333;margin-top:40px;padding:40px 0}