@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
  --bg-primary:#0a0a0f;
  --bg-secondary:#111119;
  --bg-card:#15151f;
  --bg-card-hover:#1a1a28;
  --bg-sidebar:#0c0c14;
  --purple-deep:#6c3ce0;
  --purple-main:#8b5cf6;
  --purple-light:#a78bfa;
  --purple-glow:#7c3aed;
  --purple-soft:#c4b5fd;
  --text-primary:#ededf4;
  --text-secondary:#9d9bb0;
  --text-muted:#5e5c70;
  --border:#ffffff08;
  --border-hover:rgba(139,92,246,.25);
  --sidebar-w:250px;
  --ease:cubic-bezier(.4,0,.2,1);
}

html{scroll-behavior:smooth}

body{
  font-family:'Inter',-apple-system,sans-serif;
  background:var(--bg-primary);
  color:var(--text-primary);
  min-height:100vh;
  overflow-x:hidden;
  line-height:1.6;
}

/* ========== SIDEBAR ========== */
.sidebar{
  position:fixed;left:0;top:0;
  width:var(--sidebar-w);height:100vh;
  background:var(--bg-sidebar);
  border-right:1px solid var(--border);
  display:flex;flex-direction:column;
  z-index:100;
  transition:transform .4s var(--ease);
}

.sidebar-header{
  padding:24px 20px 18px;
  border-bottom:1px solid var(--border);
}

.sidebar-logo{
  display:flex;align-items:center;gap:12px;
  text-decoration:none;cursor:pointer;
}

.sidebar-logo img{
  width:32px;height:32px;object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(139,92,246,.45));
}

.sidebar-logo-text span:first-child{
  font-family:'JetBrains Mono',monospace;
  font-size:15px;font-weight:700;
  color:var(--purple-light);letter-spacing:.5px;
  display:block;
}

.sidebar-logo-text span:last-child{
  font-size:10px;color:var(--text-muted);
  letter-spacing:2px;text-transform:uppercase;
}

/* Nav Items */
.sidebar-nav{
  flex:1;padding:14px 10px;
  display:flex;flex-direction:column;gap:2px;
  overflow-y:auto;
  scrollbar-width:thin;
  scrollbar-color:var(--purple-deep) transparent;
}

.sidebar-nav::-webkit-scrollbar{width:4px}
.sidebar-nav::-webkit-scrollbar-track{background:transparent}
.sidebar-nav::-webkit-scrollbar-thumb{background:var(--purple-deep);border-radius:10px}

.nav-item{
  display:flex;align-items:center;gap:12px;
  padding:11px 14px;border-radius:10px;
  text-decoration:none;color:var(--text-secondary);
  font-size:13.5px;font-weight:500;
  cursor:pointer;position:relative;
  transition:all .2s var(--ease);
}

.nav-item::before{
  content:'';position:absolute;left:0;top:50%;
  transform:translateY(-50%) scaleY(0);
  width:3px;height:20px;
  background:var(--purple-main);border-radius:0 3px 3px 0;
  transition:transform .25s var(--ease);
}

.nav-item:hover{color:var(--text-primary);background:rgba(139,92,246,.06)}
.nav-item:hover::before{transform:translateY(-50%) scaleY(1)}
.nav-item.active{color:var(--purple-light);background:rgba(139,92,246,.1)}
.nav-item.active::before{transform:translateY(-50%) scaleY(1)}

.nav-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;opacity:.6}
.nav-item:hover .nav-icon,.nav-item.active .nav-icon{opacity:1}

.sidebar-section-title {
  padding: 32px 14px 12px;
  font-size: 10px;
  font-weight: 800;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 2px;
  opacity: 0.8;
  position: relative;
}

.sidebar-section-title::before {
  content: '';
  position: absolute;
  top: 16px;
  left: 14px;
  right: 14px;
  height: 1px;
  background: var(--border);
}

.sidebar-footer{
  padding:14px 18px;border-top:1px solid var(--border);
}

.sidebar-status{
  display:flex;align-items:center;gap:8px;
  font-size:11px;color:var(--text-muted);
}

.status-dot{
  width:7px;height:7px;border-radius:50%;
  background:#22c55e;
  box-shadow:0 0 8px rgba(34,197,94,.4);
  animation:pulse 2s ease-in-out infinite;
}

@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}

/* ========== MAIN ========== */
.main-content{
  margin-left:var(--sidebar-w);
  min-height:100vh;
  position:relative;
}

