:root {
      --bg:#000;
      --panel:#0b0b0b;
      --text:#e9eef2;
      --muted:#bfc6cc;
      --accent:#ffffff;
      --max:1200px;
      --radius:14px;
    }
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui;-webkit-font-smoothing:antialiased}
    h1,h2,h3{font-family:'Playfair Display',serif;margin:0}
    a{color:inherit;text-decoration:none}
    img{max-width:100%;display:block}

    /* Layout */
    .container{max-width:var(--max);margin:auto;padding:0 24px}
    section{padding:120px 0}

    /* Header */
    header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.08)}
    .nav{display:flex;justify-content:space-between;align-items:center;padding:18px 0}
    .nav a{margin-left:28px;font-size:14px;color:var(--muted)}
    .nav a:hover{color:var(--accent)}
    .logo{display:flex;align-items:center;gap:12px;font-weight:600}

    /* Hero */
    .hero{position:relative;height:100vh;display:flex;align-items:center;overflow: hidden;}
    .hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.45;position: absolute; top: 50%; left: 50%; width: 130vw; height: 130vh; transform: translate(-50%, -50%);}
    .overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.2),rgba(0,0,0,.85))}
    .hero-content{position:relative;z-index:2;text-align:center}
    .hero h1{font-size:clamp(2.8rem,5vw,4.2rem)}
    .hero p{max-width:720px;margin:24px auto;color:var(--muted);font-size:18px}
    .cta{margin-top:40px;display:flex;justify-content:center;gap:18px}
    .btn{padding:14px 28px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.3)}
    .btn.primary{background:white;color:black;border:none}

    /* Services */
    .grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin-top:60px}
    .card{padding:32px;background:linear-gradient(180deg,#0d0d0d,#050505);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius)}
    .card h3{margin-bottom:10px}

    /* Portfolio */
    .portfolio{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:60px}
    .work{position:relative;border-radius:var(--radius);overflow:hidden}
    .work img{height:260px;object-fit:cover;opacity:.75}
    .work span{position:absolute;bottom:18px;left:18px;font-family:'Playfair Display'}

    /* About */
    .about{display:grid;grid-template-columns:1fr 1fr;gap:80px}
    .founder{margin-bottom:24px}

    /* Contact */
    .contact{display:grid;grid-template-columns:1.3fr .7fr;gap:60px}
    input,textarea{width:100%;padding:14px;background:#0b0b0b;border:1px solid rgba(255,255,255,.1);color:white;border-radius:10px;margin-bottom:14px}

    footer{padding:40px 0;border-top:1px solid rgba(255,255,255,.08);text-align:center;color:var(--muted)}

    @media(max-width:900px){
      .about,.contact{grid-template-columns:1fr}
    }