html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.brand-text{color:hsl(var(--brand-primary))}.accent-text{color:hsl(var(--brand-accent))}.hover-lift{transition:transform .3s ease,box-shadow .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(15,23,42,.15)}.glow-brand{box-shadow:0 0 20px hsl(var(--brand-primary)/.4)}.glow-accent{box-shadow:0 0 20px hsl(var(--brand-accent)/.4)}.grid-pattern{background-image:linear-gradient(hsl(var(--brand-primary)/.05) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--brand-primary)/.05) 1px,transparent 1px);background-size:50px 50px}.brand-border{border:2px solid hsl(var(--brand-primary));border-radius:1rem}@keyframes buttonPulse{0%{box-shadow:0 0 0 0 hsl(var(--brand-primary)/.6)}70%{box-shadow:0 0 0 10px hsl(var(--brand-primary)/0)}to{box-shadow:0 0 0 0 hsl(var(--brand-primary)/0)}}.button-pulse{animation:buttonPulse 2s infinite}@keyframes typingDot{0%,60%,to{transform:translateY(0);opacity:1}30%{transform:translateY(-10px);opacity:.7}}.typing-dot{animation:typingDot 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}.scroll-reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:hsl(var(--brand-primary));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary-hover))}@media (max-width:768px){h1{font-size:2rem!important}h2{font-size:1.75rem!important}h3{font-size:1.5rem!important}}.skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0 50%,#f1f5f9);background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}:focus-visible{outline:2px solid hsl(var(--focus-ring));outline-offset:2px}@media print{.no-print{display:none!important}}