/* ========== PAGES ========== */
.page{
  display:none;
  min-height:100vh;
  padding:48px 52px;
  animation:fadeIn .5s var(--ease);
}

.page.active{display:block}

@keyframes fadeIn{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}

/* Page Header */
.page-header{margin-bottom:48px}

.page-tag{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;font-weight:600;
  color:var(--purple-main);letter-spacing:2.5px;
  text-transform:uppercase;margin-bottom:14px;
}

.page-tag svg{width:14px;height:14px;opacity:.7}

.page-title{
  font-size:clamp(28px,3.5vw,38px);
  font-weight:800;margin-bottom:12px;
  color:var(--text-primary);
  letter-spacing:-.5px;
}

.page-desc{
  font-size:15px;color:var(--text-secondary);
  max-width:540px;line-height:1.75;
}

/* ========== GERAL PAGE ========== */
.geral-hero{
  display:flex;align-items:center;
  gap:48px;margin-bottom:56px;
  padding:40px;border-radius:20px;
  background:linear-gradient(135deg,rgba(139,92,246,.06),rgba(124,58,237,.02));
  border:1px solid var(--border);
  position:relative;overflow:hidden;
}

.geral-hero::before{
  content:'';position:absolute;
  top:-50%;right:-30%;width:500px;height:500px;
  background:radial-gradient(circle,rgba(124,58,237,.1) 0%,transparent 70%);
}

.geral-hero-text{flex:1;position:relative;z-index:1}

.geral-hero-text h2{
  font-family:'JetBrains Mono',monospace;
  font-size:clamp(32px,4vw,48px);
  font-weight:800;line-height:1.1;
  background:linear-gradient(135deg,var(--purple-soft),var(--purple-main),#6d28d9);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;margin-bottom:8px;
}

.geral-hero-text .subtitle{
  font-family:'JetBrains Mono',monospace;
  font-size:16px;color:var(--text-muted);
  letter-spacing:3px;margin-bottom:20px;
}

.geral-hero-text p{
  font-size:15px;color:var(--text-secondary);
  line-height:1.8;max-width:480px;
}

.geral-hero-crown{
  width:120px;height:120px;flex-shrink:0;
  animation:crownFloat 4s ease-in-out infinite;
  filter:drop-shadow(0 0 30px rgba(139,92,246,.35));
  position:relative;z-index:1;
}

.geral-hero-crown img{width:100%;height:100%;object-fit:contain}

@keyframes crownFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

/* About Section */
.about-grid{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
  gap:24px;margin-bottom:56px;
}
.about-card{
  background:var(--bg-card);border:1px solid var(--border);
  border-radius:16px;padding:36px;
}
.about-tag{
  color:var(--purple-light);font-family:'JetBrains Mono',monospace;
  font-size:13px;margin-bottom:12px;letter-spacing:1px;
}
.about-title{
  font-size:20px;font-weight:700;margin-bottom:16px;color:var(--text-primary);
}
.about-desc{
  font-size:14.5px;color:var(--text-secondary);line-height:1.75;margin-bottom:16px;
}
.about-desc:last-child{margin-bottom:0;}

.features-header{margin-bottom:24px;}
.features-header h3{font-size:24px;font-weight:800;color:var(--text-primary);}

.features-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(310px,1fr));
  gap:20px;
}

.feature-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:14px;padding:28px;
  transition:all .35s var(--ease);
  position:relative;overflow:hidden;
}

.feature-card::after{
  content:'';position:absolute;
  top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--purple-main),transparent);
  opacity:0;transition:opacity .35s;
}

.feature-card:hover{
  border-color:var(--border-hover);
  transform:translateY(-3px);
  box-shadow:0 10px 35px rgba(139,92,246,.08);
}

.feature-card:hover::after{opacity:1}

.feature-icon{
  width:44px;height:44px;border-radius:10px;
  background:rgba(139,92,246,.08);
  display:flex;align-items:center;justify-content:center;
  margin-bottom:18px;color:var(--purple-light);
}

.feature-icon svg{width:20px;height:20px}

.feature-card h3{
  font-size:16px;font-weight:700;
  margin-bottom:8px;color:var(--text-primary);
}

.feature-card p{
  font-size:13.5px;color:var(--text-secondary);line-height:1.7;
}

/* ========== AMBIENTES PAGE ========== */
.env-grid{
  display:flex;flex-direction:column;gap:40px;
}

.env-item{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:36px;align-items:center;
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:18px;padding:32px;
  transition:all .4s var(--ease);
}

.env-item:hover{
  border-color:var(--border-hover);
  box-shadow:0 12px 40px rgba(139,92,246,.08);
}

