:root{--color-mystic-primary:#6366f1;--color-mystic-gold:#d4af37;--color-mystic-bg:#09090b;--color-mystic-surface:hsla(0,0%,100%,.05);--color-mystic-success:#10b981;--color-mystic-error:#f43f5e}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.025em}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .3s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}@keyframes shimmer{to{transform:translateX(100%)}}.card-hover{transition:transform .2s,box-shadow .2s}.card-hover:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0,0,0,.1)}.glass{background:rgba(15,15,18,.95);border:1px solid hsla(0,0%,100%,.1)}.glass-premium{background:#0f0f12;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px 0 rgba(0,0,0,.37)}.dark .glass{background:rgba(0,0,0,.2)}.low-perf *,.low-perf .glass,.low-perf [class*=backdrop-blur]{backdrop-filter:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.low-perf .glass{background:rgba(17,24,39,.95)!important}.gradient-text{background:linear-gradient(135deg,hsl(var(--primary)),hsl(var(--secondary)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:hsl(var(--muted-foreground)/.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:hsl(var(--muted-foreground)/.5)}@media (max-width:640px){.mobile-hidden{display:none}}@media (min-width:640px){.desktop-hidden{display:none}}.bento-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width:768px){.bento-grid{grid-template-columns:repeat(4,1fr)}}.bento-card{background:var(--color-mystic-surface);border:1px solid hsla(0,0%,100%,.1);border-radius:1.5rem;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.bento-card:hover{transform:scale(1.02);box-shadow:0 10px 40px -10px rgba(0,0,0,.5);background:hsla(0,0%,100%,.08)}.glass-mystic{background:hsla(0,0%,100%,.03);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.05)}.hardware-accelerated{will-change:transform,opacity;transform:translateZ(0)}@media (max-width:768px){.glass-mystic{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(9,9,11,.95)}}