:root{
      --bg:#0f1724;
      --card:#0b1220;
      --accent:#7dd3fc;
      --muted:#94a3b8;
      --glass: rgba(255,255,255,0.03);
      --radius:14px;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      background:linear-gradient(180deg,#071029 0%, #07162b 60%), url('') no-repeat center/cover;
      color:#e6eef8;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      line-height:1.45;
    }
    .container{max-width:1100px;margin:0 auto;padding:28px}
    header{display:flex;align-items:center;justify-content:space-between;padding:16px 0}
    .logo{display:flex;gap:12px;align-items:center}
    .logo .mark{width:56px;height:56px;border-radius:10px;background:linear-gradient(135deg,var(--accent),#60a5fa);display:flex;align-items:center;justify-content:center;font-weight:800;color:#04263a}
    h1{font-size:28px;margin:0}
    nav a{color:var(--muted);text-decoration:none;margin-left:16px;font-weight:600}
    /* Hero */
    .hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:40px 0}
    .hero-card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:28px;border-radius:var(--radius);box-shadow:0 6px 30px rgba(2,6,23,0.6)}
    .hero h2{font-size:38px;margin:0 0 8px}
    .lead{color:var(--muted);margin-bottom:18px}
    .cta{display:flex;gap:12px;flex-wrap:wrap}
    .btn{background:var(--accent);color:#04263a;padding:12px 18px;border-radius:10px;font-weight:700;border:none;cursor:pointer;text-decoration:none}
    .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--muted)}
    .meta{display:flex;gap:8px;color:var(--muted);margin-top:12px;font-size:14px}
    /* Features */
    .features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
    .card{background:var(--card);padding:18px;border-radius:12px;border:1px solid rgba(255,255,255,0.03)}
    .card h3{margin:0 0 8px;font-size:16px}
    .card p{margin:0;color:var(--muted);font-size:14px}
    /* Gallery */
    .gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}
    .thumb{height:140px;background:linear-gradient(90deg,#0b1220,#0f1a2a);display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--muted);cursor:pointer;border:1px solid rgba(255,255,255,0.02)}
    /* About */
    .about{display:grid;grid-template-columns:1fr 320px;gap:20px;margin-top:28px;align-items:start}
    .about p{color:var(--muted)}
    .contact{background:var(--glass);padding:14px;border-radius:12px;border:1px solid rgba(255,255,255,0.03)}
    footer{margin:40px 0 80px;color:var(--muted);text-align:center}
    /* Responsive */
    @media (max-width:900px){
      .hero{grid-template-columns:1fr; padding:18px 0}
      .gallery{grid-template-columns:repeat(2,1fr)}
      .features{grid-template-columns:repeat(2,1fr)}
      .about{grid-template-columns:1fr}
    }
    @media (max-width:520px){
      .gallery{grid-template-columns:1fr}
      nav{display:none}
      .logo .mark{width:44px;height:44px}
      h1{font-size:20px}
    }
      
    /* Modal for gallery */
    .modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(2,6,23,0.65);z-index:40}
    .modal.show{display:flex}
    .modal .modal-inner{max-width:90%;max-height:90%;background:#08111b;padding:12px;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,0.7)}
    .modal img{max-width:100%;max-height:80vh;display:block;border-radius:6px}
    .close{margin-top:10px;display:flex;justify-content:flex-end}
    .close button{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--muted);padding:8px 12px;border-radius:8px;cursor:pointer}
    td
    {
        text-align:center;
    }
    .thumb
    {
        width:100%;
        height:160px;
        overflow:hidden;
        border-radius:10px;
    }

    .thumb img
    {
        width:100%;
        height:100%;
        object-fit:cover;
        display:block;
    }
    table{
        border-collapse:collapse;
        margin:auto;
    }

    th, td{
        padding:6px 10px;
    }
    #space
    {
          margin:15px;
    }