.env-item:nth-child(even){
  grid-template-columns:1fr 1.2fr;
}

.env-item:nth-child(even) .env-screenshot{order:2}
.env-item:nth-child(even) .env-info{order:1}

.env-screenshot{
  border-radius:12px;overflow:hidden;
  border:1px solid var(--border);
  background:#0a0a0e;
  transition:transform .4s var(--ease);
}

.env-item:hover .env-screenshot{transform:scale(1.02)}

.env-topbar{
  display:flex;align-items:center;gap:7px;
  padding:10px 14px;
  background:rgba(139,92,246,.04);
  border-bottom:1px solid var(--border);
}

.env-dot{width:9px;height:9px;border-radius:50%}
.env-dot:nth-child(1){background:#ef4444}
.env-dot:nth-child(2){background:#eab308}
.env-dot:nth-child(3){background:#22c55e}

.env-screenshot img{width:100%;display:block}

.env-info h3{
  font-size:22px;font-weight:700;
  margin-bottom:10px;color:var(--text-primary);
}

.env-info p{
  font-size:14px;color:var(--text-secondary);
  line-height:1.8;margin-bottom:16px;
}

.env-tags{display:flex;gap:8px;flex-wrap:wrap}

.env-tag{
  padding:5px 12px;border-radius:7px;
  background:rgba(139,92,246,.08);
  border:1px solid rgba(139,92,246,.15);
  font-size:11.5px;font-weight:600;
  color:var(--purple-light);
}

/* ========== EQUIPE PAGE ========== */
.team-showcase{
  display:flex;flex-direction:column;gap:80px;
  padding: 40px 0;
}

.team-showcase-item{
  display:flex;gap:64px;align-items:flex-start;
}

.team-showcase-item.reverse{
  flex-direction:row-reverse;
}

.showcase-visuals{
  flex-shrink:0;width:320px;
  display:flex;flex-direction:column;gap:32px;
  position:sticky;top:64px;
}

.showcase-avatar{
  position:relative;
  width:320px;height:320px;
  border-radius:50%;
  display:flex;justify-content:center;align-items:center;
}

.showcase-avatar img{
  width:100%;height:100%;
  object-fit:cover;border-radius:50%;
  z-index:2;position:relative;
}

.showcase-avatar img.logo-img{
  object-fit:contain;
  border-radius:50%;
  padding:32px;
  background-color:#050505;
  box-sizing:border-box;
  transform:none;
}

.avatar-letter{
  width:100%;height:100%;border-radius:50%;
  background:linear-gradient(135deg,var(--purple-deep),var(--purple-main));
  display:flex;align-items:center;justify-content:center;
  font-size:120px;font-weight:800;color:white;
  z-index:2;position:relative;
}

.avatar-ring{
  position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--purple-main),transparent);
  z-index:1;opacity:0.5;filter:blur(20px);
}

.showcase-socials{
  display:flex;gap:12px;flex-wrap:wrap;justify-content:center;
}

.social-pill{
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;border-radius:30px;
  background:rgba(139,92,246,.08);
  border:1px solid rgba(139,92,246,.2);
  color:var(--text-primary);font-size:13.5px;font-weight:600;
  text-decoration:none;transition:all .3s ease;
}

.social-pill:hover{
  background:var(--purple-main);border-color:var(--purple-main);
  color:#fff;transform:translateY(-2px);
  box-shadow:0 8px 20px rgba(139,92,246,.3);
}

.showcase-content{
  flex:1;
}

.showcase-header{
  margin-bottom:32px;
}

.showcase-role{
  font-family:'JetBrains Mono',monospace;
  font-size:13px;color:var(--purple-light);
  letter-spacing:1px;margin-bottom:12px;
}

.showcase-header h2{
  font-size:48px;font-weight:800;color:var(--text-primary);
  line-height:1.1;
}

.showcase-text p{
  font-size:16px;color:var(--text-secondary);
  line-height:1.8;margin-bottom:24px;
}

.showcase-text .showcase-lead{
  font-size:22px;color:var(--text-primary);
  line-height:1.5;font-weight:500;
}

.showcase-quote{
  margin:40px 0;padding:32px;
  background:rgba(139,92,246,.05);
  border-left:4px solid var(--purple-main);
  border-radius:0 16px 16px 0;
  position:relative;
}

.showcase-quote svg{
  width:40px;height:40px;color:var(--purple-main);
  opacity:0.2;position:absolute;top:20px;left:20px;
}

.showcase-quote p{
  font-size:18px;color:var(--purple-light);font-style:italic;
  line-height:1.7;margin:0;position:relative;z-index:2;
}

.showcase-divider{
  border:none;height:1px;
  background:linear-gradient(90deg,transparent,var(--border),transparent);
  margin:20px 0;
}

/* ========== DOCUMENTAÇÃO PAGE ========== */
.docs-nav-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  margin-top: 40px;
}

