.auto-anim {opacity:0;transition:opacity 0.7s cubic-bezier(0.2, 0.8, 0.2, 1),transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1),filter 0.7s cubic-bezier(0.2, 0.8, 0.2, 1),backdrop-filter 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);will-change:opacity, transform, filter, backdrop-filter;backface-visibility:hidden;}.auto-anim.show {opacity:1;transform:translate(0, 0) rotateX(0) scale(1) !important;filter:blur(0) !important;}.auto-anim.from-left {transform:translateX(-80px);}.auto-anim.from-right {transform:translateX(80px);}.auto-anim.from-up {transform:translateY(50px);}.auto-anim.zoom {transform:scale(0.9);}.auto-anim.zoom-in {transform:scale(0.5);}.auto-anim.zoom-out {transform:scale(1.5);}.auto-anim.flip-up {transform:perspective(1000px) rotateX(-90deg);transform-origin:top;}.auto-anim.blur-in {filter:blur(10px);transform:scale(1.05);}.auto-anim.glass-in {backdrop-filter:blur(0) saturate(100%);background:rgba(255, 255, 255, 0);border:1px solid rgba(255, 255, 255, 0);transform:translateY(30px) scale(0.95);box-shadow:0 0 0 0 rgba(31, 38, 135, 0);}.auto-anim.glass-in.show {backdrop-filter:blur(16px) saturate(180%) !important;background:rgba(255, 255, 255, 0.12) !important;border:1px solid rgba(255, 255, 255, 0.25) !important;box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.2),inset 0 1px 0 0 rgba(255, 255, 255, 0.3) !important;transform:translateY(0) scale(1) !important;}.glass-panel {position:relative;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.15),inset 0 1px 0 0 rgba(255, 255, 255, 0.3),inset 0 -1px 0 0 rgba(0, 0, 0, 0.05);border-radius:16px;overflow:hidden;transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}.glass-panel::before {content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255, 255, 255, 0.15),transparent);transition:left 0.6s cubic-bezier(0.4, 0, 0.2, 1);}.glass-panel:hover::before {left:100%;}.glass-panel:hover {transform:translateY(-2px);box-shadow:0 12px 40px 0 rgba(31, 38, 135, 0.25),inset 0 1px 0 0 rgba(255, 255, 255, 0.4),inset 0 -1px 0 0 rgba(0, 0, 0, 0.08);border-color:rgba(255, 255, 255, 0.3);}.glass-frosted {backdrop-filter:blur(24px) saturate(200%) brightness(1.1);-webkit-backdrop-filter:blur(24px) saturate(200%) brightness(1.1);background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.25);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.2),inset 0 2px 4px 0 rgba(255, 255, 255, 0.25),inset 0 -2px 4px 0 rgba(0, 0, 0, 0.08);border-radius:20px;}.glass-crystal {backdrop-filter:blur(8px) saturate(150%) contrast(110%);-webkit-backdrop-filter:blur(8px) saturate(150%) contrast(110%);background:rgba(255, 255, 255, 0.15);border:2px solid rgba(255, 255, 255, 0.3);box-shadow:0 4px 16px 0 rgba(31, 38, 135, 0.12),inset 0 1px 2px 0 rgba(255, 255, 255, 0.4),0 0 0 1px rgba(255, 255, 255, 0.1) inset;border-radius:12px;position:relative;}.glass-crystal::after {content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255, 255, 255, 0.1) 50%,transparent 70%);transform:rotate(45deg);pointer-events:none;}.glass-liquid {backdrop-filter:blur(20px) saturate(180%) hue-rotate(10deg);-webkit-backdrop-filter:blur(20px) saturate(180%) hue-rotate(10deg);background:linear-gradient(135deg,rgba(255, 255, 255, 0.12) 0%,rgba(255, 255, 255, 0.06) 100%);border:1px solid rgba(255, 255, 255, 0.2);box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.18),inset 0 1px 0 0 rgba(255, 255, 255, 0.35);border-radius:24px;position:relative;overflow:hidden;}.glass-liquid::before {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 50%,rgba(255, 255, 255, 0.15) 0%,transparent 50%);animation:liquidFlow 8s ease-in-out infinite;}@keyframes liquidFlow {0%, 100% {transform:translate(0, 0) rotate(0deg);}25% {transform:translate(10%, -10%) rotate(90deg);}50% {transform:translate(0, -20%) rotate(180deg);}75% {transform:translate(-10%, -10%) rotate(270deg);}}.glass-panel-dark {backdrop-filter:blur(16px) saturate(180%) brightness(0.8);-webkit-backdrop-filter:blur(16px) saturate(180%) brightness(0.8);background:rgba(0, 0, 0, 0.25);border:1px solid rgba(255, 255, 255, 0.08);box-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.4),inset 0 1px 0 0 rgba(255, 255, 255, 0.1);border-radius:16px;}.glass-frosted-dark {backdrop-filter:blur(24px) saturate(200%) brightness(0.7);-webkit-backdrop-filter:blur(24px) saturate(200%) brightness(0.7);background:rgba(0, 0, 0, 0.35);border:1px solid rgba(255, 255, 255, 0.1);box-shadow:0 8px 32px 0 rgba(0, 0, 0, 0.5),inset 0 2px 4px 0 rgba(255, 255, 255, 0.08);border-radius:20px;}.glass-blue {background:linear-gradient(135deg,rgba(100, 200, 255, 0.15) 0%,rgba(100, 200, 255, 0.08) 100%);border-color:rgba(100, 200, 255, 0.3);box-shadow:0 8px 32px 0 rgba(100, 200, 255, 0.2),inset 0 1px 0 0 rgba(100, 200, 255, 0.3);}.glass-purple {background:linear-gradient(135deg,rgba(160, 80, 255, 0.15) 0%,rgba(160, 80, 255, 0.08) 100%);border-color:rgba(160, 80, 255, 0.3);box-shadow:0 8px 32px 0 rgba(160, 80, 255, 0.2),inset 0 1px 0 0 rgba(160, 80, 255, 0.3);}.glass-green {background:linear-gradient(135deg,rgba(80, 255, 160, 0.15) 0%,rgba(80, 255, 160, 0.08) 100%);border-color:rgba(80, 255, 160, 0.3);box-shadow:0 8px 32px 0 rgba(80, 255, 160, 0.2),inset 0 1px 0 0 rgba(80, 255, 160, 0.3);}.glass-orange {background:linear-gradient(135deg,rgba(255, 140, 60, 0.15) 0%,rgba(255, 140, 60, 0.08) 100%);border-color:rgba(255, 140, 60, 0.3);box-shadow:0 8px 32px 0 rgba(255, 140, 60, 0.2),inset 0 1px 0 0 rgba(255, 140, 60, 0.3);}.glass-pink {background:linear-gradient(135deg,rgba(255, 120, 200, 0.15) 0%,rgba(255, 120, 200, 0.08) 100%);border-color:rgba(255, 120, 200, 0.3);box-shadow:0 8px 32px 0 rgba(255, 120, 200, 0.2),inset 0 1px 0 0 rgba(255, 120, 200, 0.3);}.glass-shimmer {position:relative;overflow:hidden;}.glass-shimmer::after {content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255, 255, 255, 0.1) 50%,transparent 70%);animation:shimmer 3s infinite;}@keyframes shimmer {0% {transform:translateX(-100%) translateY(-100%) rotate(45deg);}100% {transform:translateX(100%) translateY(100%) rotate(45deg);}}.glass-breathing {animation:glassBreathing 4s ease-in-out infinite;}@keyframes glassBreathing {0%, 100% {backdrop-filter:blur(16px) saturate(180%);background:rgba(255, 255, 255, 0.1);}50% {backdrop-filter:blur(20px) saturate(200%);background:rgba(255, 255, 255, 0.15);}}.glass-ripple {position:relative;overflow:hidden;}.glass-ripple::before {content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(255, 255, 255, 0.3) 0%,transparent 70%);transform:translate(-50%, -50%);transition:width 0.6s, height 0.6s;pointer-events:none;}.glass-ripple:hover::before {width:300%;height:300%;}.glass-morph {animation:glassMorph 8s ease-in-out infinite;}@keyframes glassMorph {0%, 100% {backdrop-filter:blur(16px) saturate(180%) hue-rotate(0deg);border-color:rgba(255, 255, 255, 0.2);}33% {backdrop-filter:blur(16px) saturate(180%) hue-rotate(30deg);border-color:rgba(100, 200, 255, 0.3);}66% {backdrop-filter:blur(16px) saturate(180%) hue-rotate(-30deg);border-color:rgba(255, 120, 200, 0.3);}}.glass-particles {position:relative;overflow:hidden;}.glass-particles::before,.glass-particles::after {content:'';position:absolute;width:4px;height:4px;background:rgba(255, 255, 255, 0.4);border-radius:50%;box-shadow:60px 80px 0 rgba(255, 255, 255, 0.3),120px 20px 0 rgba(255, 255, 255, 0.2),180px 100px 0 rgba(255, 255, 255, 0.35),240px 40px 0 rgba(255, 255, 255, 0.25),300px 90px 0 rgba(255, 255, 255, 0.3);animation:floatParticles 12s ease-in-out infinite;}.glass-particles::after {animation-delay:-6s;animation-duration:15s;}@keyframes floatParticles {0%, 100% {transform:translateY(0) translateX(0);opacity:0;}10% {opacity:1;}90% {opacity:1;}100% {transform:translateY(-100vh) translateX(20px);opacity:0;}}.glass-img {backdrop-filter:blur(8px);background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.2);padding:12px;border-radius:20px;box-shadow:0 8px 32px 0 rgba(31, 38, 135, 0.2),inset 0 1px 0 0 rgba(255, 255, 255, 0.3);transition:all 0.3s ease;}.glass-img:hover {transform:scale(1.02);box-shadow:0 12px 40px 0 rgba(31, 38, 135, 0.3),inset 0 1px 0 0 rgba(255, 255, 255, 0.4);}.glass-img img {border-radius:12px;display:block;width:100%;}.glass-img-frame {position:relative;padding:2px;background:linear-gradient(135deg,rgba(255, 255, 255, 0.3) 0%,rgba(255, 255, 255, 0.1) 100%);border-radius:24px;backdrop-filter:blur(12px);}.glass-img-frame img {border-radius:22px;display:block;width:100%;position:relative;z-index:1;}.glass-img-frame::before {content:'';position:absolute;inset:0;border-radius:24px;padding:2px;background:linear-gradient(45deg,rgba(255, 255, 255, 0.4),rgba(255, 255, 255, 0.1));-webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}.glass-btn {backdrop-filter:blur(16px) saturate(180%);background:rgba(255, 255, 255, 0.12);border:1px solid rgba(255, 255, 255, 0.25);box-shadow:0 4px 16px 0 rgba(31, 38, 135, 0.15),inset 0 1px 0 0 rgba(255, 255, 255, 0.3);transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);position:relative;overflow:hidden;}.glass-btn::before {content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:rgba(255, 255, 255, 0.2);border-radius:50%;transform:translate(-50%, -50%);transition:width 0.4s, height 0.4s;}.glass-btn:hover {backdrop-filter:blur(20px) saturate(200%);background:rgba(255, 255, 255, 0.18);border-color:rgba(255, 255, 255, 0.35);box-shadow:0 8px 24px 0 rgba(31, 38, 135, 0.25),inset 0 1px 0 0 rgba(255, 255, 255, 0.4);transform:translateY(-2px);}.glass-btn:hover::before {width:300px;height:300px;}.glass-btn:active {transform:translateY(0);box-shadow:0 4px 12px 0 rgba(31, 38, 135, 0.2),inset 0 1px 0 0 rgba(255, 255, 255, 0.25);}.glass-input {backdrop-filter:blur(12px) saturate(150%);background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.15);box-shadow:inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);transition:all 0.3s ease;}.glass-input:focus {backdrop-filter:blur(16px) saturate(180%);background:rgba(255, 255, 255, 0.12);border-color:rgba(100, 200, 255, 0.4);box-shadow:0 0 0 3px rgba(100, 200, 255, 0.1),inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);outline:none;}.card.glass-panel,.card.glass-frosted,.card.glass-crystal,.card.glass-liquid {background:rgba(255, 255, 255, 0.08);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.15);transition:all 0.5s cubic-bezier(0.4, 0, 0.2, 1);}.card.glass-panel:hover {transform:translateY(-8px) rotateY(0deg) rotateX(0deg);box-shadow:0 20px 60px 0 rgba(31, 38, 135, 0.3),inset 0 1px 0 0 rgba(255, 255, 255, 0.4);}.card.glass-panel .card-header,.card.glass-frosted .card-header {background:rgba(255, 255, 255, 0.05);border-bottom:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(8px);}.card.glass-panel .card-footer,.card.glass-frosted .card-footer {background:rgba(255, 255, 255, 0.05);border-top:1px solid rgba(255, 255, 255, 0.1);backdrop-filter:blur(8px);}.anim-tilt {transition:transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);transform-style:preserve-3d;perspective:1000px;}.anim-tilt:hover {transition:transform 0.15s ease-out;}.glass-tilt-3d {transform-style:preserve-3d;transition:transform 0.3s ease;}.glass-tilt-3d:hover {transform:perspective(1000px) rotateY(1deg) rotateX(1deg) translateZ(5px);}.glass-tilt-3d::before {content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255, 255, 255, 0.1) 0%,transparent 50%);opacity:0;transition:opacity 0.3s ease;pointer-events:none;border-radius:inherit;}.glass-tilt-3d:hover::before {opacity:1;}.no-tilt,.no-tilt.glass-tilt-3d {transform:none !important;}.no-tilt:hover,.no-tilt.glass-tilt-3d:hover {transform:none !important;}.auto-anim.delay-1 { transition-delay:0.1s; }.auto-anim.delay-2 { transition-delay:0.2s; }.auto-anim.delay-3 { transition-delay:0.3s; }.auto-anim.delay-4 { transition-delay:0.4s; }.auto-anim.delay-5 { transition-delay:0.5s; }.auto-anim.delay-6 { transition-delay:0.6s; }.auto-anim[data-anim-duration="fast"] { transition-duration:0.4s; }.auto-anim[data-anim-duration="slow"] { transition-duration:0.9s; }.auto-anim[data-anim-duration="slower"] { transition-duration:1.2s; }.auto-anim-text {opacity:0;transition:opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);}.auto-anim-text.show {opacity:1;transform:translate(0, 0) !important;}.auto-anim-text.text-from-left { transform:translateX(-30px); }.auto-anim-text.text-from-right { transform:translateX(30px); }.auto-anim-text.text-from-up { transform:translateY(20px); }.auto-anim.card {transition:opacity 0.6s cubic-bezier(0.4, 0, 0.2, 1),transform 0.6s cubic-bezier(0.4, 0, 0.2, 1),box-shadow 0.3s ease,backdrop-filter 0.3s ease;}.auto-anim.card.show:hover {transform:translateY(-6px) !important;box-shadow:0 16px 40px rgba(0, 0, 0, 0.2);}.auto-anim.alert {transform:translateY(-20px) scale(0.98);}.auto-anim.badge {transform:scale(0.8);transition-duration:0.4s;}.auto-anim.list-group-item {transform:translateX(-20px);}@media (prefers-reduced-motion:reduce) {.auto-anim,.auto-anim-text,.glass-panel,.glass-shimmer,.glass-breathing,.glass-morph,.glass-particles {opacity:1 !important;transform:none !important;transition:none !important;animation:none !important;will-change:auto !important;}.auto-anim.show,.auto-anim-text.show {opacity:1 !important;transform:none !important;}}.auto-anim.show,.auto-anim-text.show {will-change:auto;}.glass-panel,.glass-frosted,.glass-crystal,.glass-liquid,.glass-panel-dark,.glass-frosted-dark {transform:translateZ(0);-webkit-transform:translateZ(0);}@media (max-width:768px) {.glass-panel,.glass-frosted,.glass-crystal,.glass-liquid {backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%);}.glass-panel-dark,.glass-frosted-dark {backdrop-filter:blur(10px) saturate(150%) brightness(0.8);-webkit-backdrop-filter:blur(10px) saturate(150%) brightness(0.8);}.glass-particles::before,.glass-particles::after {display:none;}.glass-tilt-3d:hover {transform:none;}}.auto-anim[data-anim-effect="fade"] {transform:none !important;}.auto-anim[data-anim-effect="zoom"] {transform:scale(0.9) !important;}.auto-anim[data-anim-effect="zoom-in"] {transform:scale(0.5) !important;}.auto-anim[data-anim-effect="zoom-out"] {transform:scale(1.5) !important;}.auto-anim[data-anim-effect="flip-up"] {transform:perspective(1000px) rotateX(-90deg) !important;transform-origin:top !important;}