html{scroll-behavior:smooth}*{transition:background-color .3s,color .3s,border-color .3s}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}::selection{background:var(--primary-color);color:#fff}::-moz-selection{background:var(--primary-color);color:#fff}:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px;border-radius:4px}.loading{position:relative;pointer-events:none;opacity:.6}.loading::after{content:'';position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid var(--primary-color);border-top-color:transparent;border-radius:50%;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-transition{animation:.4s ease-in-out fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-hover-effect{transition:.4s cubic-bezier(.4, 0, .2, 1)}.card-hover-effect:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.15)}.gradient-text{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-effect{background:rgba(255,255,255,.1);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.shimmer{background:linear-gradient(90deg,var(--bg-secondary) 0,var(--bg-tertiary) 50%,var(--bg-secondary) 100%);background-size:200% 100%;animation:2s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.pulse{animation:2s infinite pulse}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.fade-in-up{animation:.6s ease-out fadeInUp}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){h1{font-size:clamp(1.75rem, 5vw, 2.5rem)!important}h2{font-size:clamp(1.5rem, 4vw, 2rem)!important}h3{font-size:clamp(.75rem, 3vw, 1.5rem)!important}p{font-size:clamp(.875rem, 2vw, 1rem)!important}}@media (hover:none) and (pointer:coarse){.clickable,a,button{min-height:44px;min-width:44px}}@media print{.animated-banner-modern,.footer-modern,.header-modern,.sidebar{display:none!important}.main-content{margin:0!important;padding:0!important}}