.doc-nav-btn {
  background: var(--bg-card);
  border: 1px solid var(--border);
  color: var(--text-primary);
  padding: 24px 40px;
  border-radius: 18px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.4s var(--ease);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  min-width: 200px;
  position: relative;
  overflow: hidden;
  text-decoration: none;
}

.doc-nav-btn svg {
  color: var(--purple-light);
  transition: transform 0.4s var(--ease);
}

.doc-nav-btn:hover {
  background: rgba(139, 92, 246, 0.05);
  border-color: var(--purple-main);
  transform: translateY(-5px);
  box-shadow: 0 15px 40px rgba(139, 92, 246, 0.15);
}

.doc-nav-btn:hover svg {
  transform: scale(1.2);
  color: var(--purple-main);
}

.doc-nav-btn::after {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: radial-gradient(circle at center, rgba(139, 92, 246, 0.1) 0%, transparent 70%);
  opacity: 0;
  transition: opacity 0.4s;
}

.doc-nav-btn:hover::after {
  opacity: 1;
}

/* ========== DOCUMENTAÇÃO SHOWCASE HERO ========== */
.docs-showcase-hero {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-top: 60px;
  background: rgba(139, 92, 246, 0.03);
  border: 1px solid var(--border);
  border-radius: 24px;
  padding: 40px;
  overflow: hidden;
  position: relative;
}

.hero-visual {
  flex: 1;
  display: flex;
  justify-content: center;
  position: relative;
}

.floating-core {
  width: 320px;
  height: auto;
  filter: drop-shadow(0 0 30px rgba(139, 92, 246, 0.4));
  animation: floatCore 6s ease-in-out infinite;
  z-index: 2;
}

.visual-glow {
  position: absolute;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.15) 0%, transparent 70%);
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(40px);
}

.hero-terminal {
  flex: 1;
  background: #09090d;
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.5);
  font-family: 'JetBrains Mono', monospace;
}

.terminal-header {
  padding: 12px 20px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid var(--border);
  display: flex;
  align-items: center;
  gap: 15px;
}

.terminal-dots {
  display: flex;
  gap: 6px;
}

