:root{
/* Shadows */
--shadow-btn-glow:0 6px 18px rgba(88,44,224,0.45); /* primary button */
--shadow-btn-inset:inset 0 1px 1px rgba(255,255,255,0.35);
--shadow-capsule:0 10px 26px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.08);
--shadow-card:0 26px 60px rgba(0,0,0,0.45);
--shadow-menu:0 24px 60px rgba(0,0,0,0.55);
--shadow-modal:0 40px 120px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.1);
--shadow-pill-neon:0 0 30px rgba(123,120,255,0.4);
--shadow-phone:0 40px 100px rgba(0,0,0,0.55);
--shadow-case-hover:inset 0 1px 0 rgba(255,255,255,0.1), 0 24px 60px rgba(70,20,160,0.25);
/* Blur */
--blur-glass:blur(10px);/* @kind other */
--blur-glass-strong:blur(18px);/* @kind other */
--blur-modal:blur(30px) saturate(1.25);/* @kind other */
/* Signature gradients (backgrounds, use as background: var(...)) */
--grad-btn-primary:linear-gradient(180deg,#8b5cf6,#6d28d9);/* @kind color */
--grad-btn-borda:linear-gradient(180deg,rgba(255,255,255,0.5),rgba(255,255,255,0.05) 55%);/* @kind color */
--grad-capsule:linear-gradient(180deg,rgba(30,30,36,0.4),rgba(12,12,14,0.45));/* @kind color */
--grad-capsule-borda:linear-gradient(180deg,rgba(255,255,255,0.2),rgba(255,255,255,0.03) 45%,rgba(255,255,255,0.1));/* @kind color */
--grad-prompt-hero:linear-gradient(90deg,#CF75FF 0%,#A1D8FF 50%,#E95BFF 100%);/* @kind color */
--grad-prompt-padrao:linear-gradient(100deg,#CF75FF 0%,#FF9D5C 30%,#A1D8FF 70%,#7B9BFF 100%);/* @kind color */
--grad-text-destaque:linear-gradient(100deg,#ffffff 8%,#c4a4ff 55%,#8b5cf6 100%);/* @kind color */ /* clip to text */
--grad-glass-card:linear-gradient(rgba(13,9,22,0.62),rgba(9,6,16,0.58));/* @kind color */
--grad-glass-card-borda:linear-gradient(140deg,rgba(255,255,255,0.24),rgba(255,255,255,0.05) 36%,rgba(255,255,255,0.04) 68%,rgba(255,255,255,0.2));/* @kind color */
--grad-conic-pill:conic-gradient(from 0deg,#ff9d5c,#b44df7,#4f8df9,#CF75FF,#ff9d5c);/* @kind color */
/* Motion */
--ease-hero:cubic-bezier(0.16,1,0.3,1);/* @kind other */
--ease-suave:cubic-bezier(0.22,1,0.36,1);/* @kind other */
--dur-hover:0.25s;/* @kind other */
--dur-reveal:1.1s;/* @kind other */
}
@keyframes floatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes blinkCursor{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes modalIn{from{opacity:0;transform:scale(0.96)}to{opacity:1;transform:scale(1)}}
@keyframes heroIn{from{opacity:0;transform:translateY(26px);filter:blur(14px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes chipsLoop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes pilulaGiro{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}