:root {
   --bg:#0b1020;
   --card:#121831;
   --muted:#8aa0c8;
   --text:#e8eefc;
   --primary:#4f8cff;
   --accent:#36e6a0;
   --shadow:0 10px 30px rgba(0,0,0,.35);
   --radius:18px;
   }

   /* Reset e base */
   * { box-sizing:border-box; margin:0; padding:0; }
   html { scroll-behavior:smooth; }
   body {
   font-family:"Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
   background:radial-gradient(1200px 600px at 10% -10%, #1b2242 0%, transparent 60%),
               radial-gradient(900px 500px at 100% 0%, #0e1637 0%, transparent 55%), var(--bg);
   color:var(--text);
   line-height:1.6;
   }

   /* Estrutura */
   .container { width:min(1200px, 92vw); margin-inline:auto; }
   .row { display:flex; gap:1rem; flex-wrap:wrap; }
   .center { display:grid; place-items:center; }

   /* Links e botões */
   a { color:inherit; text-decoration:none; }
   .btn {
   display:inline-flex; align-items:center; justify-content:center;
   gap:.6rem; background:linear-gradient(135deg,var(--primary),#6ea8ff);
   color:white; padding:.9rem 1.2rem; border-radius:12px;
   border:1px solid #6ea8ff44; box-shadow:0 10px 22px #4f8cff22;
   font-weight:600; cursor:pointer;
   }
   .btn.small { padding:.65rem .9rem; border-radius:10px; font-weight:600; }

   /* Cabeçalho */
   header {
   position:sticky; top:0; z-index:50;
   backdrop-filter:saturate(140%) blur(8px);
   background:linear-gradient(180deg,#0b1020cc 0 60%,transparent);
   border-bottom:1px solid #ffffff12;
   }
   .nav { display:flex; align-items:center; justify-content:space-between; padding:1rem 0; }
   .brand { display:flex; align-items:center; gap:.8rem; font-weight:800; letter-spacing:.2px; }
   .logo {
   width:34px; height:34px; border-radius:10px;
   background:conic-gradient(from 180deg at 50% 50%, var(--primary), #7fffd4, var(--accent), var(--primary));
   box-shadow:inset 0 0 16px #00000055;
   }
   nav ul { display:flex; gap:1.2rem; list-style:none; margin:0; padding:0; }
   nav a { color:var(--muted); font-weight:500; }
   nav a:hover { color:var(--text); }
   .mobile-toggle { display:none; background:#ffffff10; border:1px solid #ffffff22; border-radius:12px; padding:.5rem; }

   /* Hero */
   .hero { padding:5rem 0 3.5rem; overflow:hidden; }
   .hero-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:2rem; align-items:center; }
   .hero h1 { font-size:clamp(2rem,4vw,3.1rem); line-height:1.1; margin:.6rem 0 1rem; text-align:left; }
   .hero p { color:var(--muted); font-size:1.08rem; text-align:justify; }

   /* Seções */
   section { padding:4.5rem 0; }
   .section-head { text-align:center; margin-bottom:2rem; }
   .section-head h2 { margin:0; font-size:clamp(1.6rem, 3vw, 2.2rem); }
   .section-head span { display:block; color:var(--muted); margin-top:.3rem; }

   /* Cartões e grids */
   .grid { display:grid; gap:1.5rem; }
   .grid.services { grid-template-columns:repeat(auto-fit, minmax(260px,1fr)); }
   .grid.portfolio { grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); }
   .card {
   background:linear-gradient(180deg,#0f1531,#0c122b);
   border:1px solid #ffffff15;
   border-radius:var(--radius);
   padding:1.5rem;
   box-shadow:var(--shadow);
   transition:all .25s ease;
   }
   .card:hover { border-color:#ffffff30; transform:translateY(-3px); }
   .card h3 { margin:.4rem 0; text-align:center; }
   .card p { color:var(--muted); text-align:justify; }

   /* Portfólio */
   .thumb {
   width:100%; aspect-ratio:16/9;
   border-radius:14px; overflow:hidden;
   border:1px solid #ffffff14;
   background:#0a0f25; position:relative;
   cursor:pointer; transition:transform .3s ease, box-shadow .3s ease;
   }
   .thumb img {
   width:100%; height:100%;
   object-fit:cover; object-position:center;
   display:block;
   }
   .thumb:hover { transform:scale(1.03); box-shadow:0 8px 25px rgba(0,0,0,0.4); }

   /* Lightbox */
   .lightbox-overlay {
   position:fixed; top:0; left:0;
   width:100%; height:100%;
   background:rgba(0,0,0,0.85);
   display:flex; align-items:center; justify-content:center;
   z-index:9999; padding:20px;
   }
   .lightbox-overlay img {
   max-width:90%; max-height:85%;
   border-radius:14px; box-shadow:0 8px 30px rgba(0,0,0,0.5);
   }

   /* Formulário */
   .input {
   width:100%; margin:.35rem 0 1rem;
   background:#0b1433; border:1px solid #ffffff1a;
   color:var(--text); padding:.85rem 1rem;
   border-radius:12px; outline:none;
   }
   .input:focus { border-color:#4f8cff99; box-shadow:0 0 0 4px #4f8cff22; }

   /* Rodapé */
   footer {
   padding:2.5rem 0;
   border-top:1px solid #ffffff12;
   color:#9db1de;
   text-align:center;
   }
   .footer-grid { display:flex; flex-direction:column; gap:1rem; align-items:center; }

   /* Responsividade */
   @media (max-width:980px) {
   .hero-grid { grid-template-columns:1fr; text-align:center; }
   .hero h1 { text-align:center; }
   .grid.services, .grid.portfolio { grid-template-columns:repeat(2,1fr); }
   }
   @media (max-width:640px) {
   nav ul {
      display:none; position:absolute; left:4%; right:4%; top:66px;
      padding:1rem; border:1px solid #ffffff1c; background:#0d1330;
      border-radius:16px; flex-direction:column;
   }
   nav ul.open { display:flex; }
   .mobile-toggle { display:inline-grid; }
   .grid.services, .grid.portfolio { grid-template-columns:1fr; }
   .card p { text-align:justify; }
   }
   @media (max-width:400px) {
   .btn { padding:.75rem 1rem; font-size:.9rem; }
   }