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

:root{
  /* SISTEMA GLOBAL RESPONSIVO */
  --font-base: clamp(14px, 1.2vw + 0.5rem, 16px);
  --font-h1: clamp(32px, 8vw, 84px);
  --font-h2: clamp(28px, 5vw, 48px);
  --font-p: clamp(12px, 2.5vw, 18px);
  --font-small: clamp(10px, 2vw, 13px);
  --btn-padding-x: clamp(16px, 4vw, 28px);
  --container-px: clamp(20px, 5vw, 40px);
}

html{font-size:var(--font-base); overflow-x:hidden}

*{font-family:'Inter',system-ui,sans-serif}

p.text-white\/55 {
    color: rgb(255, 255, 255) !important;
}

span.text-white\/85 {
    color: rgb(152, 108, 255) !important;
    font-weight:bolder !important;
}
span.text-white\/855 {
    color: rgb(6, 182, 212) !important;
    font-weight:bolder !important;
}

div.mono.mt-3{
    padding-left: 36px;
}

div.mono.mt-4{
    padding-left: 26.5px;
}
#contato{
    margin-top: 40px;
    margin-bottom: -30px;
}
.mono{font-family:'JetBrains Mono',monospace}
.grid-bg{background-image:linear-gradient(rgba(255,255,255,0.02) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.02) 1px, transparent 1px);background-size:32px 32px}
.reveal{opacity:0;transform:translateY(18px);transition:all 0.7s cubic-bezier(0.16,1,0.3,1)}
.reveal.in-view{opacity:1;transform:translateY(0)}
.shine-btn{position:relative;overflow:hidden;isolation:isolate}
.shine-btn::after{content:'';position:absolute;inset:0;background:linear-gradient(100deg, transparent 20%, rgba(255,255,255,0.18) 50%, transparent 80%);transform:translateX(-110%);transition:transform 0.7s ease;z-index:1;pointer-events:none}
.shine-btn:hover::after{transform:translateX(110%)}
.glow-purple{background:radial-gradient(600px 600px at 10% 15%, rgba(139,92,246,0.15), transparent 70%)}
.glow-cyan{background:radial-gradient(700px 700px at 90% 85%, rgba(6,182,214,0.12), transparent 70%)}