.close-button{position:relative;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease}.close-button--small{width:36px;height:36px}.close-button--small .close-button__icon{width:12px;height:12px}.close-button--small .close-button__icon:after,.close-button--small .close-button__icon:before{height:1.5px}.close-button--medium{width:48px;height:48px}.close-button--medium .close-button__icon{width:16px;height:16px}.close-button--medium .close-button__icon:after,.close-button--medium .close-button__icon:before{height:1.5px}.close-button--large{width:56px;height:56px}.close-button--large .close-button__icon{width:20px;height:20px}.close-button--large .close-button__icon:after,.close-button--large .close-button__icon:before{height:2px}.close-button--gradient{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 16px rgba(102,126,234,.4)}.close-button--gradient .close-button__icon:after,.close-button--gradient .close-button__icon:before{background:#fff}.close-button--gradient:hover{box-shadow:0 6px 24px rgba(102,126,234,.5)}.close-button--glass{background:hsla(0,0%,100%,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.15)}.close-button--glass .close-button__icon:after,.close-button--glass .close-button__icon:before{background:#fff}.close-button--glass:hover{background:hsla(0,0%,100%,.2)}.close-button--dark{background:rgba(15,23,42,.8);border:1px solid hsla(0,0%,100%,.1)}.close-button--dark .close-button__icon:after,.close-button--dark .close-button__icon:before{background:#fff}.close-button--dark:hover{background:rgba(15,23,42,.9)}.close-button:hover{transform:scale(1.1)}.close-button:hover .close-button__icon:before{transform:translate(-50%,-50%) rotate(50deg)}.close-button:hover .close-button__icon:after{transform:translate(-50%,-50%) rotate(-50deg)}.close-button:active{transform:scale(.95)}.close-button__icon{position:relative;display:block}.close-button__icon:after,.close-button__icon:before{content:"";position:absolute;top:50%;left:50%;width:100%;border-radius:2px;transition:transform .2s ease}.close-button__icon:before{transform:translate(-50%,-50%) rotate(45deg)}.close-button__icon:after{transform:translate(-50%,-50%) rotate(-45deg)}.image-zoom{position:relative;display:block;width:100%;height:auto}.image-zoom__wrapper{position:relative;overflow:hidden;border-radius:8px;width:100%;height:100%}.image-zoom__wrapper:hover .image-zoom__button{opacity:1;transform:translate(-50%,-50%) scale(1)}.image-zoom__wrapper:hover .image-zoom__image{filter:brightness(.9)}.image-zoom__image{width:100%;height:auto;object-fit:fill;transition:filter .3s ease;display:block;border-radius:8px}.image-zoom__button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;cursor:pointer;opacity:.9;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(102,126,234,.4);z-index:2}.image-zoom__button svg{width:24px;height:24px;color:#fff}.image-zoom__button:hover{opacity:1;transform:translate(-50%,-50%) scale(1.1);box-shadow:0 6px 24px rgba(102,126,234,.5)}.image-zoom__button:active{transform:translate(-50%,-50%) scale(.95)}.image-zoom__overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:linear-gradient(135deg,rgba(15,23,42,.4),rgba(30,41,59,.45) 50%,rgba(15,23,42,.4));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.image-zoom__overlay:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0,rgba(100,117,255,.05) 0,transparent 50%);pointer-events:none}.image-zoom__container{position:relative;width:85vw;height:80vh;max-width:1200px;overflow:hidden;cursor:-webkit-grab;cursor:grab;border-radius:16px;background:hsla(0,0%,100%,.02)}.image-zoom__container--dragging{cursor:-webkit-grabbing;cursor:grabbing}.image-zoom__container--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;max-width:none;border-radius:0;background:rgba(0,0,0,0)}.image-zoom__zoomed-image{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform .15s ease-out;pointer-events:none}.image-zoom__zoomed-image .image-zoom__image{max-width:90%;max-height:90%;width:auto;height:auto;object-fit:contain;border-radius:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.image-zoom__close-button{position:absolute;top:24px;right:24px;z-index:10001}.image-zoom__close-button--fullscreen{position:fixed}.image-zoom__zoom-out-button{position:absolute;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:100px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px rgba(102,126,234,.4);z-index:10001}.image-zoom__zoom-out-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(102,126,234,.5)}.image-zoom__zoom-out-button:active{transform:translateY(0)}.image-zoom__zoom-out-button--fullscreen{position:fixed}.image-zoom__zoom-controls{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:8px 16px;background:linear-gradient(135deg,rgba(30,41,59,.9),rgba(15,23,42,.95));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:100px;z-index:10001;box-shadow:0 8px 32px rgba(0,0,0,.3)}.image-zoom__zoom-controls:before{content:"";position:absolute;inset:0;border-radius:100px;padding:1px;background:linear-gradient(135deg,rgba(106,183,255,.4),rgba(200,182,255,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.image-zoom__zoom-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:20px;font-weight:500;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(102,126,234,.3)}.image-zoom__zoom-button:hover{transform:scale(1.1);box-shadow:0 4px 16px rgba(102,126,234,.5)}.image-zoom__zoom-button:active{transform:scale(.95)}.image-zoom__zoom-button:disabled{opacity:.4;cursor:not-allowed}.image-zoom__zoom-button:disabled:hover{transform:none;box-shadow:0 2px 8px rgba(102,126,234,.3)}.image-zoom__zoom-level{min-width:60px;text-align:center;color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.image-zoom__button{width:48px;height:48px;opacity:.9;transform:translate(-50%,-50%) scale(1)}.image-zoom__button svg{width:20px;height:20px}.image-zoom__container{width:95vw;height:70vh;border-radius:12px}.image-zoom__close-button{top:16px;right:16px}.image-zoom__zoom-out-button{bottom:24px;left:50%;right:auto;transform:translateX(-50%)}.image-zoom__zoom-controls{bottom:20px;padding:6px 12px;gap:8px}.image-zoom__zoom-button{width:36px;height:36px}.image-zoom__zoom-level{min-width:50px;font-size:13px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}