/* Color palette */
:root{
  --bg:#0b0b0b;
  --primary:#C01224;
  --primary-dark:#C01224_DARK;
  --surface:#2B2B2B;
  --text:#E6E6E6;
  --muted:#B9B9B9;
  --white:#FFFFFF;
}
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;background:var(--bg);color:var(--text);font-family:'Poppins',Arial,sans-serif}
a{color:inherit;text-decoration:none}
.container{display:flex;height:100vh;width:100%;overflow:hidden}
.side{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;cursor:pointer;transition:all .6s ease;text-align:center;letter-spacing:.5px;overflow:hidden}
.left{background:linear-gradient(135deg,#151515, var(--primary-dark))}
.right{background:linear-gradient(135deg,#1f1f1f,#7a1a3a)}
.side:hover{flex:1.25;filter:brightness(1.2);transform:scale(1.02);z-index:2}
.side::after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center, rgba(255,255,255,.12), transparent 70%);transform:scale(0);opacity:0;transition:all .5s ease}
.side:hover::after{transform:scale(1);opacity:1}
.separator{width:2px;background:rgba(255,255,255,.15);z-index:1;transition:all .3s ease}
.container:hover .separator{background:rgba(255,255,255,.07)}
.content{z-index:2;transition:transform .4s ease, opacity .4s ease;padding:0 20px}
.side:hover .content{transform:translateY(-5px);opacity:.95}
.icon{font-size:4rem;margin-bottom:1rem;color:var(--primary)}
.title{font-weight:700;font-size:1.9rem}
.subtitle{opacity:.85;margin-top:.35rem;font-size:.95rem}
@keyframes fadeIn{from{opacity:0;transform:scale(.96)} to{opacity:1;transform:scale(1)}}
.side{animation:fadeIn 1s ease forwards}
/* Topbar */
.topbar{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:14px 22px;background:rgba(10,10,10,.8);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.06);z-index:10}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.5px}
.logo img{height:78px;width:auto}
.nav a{margin-left:16px;opacity:.85}
.nav a:hover,.nav a.active{opacity:1;color:var(--primary)}
/* Hero */
.hero{display:flex;align-items:center;justify-content:center;min-height:52vh;text-align:center;background:radial-gradient(900px 360px at center, rgba(255,255,255,.05), transparent 60%)}
.hero--prod{background:linear-gradient(135deg,#151515,var(--primary-dark))}
.hero--social{background:linear-gradient(135deg,#1f1f1f,#7a1a3a)}
.hero__inner{padding:40px 20px}
.hero h1{font-size:2.2rem;margin-bottom:10px}
.hero p{opacity:.9}
/* Sections */
.section{padding:50px 22px;max-width:1100px;margin:0 auto}
.section h2{font-size:1.6rem;margin-bottom:16px}
.grid{display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.card,.price{background:#141414;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:18px}
.price.featured{border-color:var(--primary);box-shadow:0 0 0 2px rgba(192,18,36,.25) inset}
.work img{display:block;width:100%;height:auto;border-radius:12px}
/* Buttons */
.btn{display:inline-block;margin-top:10px;background:var(--primary);color:var(--white);border:none;border-radius:999px;padding:10px 18px;transition:transform .15s ease, opacity .15s ease}
.btn:hover{transform:translateY(-1px);opacity:.95}
/* Forms */
.form{max-width:680px;margin:0 auto}
.form-row{display:flex;flex-direction:column;margin-bottom:14px}
label{margin-bottom:6px;opacity:.85}
input,textarea{background:#0f0f0f;border:1px solid rgba(255,255,255,.12);color:var(--text);border-radius:8px;padding:10px 12px;outline:none}
input:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(192,18,36,.15)}
.footer{padding:20px;text-align:center;opacity:.75;border-top:1px solid rgba(255,255,255,.06);margin-top:40px}
/* Mobile */
@media(max-width:900px){.grid,.grid--3{grid-template-columns:1fr}.hero h1{font-size:1.6rem}}
@media(max-width:768px){html,body{overflow:auto}.container{flex-direction:column;height:auto;min-height:100vh}.separator{height:2px;width:100%}.icon{font-size:3rem}}