.terminal-dots span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.terminal-dots span:nth-child(1) { background: #ff5f56; }
.terminal-dots span:nth-child(2) { background: #ffbd2e; }
.terminal-dots span:nth-child(3) { background: #27c93f; }

.terminal-title {
  font-size: 11px;
  color: var(--text-secondary);
  text-transform: lowercase;
  letter-spacing: 0.5px;
}

.terminal-content {
  padding: 24px;
}

.term-line {
  font-size: 14px;
  margin-bottom: 8px;
  line-height: 1.5;
}

.term-prompt { color: var(--purple-light); font-weight: 800; }
.term-cmd { color: #fff; }
.term-output { color: var(--text-secondary); }
.term-success { color: #27c93f; }

.term-cursor {
  display: inline-block;
  width: 8px;
  height: 16px;
  background: var(--purple-main);
  animation: blink 1s step-end infinite;
}

@keyframes floatCore {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  50% { transform: translateY(-20px) rotate(2deg); }
}

@keyframes blink {
  50% { opacity: 0; }
}

@media (max-width: 1000px) {
  .docs-showcase-hero {
    flex-direction: column;
    padding: 30px;
  }
  .floating-core {
    width: 240px;
  }
}

/* ========== LIZ AI PAGE ========== */
.lizai-showcase{
  display:grid;grid-template-columns:1fr 1fr;
  gap:32px;margin-bottom:48px;
}

.lizai-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:16px;padding:28px;
  transition:all .35s var(--ease);
}

.lizai-card:hover{
  border-color:var(--border-hover);
  box-shadow:0 10px 35px rgba(139,92,246,.08);
}

.lizai-card h3{
  font-size:17px;font-weight:700;
  margin-bottom:10px;color:var(--text-primary);
  display:flex;align-items:center;gap:10px;
}

.lizai-card h3 svg{width:18px;height:18px;color:var(--purple-light)}

.lizai-card p{
  font-size:13.5px;color:var(--text-secondary);line-height:1.75;
}

.lizai-terminal{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:16px;overflow:hidden;
  margin-bottom:48px;
}

.terminal-bar{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 18px;
  background:rgba(139,92,246,.04);
  border-bottom:1px solid var(--border);
}

.terminal-dots{display:flex;gap:7px}

.terminal-label{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;color:var(--text-muted);
}

.terminal-body{padding:0}
.terminal-body img{width:100%;display:block}

.lizai-stats{
  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;
}

.stat-box{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:14px;padding:28px;
  text-align:center;
  transition:all .35s var(--ease);
}

.stat-box:hover{
  border-color:var(--border-hover);
  transform:translateY(-2px);
}

.stat-num{
  font-family:'JetBrains Mono',monospace;
  font-size:34px;font-weight:800;
  background:linear-gradient(135deg,var(--purple-soft),var(--purple-main));
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;
  background-clip:text;
}

.stat-label{
  font-size:12.5px;color:var(--text-secondary);margin-top:6px;
}

/* ========== MOBILE ========== */
.mobile-toggle{
  display:none;position:fixed;top:14px;left:14px;z-index:200;
  width:42px;height:42px;border-radius:10px;
  background:var(--bg-card);border:1px solid var(--border);
  cursor:pointer;align-items:center;justify-content:center;
  flex-direction:column;gap:5px;
}

.mobile-toggle span{
  display:block;width:18px;height:2px;
  background:var(--text-primary);border-radius:2px;
  transition:all .3s;
}

.overlay{
  display:none;position:fixed;inset:0;
  background:rgba(0,0,0,.6);z-index:90;
}

.overlay.active{display:block}

/* Scrollbar */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg-primary)}
::-webkit-scrollbar-thumb{background:var(--purple-deep);border-radius:3px}

@media(max-width:900px){
  .mobile-toggle{display:flex}
  .sidebar{transform:translateX(-100%)}
  .sidebar.open{transform:translateX(0)}
  .main-content{margin-left:0}
  .page{padding:36px 20px}
  .geral-hero{flex-direction:column;gap:24px;padding:28px}
  .env-item,.env-item:nth-child(even){grid-template-columns:1fr}
  .env-item:nth-child(even) .env-screenshot{order:0}
  .env-item:nth-child(even) .env-info{order:0}
  .team-showcase-item, .team-showcase-item.reverse{flex-direction:column;align-items:center;text-align:center;gap:40px;}
  .showcase-visuals{width:100%;max-width:280px;position:static;}
  .showcase-avatar{width:280px;height:280px;}
  .showcase-header h2{font-size:36px;}
  .showcase-quote{border-left:none;border-top:4px solid var(--purple-main);border-radius:0 0 16px 16px;padding:24px 20px;}
  .lizai-showcase{grid-template-columns:1fr}
  .lizai-stats{grid-template-columns:1fr}
}

/* ========== LIZ STYLE HERO ========== */
.liz-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 80vh;
  padding: 60px 40px;
  position: relative;
  overflow: hidden;
  background-image:
    linear-gradient(rgba(139,92,246,0.15) 1px, transparent 1px),
    linear-gradient(90deg, rgba(139,92,246,0.15) 1px, transparent 1px);
  background-size: 48px 48px;
}

/* Fade nas bordas para a grade sumir suavemente */
.liz-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 60% at 50% 50%, transparent 20%, var(--bg-primary) 80%);
  pointer-events: none;
}

.liz-hero h1 {
  font-size: clamp(28px, 5vw, 52px);
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  max-width: 850px;
  margin-bottom: 28px;
  position: relative;
  z-index: 2;
}

.liz-hero .hero-desc {
  font-size: 18px;
  color: rgba(255,255,255,0.7);
  max-width: 650px;
  line-height: 1.7;
  margin-bottom: 44px;
  position: relative;
  z-index: 2;
}

.btn-liz-primary {
  background: var(--purple-main);
  color: #000;
  padding: 16px 48px;
  border-radius: 12px;
  font-weight: 800;
  text-decoration: none;
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 12px;
  transition: all 0.3s var(--ease);
  box-shadow: 0 0 40px rgba(139, 92, 246, 0.4);
  position: relative;
  z-index: 2;
}

.btn-liz-primary:hover {
  transform: translateY(-5px) scale(1.03);
  background: var(--purple-light);
  box-shadow: 0 0 50px rgba(139, 92, 246, 0.6);
}

@media (max-width: 768px) {
  .liz-hero { padding: 40px 20px; }
  .liz-hero h1 { font-size: 28px; }
}