:root{--theme-card-depth:8px;--theme-hover-lift:12px;--theme-shadow-intensity:0.3;--theme-transition-duration:0.3s;--theme-ease-function:cubic-bezier(0.4,0,0.2,1);--perspective:1000px;--perspective-origin:center center;--transform-origin-center:50% 50% 0;--transform-origin-top:50% 0% 0;--transform-origin-bottom:50% 100% 0}.scene-3d{perspective:var(--perspective);perspective-origin:var(--perspective-origin)}.card-3d{position:relative;transform-style:preserve-3d;transition:transform var(--theme-transition-duration) var(--theme-ease-function),box-shadow var(--theme-transition-duration) var(--theme-ease-function);transform-origin:var(--transform-origin-center);will-change:transform}.card-3d:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;border-radius:inherit;transform:translateZ(-2px);opacity:.5;z-index:-1;pointer-events:none}@media (hover:hover) and (pointer:fine){.card-3d:hover{transform:translateY(calc(-1 * var(--theme-hover-lift))) rotateX(2deg) rotateY(2deg) scale(1.02);box-shadow:0 calc(var(--theme-card-depth) * 2) calc(var(--theme-card-depth) * 4) rgba(0,0,0,var(--theme-shadow-intensity))}}.card-3d-shallow{--theme-card-depth:4px;--theme-hover-lift:6px}.card-3d-deep{--theme-card-depth:16px;--theme-hover-lift:20px}.btn-3d{position:relative;transform-style:preserve-3d;transition:all var(--theme-transition-duration) var(--theme-ease-function);cursor:pointer;border:none;outline:none;overflow:hidden}.btn-3d:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1) 50%,rgba(0,0,0,.1));transform:translateZ(1px);opacity:0;transition:opacity var(--theme-transition-duration) var(--theme-ease-function);pointer-events:none}.btn-3d:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(0,0,0,.3)}.btn-3d:hover:before{opacity:1}.btn-3d:active{transform:translateY(0) scale(.98);box-shadow:0 2px 10px rgba(0,0,0,.2)}.text-3d{position:relative;display:inline-block;transform-style:preserve-3d}.text-3d-glow{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor,0 0 20px currentColor;animation:textGlow 2s ease-in-out infinite alternate}.text-3d-depth{text-shadow:1px 1px 0 rgba(0,0,0,.3),2px 2px 0 rgba(0,0,0,.2),3px 3px 0 rgba(0,0,0,.1),4px 4px 10px rgba(0,0,0,.3)}.text-3d-floating{animation:textFloat 3s ease-in-out infinite}.nav-3d{position:relative;transform-style:preserve-3d;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1)}.nav-3d:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));transform:translateZ(-1px);border-radius:inherit}.nav-item-3d{position:relative;transform-style:preserve-3d;transition:all var(--theme-transition-duration) var(--theme-ease-function);overflow:hidden}.nav-item-3d:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.nav-item-3d:hover{transform:translateZ(4px);background:rgba(255,255,255,.1)}.nav-item-3d:hover:before{left:100%}.avatar-3d{position:relative;transform-style:preserve-3d;transition:all var(--theme-transition-duration) var(--theme-ease-function);border-radius:50%;overflow:hidden}.avatar-3d:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:conic-gradient(from 0deg,var(--theme-color-primary,#6366f1),var(--theme-color-secondary,#8b5cf6),var(--theme-color-accent,#06b6d4),var(--theme-color-primary,#6366f1));border-radius:50%;z-index:-1;animation:avatarRotate 3s linear infinite}.avatar-3d:hover{transform:scale(1.1) rotateY(15deg);box-shadow:0 10px 30px rgba(0,0,0,.3)}.notification-3d{position:relative;transform-style:preserve-3d;transform:translateX(100%);transition:all var(--theme-transition-duration) var(--theme-ease-function);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.2)}.notification-3d.show{transform:translateX(0) rotateY(0deg)}.notification-3d.bounce{animation:notificationBounce .6s ease-out}.notification-3d.slide{animation:notificationSlide .5s ease-out}.notification-3d.fade{animation:notificationFade .4s ease-out}.modal-3d{position:fixed;display:flex;align-items:center;justify-content:center;z-index:1000;perspective:var(--perspective)}.modal-3d,.modal-3d-backdrop{top:0;left:0;right:0;bottom:0}.modal-3d-backdrop{position:absolute;background:rgba(0,0,0,.8);backdrop-filter:blur(10px);animation:backdropFade .3s ease-out}.modal-3d-content{max-width:90vw;max-height:90vh;background:var(--theme-color-surface,#1e293b);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px rgba(0,0,0,.5);animation:modalEnter .4s ease-out}.loader-3d,.modal-3d-content{position:relative;transform-style:preserve-3d}.loader-3d{width:60px;height:60px;animation:loaderRotate 2s linear infinite}.loader-3d:after,.loader-3d:before{content:"";position:absolute;width:100%;height:100%;border:3px solid transparent;border-top:3px solid var(--theme-color-primary,#6366f1);border-radius:50%}.loader-3d:before{transform:rotateX(90deg)}.loader-3d:after{transform:rotateY(90deg)}.particles{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:var(--theme-color-primary,#6366f1);border-radius:50%;animation:particleFloat 4s ease-in-out infinite;opacity:.6}@keyframes textGlow{0%,to{text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor}50%{text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor,0 0 40px currentColor}}@keyframes textFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes avatarRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes notificationBounce{0%{transform:translateX(100%) scale(.8)}60%{transform:translateX(-10%) scale(1.1)}to{transform:translateX(0) scale(1)}}@keyframes notificationSlide{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes notificationFade{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes backdropFade{0%{opacity:0}to{opacity:1}}@keyframes modalEnter{0%{opacity:0;transform:scale(.8) rotateX(-10deg)}to{opacity:1;transform:scale(1) rotateX(0deg)}}@keyframes loaderRotate{0%{transform:rotateX(0deg) rotateY(0deg)}to{transform:rotateX(1turn) rotateY(1turn)}}@keyframes particleFloat{0%,to{transform:translateY(0) translateX(0) scale(1);opacity:.6}25%{transform:translateY(-20px) translateX(10px) scale(1.2);opacity:1}50%{transform:translateY(-40px) translateX(-5px) scale(.8);opacity:.8}75%{transform:translateY(-20px) translateX(-10px) scale(1.1);opacity:.9}}@media (max-width:768px){:root{--theme-card-depth:4px;--theme-hover-lift:6px;--perspective:800px}.card-3d:hover{transform:translateY(-4px) scale(1.01)}.btn-3d:hover{transform:translateY(-1px) scale(1.01)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.avatar-3d:hover,.btn-3d:hover,.card-3d:hover{transform:none}}.transform-3d{transform-style:preserve-3d}.backface-hidden{backface-visibility:hidden}.perspective-1000{perspective:1000px}.perspective-2000{perspective:2000px}.rotate-x-5{transform:rotateX(5deg)}.rotate-x-10{transform:rotateX(10deg)}.rotate-y-5{transform:rotateY(5deg)}.rotate-y-10{transform:rotateY(10deg)}.translate-z-10{transform:translateZ(10px)}.translate-z-20{transform:translateZ(20px)}.translate-z-n10{transform:translateZ(-10px)}.hover-lift:hover{transform:translateY(-8px)}.hover-tilt:hover{transform:rotateX(5deg) rotateY(5deg)}.hover-scale:hover{transform:scale(1.05)}@media (max-width:475px){.container{padding-left:.75rem;padding-right:.75rem}.loop-card-mobile{margin-bottom:.75rem;border-radius:.5rem;padding:.75rem}.mobile-nav-spacing{padding-bottom:4rem}.btn-mobile{padding:.5rem .75rem;font-size:.875rem;min-height:44px}.text-mobile{font-size:.875rem;line-height:1.25rem}.hide-xs{display:none!important}}@media (max-width:640px){.container{padding-left:1rem;padding-right:1rem}.hide-sm{display:none!important}.mobile-compact{padding:.5rem;margin:.25rem 0}.grid-mobile{grid-template-columns:1fr;gap:.75rem}.flex-mobile{flex-direction:column;gap:.5rem}.avatar-mobile{width:2rem;height:2rem}.icon-mobile{width:1rem;height:1rem}}@media (max-width:768px){.tablet-grid{grid-template-columns:1fr;gap:1rem}.responsive-text{font-size:.875rem;line-height:1.25rem}.hide-md{display:none!important}.tablet-spacing{padding:1rem;margin:.75rem 0}}@media (min-width:1024px){.desktop-grid{grid-template-columns:1fr 300px;gap:1.5rem}.desktop-spacing{padding:1.5rem;margin:1rem 0}.show-lg{display:block!important}.desktop-sidebar{position:sticky;top:5rem;height:fit-content}}@media (min-width:1280px){.desktop-xl-grid{grid-template-columns:250px 1fr 300px;gap:2rem}.container-xl{max-width:1280px;margin:0 auto}}@media (hover:none) and (pointer:coarse){.touch-target{min-height:44px;min-width:44px;padding:.75rem}.touch-button{padding:.75rem 1rem;font-size:1rem;border-radius:.5rem}.mobile-tap-target{min-height:48px;min-width:48px}}@media (prefers-reduced-motion:reduce){.reduce-motion,.reduce-motion *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){.high-contrast{border:2px solid;background:Canvas;color:CanvasText}.high-contrast-button{border:2px solid ButtonText;background:ButtonFace;color:ButtonText}}@media (prefers-color-scheme:dark){.dark-responsive{background-color:rgb(17 24 39);color:rgb(243 244 246)}.dark-card{background-color:rgb(31 41 55);border-color:rgb(55 65 81)}}@media print{.no-print{display:none!important}.print-friendly{background:white!important;color:black!important;box-shadow:none!important;border:1px solid black!important}.print-optimize{page-break-inside:avoid;margin-bottom:1rem}}@media (orientation:landscape) and (max-height:500px){.landscape-compact{padding:.5rem;margin:.25rem 0}.landscape-header{height:3rem}}.responsive-container{width:100%;max-width:100%;padding-left:1rem;padding-right:1rem;margin-left:auto;margin-right:auto}@media (min-width:640px){.responsive-container{max-width:640px}}@media (min-width:768px){.responsive-container{max-width:768px}}@media (min-width:1024px){.responsive-container{max-width:1024px}}@media (min-width:1280px){.responsive-container{max-width:1280px}}.responsive-image{object-fit:cover}.responsive-image,.responsive-video{width:100%;height:auto;max-width:100%}.responsive-spacing{padding:.5rem}@media (min-width:640px){.responsive-spacing{padding:1rem}}@media (min-width:1024px){.responsive-spacing{padding:1.5rem}}.focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.skip-to-content{position:absolute;top:-40px;left:6px;background:#3b82f6;color:white;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-to-content:focus{top:6px}