@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600;700&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css";*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,sans-serif;background-color:#fff;color:#2c2c2c;overflow-x:hidden}a{text-decoration:none;color:inherit}.app{width:100%;margin:0;padding:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #07bc0c;--toastify-color-warning: #f1c40f;--toastify-color-error: hsl(6, 78%, 57%);--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: var(--toastify-color-success);--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: var(--toastify-color-error);--toastify-container-width: fit-content;--toastify-toast-width: 320px;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #fff;--toastify-text-color-warning: #fff;--toastify-text-color-error: #fff;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0,0,var(--toastify-z-index));position:fixed;width:var(--toastify-container-width);box-sizing:border-box;color:#fff;display:flex;flex-direction:column}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);left:50%;transform:translate(-50%);align-items:center}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y: 0;position:relative;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;margin-bottom:1rem;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;display:flex;flex:1 auto;align-items:center;word-break:break-word}@media only screen and (max-width:480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width: 100%;margin-bottom:0;border-radius:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}.Toastify__toast--stacked{position:absolute;width:100%;transform:translate3d(0,var(--y),0) scale(var(--s));transition:transform .3s}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";position:absolute;left:0;right:0;height:calc(var(--g) * 1px);bottom:100%}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";position:absolute;left:0;right:0;bottom:0;height:100%;transform:scaleY(3);z-index:-1}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{margin-inline-end:10px;width:22px;flex-shrink:0;display:flex}.Toastify--animate{animation-fill-mode:both;animation-duration:.5s}.Toastify--animate-icon{animation-fill-mode:both;animation-duration:.3s}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;position:absolute;top:6px;right:6px;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:.7;transition:.3s ease;z-index:1}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:.7;transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{position:absolute;overflow:hidden;bottom:0;left:0;width:100%;height:5px;border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius)}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{width:20px;height:20px;box-sizing:border-box;border:2px solid;border-radius:100%;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);animation:Toastify__spin .65s linear infinite}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px,var(--y),0)}to{opacity:0;transform:translate3d(2000px,var(--y),0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px,var(--y),0)}to{opacity:0;transform:translate3d(-2000px,var(--y),0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0,calc(var(--y) - 10px),0)}40%,45%{opacity:1;transform:translate3d(0,calc(var(--y) + 20px),0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0,var(--y),0) scale3d(.3,.3,.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0,var(--y),0) perspective(400px)}30%{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(-20deg);opacity:1}to{transform:translate3d(0,var(--y),0) perspective(400px) rotateX(90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{transform:translate3d(110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInLeft{0%{transform:translate3d(-110%,0,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInUp{0%{transform:translate3d(0,110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideInDown{0%{transform:translate3d(0,-110%,0);visibility:visible}to{transform:translate3d(0,var(--y),0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(110%,var(--y),0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(-110%,var(--y),0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,500px,0)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0,var(--y),0)}to{visibility:hidden;transform:translate3d(0,-500px,0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-timing-function:ease-in;animation-duration:.3s}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-timing-function:ease-in;animation-duration:.3s}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.navbar{width:100%;background-color:#fff;box-shadow:0 2px 10px #00000014;position:sticky;top:0;z-index:2000;transition:all .3s ease;padding:.5rem 0}.navbar-container{max-width:100%;margin:0 auto;padding:.3rem 4rem;display:flex;align-items:center;justify-content:space-between;gap:3rem}.navbar-logo{flex-shrink:0;display:flex;align-items:center}.logo-img{height:70px;width:auto;max-width:100%;cursor:pointer;transition:transform .3s ease;object-fit:contain;mix-blend-mode:darken}.logo-img:hover{transform:scale(1.03)}.navbar-menu{display:flex;list-style:none;gap:3rem;margin:0;padding:0;flex:1;justify-content:center;max-width:600px}.navbar-menu li{color:#2c2c2c;font-size:17px;font-weight:500;cursor:pointer;position:relative;padding:.5rem 0;transition:all .3s ease;letter-spacing:.5px;font-family:Inter,sans-serif}.navbar-menu li a{text-decoration:none;color:inherit;display:block}.navbar-menu li:hover{color:#c8b374}.navbar-menu li.active{color:#c8b374;font-weight:600}.navbar-menu li.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#c8b374,#d4c186);border-radius:2px;animation:slideIn .3s ease}@keyframes slideIn{0%{width:0}to{width:100%}}.navbar-right{display:flex;align-items:center;gap:1rem;flex-shrink:0}.navbar-right-mobile{display:none}@media(min-width:1101px){.navbar-menu .navbar-right-mobile{display:none}}.navbar-btn-secondary{padding:.75rem 1.8rem;border:2px solid #c8b374;background-color:transparent;color:#2c2c2c;font-size:15px;font-weight:600;cursor:pointer;border-radius:30px;transition:all .3s ease;letter-spacing:.5px;font-family:Inter,sans-serif}.navbar-btn-secondary:hover{background-color:#c8b374;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #c8b3744d}.navbar-btn-signup{padding:.75rem 1.8rem;border:2px solid #2c2c2c;background-color:transparent;color:#2c2c2c;font-size:15px;font-weight:600;cursor:pointer;border-radius:30px;transition:all .3s ease;letter-spacing:.5px;font-family:Inter,sans-serif}.navbar-btn-signup:hover{background-color:#2c2c2c;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #2c2c2c4d}.navbar-btn-primary{padding:.75rem 2.2rem;border:none;background:linear-gradient(135deg,#c8b374,#d4c186);color:#fff;font-size:15px;font-weight:600;cursor:pointer;border-radius:30px;transition:all .3s ease;box-shadow:0 4px 15px #c8b3744d;letter-spacing:.5px;font-family:Inter,sans-serif}.navbar-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c8b37466;background:linear-gradient(135deg,#d4c186,#c8b374)}.navbar-btn-primary:active,.navbar-btn-secondary:active{transform:translateY(0)}.user-menu-container{position:relative}.user-profile-btn{display:flex;align-items:center;gap:.6rem;background:#fff;border:2px solid #e0e0e0;padding:.5rem 1rem;border-radius:50px;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.user-profile-btn:hover{border-color:#c8b374;background:#fafafa}.user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#c8b374,#a89359);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;text-transform:uppercase}.user-name{font-size:.95rem;font-weight:600;color:#2c2c2c}.user-profile-btn i{font-size:.75rem;color:#666;transition:transform .3s ease}.user-profile-btn i.rotate{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000001f;min-width:240px;max-width:280px;z-index:1000;overflow:hidden;animation:fadeIn .2s ease;max-height:calc(100vh - 100px);overflow-y:auto}@media(max-width:1100px){.navbar-right.active .user-dropdown{position:absolute;top:auto;bottom:calc(100% + 10px);right:0;left:auto;max-height:60vh}}@media(max-width:480px){.navbar-right.active .user-dropdown{right:10px;left:10px;max-width:calc(100% - 20px);min-width:unset}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-info{padding:1rem;background:linear-gradient(135deg,#c8b374,#a89359);color:#fff}.user-full-name{font-weight:600;font-size:1rem;margin-bottom:.25rem}.user-email{font-size:.85rem;opacity:.9;margin-bottom:.5rem}.user-role-badge{display:inline-block;background:#fff3;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dropdown-divider{height:1px;background:#e0e0e0;margin:.5rem 0}.dropdown-item{padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease;color:#2c2c2c;font-size:.95rem}.dropdown-item:hover{background:#f5f5f5;color:#c8b374}.dropdown-item i{width:20px;font-size:.95rem;color:#666}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background:#fff5f5;color:#dc3545}.dropdown-item.logout i{color:#dc3545}.dropdown-item .cart-count{color:#c8b374;font-weight:700;font-size:.9rem}.mobile-cart-icon{display:none;position:relative;font-size:1.5rem;color:#2c2c2c;cursor:pointer;z-index:1001;background:none;border:none;padding:0}.cart-badge{position:absolute;top:-8px;right:-8px;background-color:#c8b374;color:#fff;font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Montserrat,sans-serif}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px;z-index:1001}.hamburger span{width:28px;height:3px;background-color:#2c2c2c;transition:all .3s ease;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px);background-color:#c8b374}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px);background-color:#c8b374}@media(max-width:1280px){.navbar-container{padding:.3rem 1.5rem}.navbar-menu{gap:1.5rem;max-width:500px}.navbar-menu li{font-size:13px}.navbar-right{gap:.5rem}.navbar-btn-secondary,.navbar-btn-signup,.navbar-btn-primary{padding:.5rem .8rem;font-size:.8rem}.logo-img{height:55px}.user-profile-btn{padding:.45rem .85rem}.user-name{font-size:.85rem}.user-avatar{width:30px;height:30px;font-size:.8rem}}@media(max-width:1100px){.hamburger{display:flex}.mobile-cart-icon{display:block}.navbar-menu{display:none}.navbar-right{display:none!important}.navbar-menu.active{display:flex}.navbar-right-mobile{display:flex!important;flex-direction:column;width:100%;gap:.5rem;margin-top:1rem;border-top:2px solid #f0f0f0;padding-top:1rem}.navbar-right-mobile .user-menu-container{width:100%}.navbar-right-mobile .user-profile-btn{width:100%;justify-content:center;padding:.4rem .6rem;border-radius:8px;margin-bottom:.5rem;pointer-events:none;border:1px solid #e0e0e0;background:#f9f9f9}.navbar-right-mobile .user-profile-btn .user-name{font-size:.8rem;font-weight:500}.navbar-right-mobile .user-profile-btn .user-avatar{width:26px;height:26px;font-size:.7rem}.navbar-right-mobile .user-profile-btn i{display:none}.navbar-right-mobile .user-dropdown{position:static;box-shadow:none;border-radius:0;min-width:100%;max-height:none;margin-top:0}.navbar-right-mobile .user-info{display:none}.navbar-right-mobile .dropdown-item{padding:.75rem 1rem;font-size:.95rem;border-bottom:1px solid #f0f0f0}.navbar-right-mobile .navbar-btn-secondary,.navbar-right-mobile .navbar-btn-signup,.navbar-right-mobile .navbar-btn-primary{width:100%;padding:.75rem 1.2rem;font-size:.9rem;border-radius:10px;margin:.3rem 0}.navbar-right-mobile a{width:100%}}@media(max-width:1024px){.navbar-container{padding:.3rem 1rem;gap:1rem}.navbar-right{gap:.3rem}.navbar-btn-secondary,.navbar-btn-signup,.navbar-btn-primary{padding:.4rem .7rem;font-size:.75rem}.logo-img{height:50px}.user-profile-btn{padding:.4rem .75rem}.user-name{font-size:.8rem}.user-avatar{width:28px;height:28px;font-size:.75rem}}@media(max-width:1100px){.navbar-container{padding:1.5rem;position:relative}.navbar-logo{position:absolute;left:50%;transform:translate(-50%);max-width:65%}.logo-img{height:100px;max-width:100%}.navbar-menu{position:fixed;top:0;right:-100%;width:300px;height:100vh;background-color:#fff;flex-direction:column;justify-content:flex-start;padding:5rem 2rem 2rem;gap:0;transform:none;left:auto;box-shadow:-5px 0 15px #0000001a;transition:right .4s ease;z-index:1001;overflow-y:auto}.navbar-menu.active{right:0}.navbar-menu li{font-size:16px;padding:.8rem 0;width:100%;text-align:left;border-bottom:1px solid #f0f0f0}.navbar-menu li.active:after{width:50px}}@media(max-width:480px){.navbar-container{padding:1.3rem 1rem}.navbar-logo{max-width:70%}.logo-img{height:85px}.hamburger span{width:25px;height:2.5px}.navbar-menu,.navbar-right{width:280px}.navbar-menu li{font-size:16px}}.language-toggle{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#d4af37,#f0d078);border:none;padding:.6rem 1.2rem;border-radius:25px;cursor:pointer;transition:all .3s ease;font-size:.95rem;color:#fff;font-weight:600;box-shadow:0 2px 8px #d4af374d}.language-toggle:hover{background:linear-gradient(135deg,#f0d078,#d4af37);transform:translateY(-2px);box-shadow:0 4px 12px #d4af3766}.language-toggle:active{transform:translateY(0)}.language-toggle .flag{font-size:1.3rem;line-height:1}.language-toggle .flag-img{width:24px;height:auto;border-radius:3px;box-shadow:0 1px 3px #0003}.language-toggle .lang-text{font-size:.9rem;letter-spacing:.5px}@media(max-width:768px){.language-toggle{padding:.5rem 1rem;gap:.3rem;font-size:.85rem}.language-toggle .flag{font-size:1.1rem}.language-toggle .lang-text{font-size:.8rem}}.navbar-right .language-toggle{margin-left:.5rem}.home{width:100%;overflow-x:hidden;margin-top:0;padding-top:0}.hero-carousel{position:relative;width:100%;height:calc(100vh - 90px);min-height:500px;overflow:hidden;margin-top:-1px}.carousel-container{position:relative;width:100%;height:100%}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 1.5s ease-in-out;pointer-events:none}.carousel-slide.active{opacity:1;pointer-events:all}.carousel-image-wrapper{position:relative;width:100%;height:100%}.carousel-image{width:100%;height:100%;object-fit:cover;object-position:center}.carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#2c2c2c4d,#2c2c2c99)}.carousel-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:5;width:90%;max-width:900px;padding:2rem}.carousel-title{font-family:Montserrat,sans-serif;font-size:4.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:2px 4px 12px rgba(0,0,0,.6);animation:fadeInUp 1s ease-out;letter-spacing:-.5px;font-style:normal}.carousel-subtitle{font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:400;line-height:1.8;margin-bottom:2.5rem;text-shadow:1px 2px 6px rgba(0,0,0,.6);animation:fadeInUp 1s ease-out .3s both;letter-spacing:.5px;font-style:normal;opacity:.95}.carousel-cta{padding:1rem 3rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#c8b374,#d4c186);border:none;border-radius:50px;cursor:pointer;transition:all .4s ease;box-shadow:0 6px 20px #c8b37466;letter-spacing:.5px;animation:fadeInUp 1s ease-out .6s both}.carousel-cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px #c8b37499;background:linear-gradient(135deg,#d4c186,#c8b374)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:#fff3;border:2px solid rgba(255,255,255,.5);color:#fff;width:60px;height:60px;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.carousel-nav:hover{background:#c8b374cc;border-color:#c8b374;transform:translateY(-50%) scale(1.1)}.carousel-nav span{font-size:2.5rem;line-height:1}.carousel-nav.prev{left:2rem}.carousel-nav.next{right:2rem}.carousel-dots{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);display:flex;gap:1rem;z-index:20}.dot{width:12px;height:12px;border-radius:50%;background:#ffffff80;border:none;cursor:pointer;transition:all .3s ease}.dot.active{background:#c8b374;width:40px;border-radius:6px}.dot:hover{background:#c8b374cc}.how-it-works{padding:6rem 4rem;background-color:#f9f9f9;text-align:center}.section-title{font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;color:#2c2c2c;margin-bottom:1rem;position:relative;letter-spacing:-.5px}.section-subtitle{font-family:Inter,sans-serif;font-size:1.2rem;color:#666;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.section-title:after{content:"";position:absolute;bottom:-1rem;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,#c8b374,#d4c186);border-radius:2px}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;max-width:1200px;margin:0 auto}.step{background:#fff;padding:2.5rem 2rem;border-radius:20px;box-shadow:0 4px 20px #00000014;transition:all .3s ease;position:relative}.step:hover{transform:translateY(-10px);box-shadow:0 10px 30px #c8b37433}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#c8b374,#d4c186);color:#fff;font-family:Inter,sans-serif;font-size:1rem;font-weight:700;padding:8px 20px;border-radius:25px;box-shadow:0 4px 15px #c8b37466}.step-icon{width:120px;height:120px;margin:1rem auto 2rem;border-radius:50%;overflow:hidden;border:4px solid #c8b374;padding:10px;background:#fff}.step-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}.step h3{font-family:Inter,sans-serif;font-size:1.5rem;font-weight:600;color:#2c2c2c;margin-bottom:1rem}.step p{font-size:1.1rem;color:#666;line-height:1.6}.features{padding:6rem 4rem;background-color:#fff}.features-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.feature-text h2{font-family:Montserrat,sans-serif;font-size:2.8rem;font-weight:700;color:#2c2c2c;margin-bottom:2.5rem;line-height:1.3;letter-spacing:-.5px}.feature-list{list-style:none;padding:0;margin-bottom:2.5rem}.feature-list li{display:flex;align-items:center;gap:1rem;font-size:1.15rem;color:#2c2c2c;margin-bottom:1.5rem;line-height:1.6}.check-icon{color:#c8b374;font-size:1.5rem;font-weight:700;flex-shrink:0}.feature-cta{padding:1rem 3rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#c8b374,#d4c186);border:none;border-radius:50px;cursor:pointer;transition:all .4s ease;box-shadow:0 6px 20px #c8b37466;letter-spacing:.5px}.feature-cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px #c8b37499}.feature-image{width:100%;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px #00000026}.feature-image img{width:100%;height:auto;object-fit:cover;transition:transform .5s ease}.feature-image:hover img{transform:scale(1.05)}.final-cta{padding:6rem 4rem;background:linear-gradient(135deg,#2c2c2c,#444);text-align:center}.cta-content h2{font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;color:#fff;margin-bottom:1.5rem;letter-spacing:-.5px}.cta-content p{font-size:1.3rem;color:#ffffffe6;margin-bottom:3rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.cta-primary{padding:1.1rem 3.5rem;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#c8b374,#d4c186);border:none;border-radius:50px;cursor:pointer;transition:all .4s ease;box-shadow:0 6px 20px #c8b37466;letter-spacing:.5px}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #c8b37499}.cta-secondary{padding:1.1rem 3.5rem;font-size:1.1rem;font-weight:600;color:#c8b374;background:transparent;border:2px solid #c8b374;border-radius:50px;cursor:pointer;transition:all .4s ease;letter-spacing:.5px}.cta-secondary:hover{background:#c8b374;color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #c8b3744d}@media(max-width:1024px){.hero-carousel{height:calc(100vh - 100px)}.carousel-title{font-size:3.5rem}.carousel-subtitle{font-size:1.4rem}.how-it-works,.features,.final-cta{padding:4rem 2rem}.section-title{font-size:2.5rem}.steps-container{grid-template-columns:1fr;gap:2.5rem}.features-content{grid-template-columns:1fr;gap:3rem}.feature-text h2{font-size:2.3rem}}@media(max-width:768px){.hero-carousel{min-height:450px;height:calc(100vh - 120px)}.carousel-nav{display:none}.carousel-title{font-size:2.5rem;letter-spacing:.5px}.carousel-subtitle{font-size:1.2rem}.carousel-cta{padding:.9rem 2rem;font-size:1rem}.carousel-nav{width:50px;height:50px}.carousel-nav span{font-size:2rem}.carousel-nav.prev{left:1rem}.carousel-nav.next{right:1rem}.carousel-dots{bottom:2rem}.section-title{font-size:2rem}.how-it-works,.features,.final-cta{padding:3rem 1.5rem}.step-icon{width:100px;height:100px}.step h3{font-size:1.3rem}.step p{font-size:1rem}.feature-text h2{font-size:2rem}.feature-list li{font-size:1rem}.cta-content h2{font-size:2.2rem}.cta-content p{font-size:1.1rem}}@media(max-width:480px){.hero-carousel{height:calc(100vh - 110px)}.carousel-content{padding:1rem}.carousel-title{font-size:2rem;margin-bottom:1rem;letter-spacing:.3px}.carousel-subtitle{font-size:1.05rem;margin-bottom:1.5rem}.carousel-cta{padding:.8rem 1.8rem;font-size:.95rem}.carousel-nav{width:40px;height:40px}.carousel-nav span{font-size:1.5rem}.carousel-nav.prev{left:.5rem}.carousel-nav.next{right:.5rem}.dot{width:10px;height:10px}.dot.active{width:30px}.section-title{font-size:1.7rem}.step{padding:2rem 1.5rem}.step-icon{width:90px;height:90px}.cta-buttons{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{width:100%;max-width:300px}}.tell-story-section{padding:7rem 4rem;background:#fff;position:relative;overflow:hidden}.story-header{text-align:center;margin-bottom:5rem}.story-header-content{max-width:800px;margin:0 auto}.story-badge{display:inline-block;padding:.6rem 1.8rem;background:linear-gradient(135deg,#c8b374,#d4c186);border-radius:50px;color:#fff;font-size:.85rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem;box-shadow:0 4px 15px #c8b3744d}.story-title{font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:700;color:#2c2c2c;margin-bottom:1.5rem;letter-spacing:-1px;line-height:1.2}.story-subtitle{font-family:Inter,sans-serif;font-size:1.2rem;color:#666;line-height:1.8;font-weight:300}.stories-showcase{max-width:1400px;margin:0 auto 5rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem}.featured-story{position:relative;border-radius:25px;overflow:hidden;box-shadow:0 10px 40px #00000026}.featured-story-image{position:relative;height:650px;width:100%}.featured-story-image img{width:100%;height:100%;object-fit:cover}.featured-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#2c2c2cf2,#2c2c2c99,#2c2c2c00);display:flex;align-items:flex-end;padding:3rem}.featured-content{color:#fff}.featured-content h3{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:.8rem;letter-spacing:-.5px}.featured-years{font-size:1.1rem;color:#c8b374;margin-bottom:1.5rem;font-weight:600}.featured-quote{font-family:Inter,sans-serif;font-size:1.15rem;line-height:1.8;margin-bottom:2rem;font-style:italic;opacity:.95}.featured-btn{padding:1rem 2.5rem;background:transparent;border:2px solid #c8b374;color:#c8b374;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;transition:all .3s ease;letter-spacing:.5px}.featured-btn:hover{background:#c8b374;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #c8b37466}.stories-grid-small{display:flex;flex-direction:column;gap:2rem}.mini-story-card{background:#faf8f5;border-radius:20px;overflow:hidden;display:grid;grid-template-columns:180px 1fr;gap:1.5rem;transition:all .3s ease;cursor:pointer;border:1px solid transparent}.mini-story-card:hover{transform:translate(10px);box-shadow:0 8px 25px #c8b37433;border-color:#c8b3744d}.mini-story-image{position:relative;height:100%;min-height:180px;overflow:hidden}.mini-story-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.mini-story-card:hover .mini-story-image img{transform:scale(1.1)}.mini-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#c8b374e6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.mini-story-card:hover .mini-overlay{opacity:1}.mini-view{color:#fff;font-weight:700;font-size:.95rem;letter-spacing:1px}.mini-story-info{padding:1.5rem 1.5rem 1.5rem 0;display:flex;flex-direction:column;justify-content:center}.mini-story-info h4{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:700;color:#2c2c2c;margin-bottom:.8rem;letter-spacing:-.3px}.mini-description{font-family:Inter,sans-serif;font-size:.95rem;color:#666;line-height:1.6;margin-bottom:1rem;font-style:italic}.mini-stats{display:flex;gap:1.5rem;align-items:center}.stat-item{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:#999;font-weight:500}.stat-item svg{color:#c8b374}.story-bottom-cta{max-width:1400px;margin:0 auto;background:linear-gradient(135deg,#2c2c2c,#3d3d3d);border-radius:30px;padding:4rem 3rem;position:relative;overflow:hidden}.story-bottom-cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#c8b374,#d4c186,#c8b374)}.story-cta-inner{text-align:center;margin-bottom:3rem}.story-cta-inner h3{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:-.5px}.story-cta-inner p{font-family:Inter,sans-serif;font-size:1.15rem;color:#fffc;line-height:1.7;max-width:700px;margin:0 auto 2rem}.story-create-btn{padding:1.2rem 3.5rem;background:linear-gradient(135deg,#c8b374,#d4c186);border:none;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s ease;box-shadow:0 8px 25px #c8b37466;letter-spacing:.5px}.story-create-btn:hover{transform:translateY(-3px);box-shadow:0 12px 35px #c8b37499}.story-stats-banner{display:flex;justify-content:center;align-items:center;gap:3rem;padding-top:3rem;border-top:1px solid rgba(200,179,116,.2)}.stat-box{text-align:center}.stat-number{display:block;font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;color:#c8b374;margin-bottom:.5rem;line-height:1}.stat-label{display:block;font-size:.95rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-divider{width:1px;height:60px;background:#c8b3744d}@media(max-width:1024px){.tell-story-section{padding:5rem 2rem}.story-title{font-size:2.8rem}.stories-showcase{grid-template-columns:1fr}.featured-story-image{height:500px}.featured-content h3{font-size:2rem}.story-stats-banner{gap:2rem}.stat-number{font-size:2.5rem}}@media(max-width:768px){.tell-story-section{padding:4rem 1.5rem}.story-title{font-size:2.2rem}.story-subtitle{font-size:1.1rem}.featured-story-image{height:400px}.featured-overlay{padding:2rem}.featured-content h3{font-size:1.7rem}.featured-quote{font-size:1rem}.mini-story-card{grid-template-columns:1fr}.mini-story-image{min-height:220px}.story-bottom-cta{padding:3rem 2rem}.story-cta-inner h3{font-size:2rem}.story-stats-banner{flex-direction:column;gap:2rem}.stat-divider{width:60px;height:1px}}@media(max-width:480px){.tell-story-section{padding:3rem 1rem}.story-badge{font-size:.75rem;padding:.5rem 1.5rem}.story-title{font-size:1.8rem}.story-subtitle{font-size:1rem}.featured-story-image{height:350px}.featured-overlay{padding:1.5rem}.featured-content h3{font-size:1.5rem}.featured-years,.featured-quote{font-size:.95rem}.mini-story-info h4{font-size:1.1rem}.mini-description{font-size:.9rem}.story-bottom-cta{padding:2.5rem 1.5rem}.story-cta-inner h3{font-size:1.6rem}.story-cta-inner p{font-size:1rem}.story-create-btn{padding:1rem 2.5rem;font-size:1rem}.stat-number{font-size:2rem}.stat-label{font-size:.85rem}}.reviews-section{padding:7rem 4rem;background:linear-gradient(180deg,#faf8f5,#fff)}.reviews-header{text-align:center;margin-bottom:4rem}.reviews-title{font-family:Montserrat,sans-serif;font-size:3.5rem;font-weight:700;color:#2c2c2c;margin-bottom:1rem;letter-spacing:-1px}.reviews-subtitle{font-family:Inter,sans-serif;font-size:1.2rem;color:#666;font-weight:300}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:1400px;margin:0 auto 4rem}.review-card{background:#fff;padding:2.5rem;border-radius:20px;box-shadow:0 5px 20px #00000014;transition:all .3s ease;text-align:center;border:1px solid transparent}.review-card:hover{transform:translateY(-8px);box-shadow:0 15px 35px #c8b37433;border-color:#c8b3744d}.review-avatar{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;background:#f0f0f0;display:flex;align-items:center;justify-content:center}.review-name{font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:700;color:#2c2c2c;margin-bottom:1rem;letter-spacing:-.3px}.review-stars{display:flex;justify-content:center;gap:.3rem;margin-bottom:1.5rem}.review-stars .star{color:#c8b374;font-size:1.3rem}.review-heading{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;color:#2c2c2c;margin-bottom:1rem;letter-spacing:-.2px}.review-text{font-family:Inter,sans-serif;font-size:1rem;color:#666;line-height:1.8;margin-bottom:1.5rem;text-align:left}.review-toggle{background:transparent;border:none;color:#2c2c2c;font-size:.95rem;font-weight:600;cursor:pointer;transition:color .3s ease;text-decoration:underline}.review-toggle:hover{color:#c8b374}.reviews-bottom{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:3rem;background:linear-gradient(135deg,#c8b3740d,#c8b3741a);border-radius:25px;border:1px solid rgba(200,179,116,.2)}.rating-summary{display:flex;align-items:center;gap:2rem}.rating-number{font-family:Montserrat,sans-serif;font-size:5rem;font-weight:700;color:#c8b374;line-height:1}.rating-info{display:flex;flex-direction:column;gap:.5rem}.rating-stars-large{display:flex;gap:.4rem}.rating-stars-large .star{color:#c8b374;font-size:1.8rem}.rating-count{font-family:Inter,sans-serif;font-size:1rem;color:#666;font-weight:500}.view-all-reviews-btn{padding:1rem 3rem;background:linear-gradient(135deg,#c8b374,#d4c186);border:none;border-radius:50px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .4s ease;box-shadow:0 6px 20px #c8b37466;letter-spacing:.5px}.view-all-reviews-btn:hover{transform:translateY(-3px);box-shadow:0 10px 30px #c8b37499}@media(max-width:1024px){.reviews-section{padding:5rem 2rem}.reviews-title{font-size:2.8rem}.reviews-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.reviews-bottom{flex-direction:column;gap:2rem;text-align:center}.rating-summary{flex-direction:column;gap:1rem}}@media(max-width:768px){.reviews-section{padding:4rem 1.5rem}.reviews-title{font-size:2.2rem}.reviews-subtitle{font-size:1.1rem}.reviews-grid{grid-template-columns:1fr}.reviews-bottom{padding:2rem}.rating-number{font-size:4rem}.rating-stars-large .star{font-size:1.5rem}}@media(max-width:480px){.reviews-section{padding:3rem 1rem}.reviews-title{font-size:1.8rem}.reviews-subtitle{font-size:1rem}.review-card{padding:2rem 1.5rem}.review-name{font-size:1.2rem}.review-heading{font-size:1.1rem}.review-text{font-size:.95rem}.rating-number{font-size:3rem}.rating-stars-large .star{font-size:1.3rem}.view-all-reviews-btn{width:100%;padding:1rem 2rem}}.about-page{width:100%;margin-top:0}.about-mission{padding:6rem 2rem;max-width:1200px;margin:0 auto}.mission-content{display:grid;grid-template-columns:1.2fr 1fr;gap:4rem;align-items:center}.mission-text h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#2c2c2c;margin-bottom:1.5rem}.mission-intro{font-size:1.2rem;font-weight:600;color:#c8b374;margin-bottom:1.5rem;line-height:1.8}.mission-text p{font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:1.2rem}.mission-image{border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.mission-image img{width:100%;height:100%;object-fit:cover;display:block}.about-values{background-color:#f9f9f9;padding:6rem 2rem;text-align:center}.about-values h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#2c2c2c;margin-bottom:3rem}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1200px;margin:0 auto}.value-card{background:#fff;padding:2.5rem 1.5rem;border-radius:12px;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #0000001f}.value-icon{font-size:3rem;margin-bottom:1rem}.value-card h3{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:600;color:#2c2c2c;margin-bottom:1rem}.value-card p{font-size:.95rem;line-height:1.7;color:#666}.about-story{padding:6rem 2rem;max-width:1200px;margin:0 auto}.story-container{display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.story-image{border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #0000001a}.story-image img{width:100%;height:100%;object-fit:cover;display:block}.story-text h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#2c2c2c;margin-bottom:1.5rem}.story-text p{font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:1.2rem}.story-signature{font-style:italic;color:#c8b374;font-weight:600;margin-top:2rem}.about-impact{background-color:#2c2c2c;padding:5rem 2rem;text-align:center;color:#fff}.about-impact h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:3rem}.impact-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;max-width:1200px;margin:0 auto}.stat-box{padding:2rem}.stat-number{font-family:Montserrat,sans-serif;font-size:3rem;font-weight:700;color:#c8b374;margin-bottom:.5rem}.stat-label{font-size:1.1rem;color:#d1d1d1;font-weight:500}.about-team{padding:6rem 2rem;max-width:1200px;margin:0 auto;text-align:center}.about-team h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#2c2c2c;margin-bottom:1rem}.team-intro{font-size:1.1rem;color:#666;max-width:700px;margin:0 auto 3rem;line-height:1.8}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.team-member{text-align:center}.member-image{width:200px;height:200px;border-radius:50%;overflow:hidden;margin:0 auto 1.5rem;box-shadow:0 8px 30px #0000001a;display:flex;align-items:center;justify-content:center;background-color:#f0f0f0}.member-image i{font-size:120px;color:#c8b374}.member-image img{width:100%;height:100%;object-fit:cover}.team-member h3{font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:600;color:#2c2c2c;margin-bottom:.3rem}.member-role{color:#c8b374;font-weight:600;font-size:1rem;margin-bottom:.8rem}.member-bio{font-size:.95rem;line-height:1.7;color:#666}.about-cta{background:linear-gradient(135deg,#c8b374,#a89359);padding:5rem 2rem;text-align:center}.cta-box{max-width:700px;margin:0 auto}.cta-box h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.cta-box p{font-size:1.2rem;color:#fff;margin-bottom:2rem}.cta-button{background-color:#2c2c2c;color:#fff;border:none;padding:1.2rem 3rem;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.cta-button:hover{background-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}@media(max-width:1024px){.values-grid{grid-template-columns:repeat(2,1fr)}.impact-stats{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:768px){.about-hero{height:50vh;margin-top:80px}.about-hero-content h1{font-size:2.5rem}.about-hero-content p{font-size:1.2rem}.mission-content,.story-container{grid-template-columns:1fr;gap:2.5rem}.story-container{direction:rtl}.story-text{direction:ltr}.values-grid{grid-template-columns:1fr;gap:1.5rem}.team-grid{grid-template-columns:1fr;gap:2.5rem}.impact-stats{grid-template-columns:1fr;gap:2rem}.about-mission,.about-story,.about-team,.about-values,.about-impact,.about-cta{padding:4rem 1.5rem}}@media(max-width:480px){.about-hero-content h1{font-size:2rem}.about-hero-content p{font-size:1rem}.mission-text h2,.story-text h2,.about-values h2,.about-impact h2,.about-team h2,.cta-box h2{font-size:2rem}.stat-number{font-size:2.5rem}}.stories-page{width:100%;margin-top:0}.stories-intro{padding:5rem 2rem 3rem;max-width:900px;margin:0 auto;text-align:center}.intro-content h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#2c2c2c;margin-bottom:1.5rem}.intro-content p{font-size:1.1rem;line-height:1.8;color:#555}.stories-filter{padding:2rem 2rem 3rem;background-color:#f9f9f9}.filter-container{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-btn{background-color:#fff;border:2px solid #e0e0e0;color:#2c2c2c;padding:.8rem 1.8rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:#c8b374;color:#c8b374}.filter-btn.active{background-color:#c8b374;border-color:#c8b374;color:#fff}.stories-grid-section{padding:4rem 2rem;max-width:1300px;margin:0 auto}.stories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.story-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:transform .3s ease,box-shadow .3s ease;position:relative}.story-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.featured-badge{position:absolute;top:1rem;right:1rem;background-color:#c8b374;color:#fff;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;z-index:10;text-transform:uppercase;letter-spacing:.5px}.story-image{height:300px;overflow:hidden;position:relative}.story-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.story-card:hover .story-image img{transform:scale(1.08)}.story-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(44,44,44,.9) 100%);display:flex;align-items:flex-end;justify-content:center;padding:2rem;opacity:0;transition:opacity .3s ease}.story-card:hover .story-overlay{opacity:1}.view-story-btn{background-color:#c8b374;color:#fff;border:none;padding:.9rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.view-story-btn:hover{background-color:#a89359;transform:scale(1.05)}.story-info{padding:1.5rem}.story-info h3{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:600;color:#2c2c2c;margin-bottom:.5rem}.story-years{color:#c8b374;font-weight:600;font-size:.95rem;margin-bottom:.8rem}.story-preview{font-size:.95rem;line-height:1.7;color:#666;margin-bottom:1rem}.story-meta{display:flex;align-items:center;gap:1.5rem;padding-top:1rem;border-top:1px solid #e0e0e0}.memory-count{display:flex;align-items:center;gap:.5rem;color:#888;font-size:.9rem;font-weight:500}.memory-count svg{color:#c8b374}.share-story-cta{background:linear-gradient(135deg,#2c2c2c,#1a1a1a);padding:5rem 2rem;text-align:center;color:#fff}.share-story-cta .cta-content{max-width:700px;margin:0 auto}.share-story-cta h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.share-story-cta p{font-size:1.2rem;line-height:1.8;margin-bottom:2.5rem;color:#d1d1d1}.create-memorial-btn{background-color:#c8b374;color:#fff;border:none;padding:1.2rem 3rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.create-memorial-btn:hover{background-color:#a89359;transform:translateY(-2px);box-shadow:0 8px 20px #c8b37466}.community-stats{padding:5rem 2rem;background-color:#f9f9f9;text-align:center}.community-stats h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#2c2c2c;margin-bottom:3rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;max-width:1200px;margin:0 auto}.stat-item{background:#fff;padding:2.5rem 1.5rem;border-radius:12px;box-shadow:0 4px 20px #00000014}.stat-number{font-family:Montserrat,sans-serif;font-size:2.8rem;font-weight:700;color:#c8b374;margin-bottom:.5rem}.stat-label{font-size:1rem;color:#666;font-weight:500}@media(max-width:1024px){.stories-grid,.stats-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(max-width:768px){.intro-content h2,.share-story-cta h2,.community-stats h2{font-size:2rem}.stories-grid{grid-template-columns:1fr;gap:2rem}.filter-container{gap:.8rem}.filter-btn{padding:.7rem 1.4rem;font-size:.95rem}.stats-grid{grid-template-columns:1fr;gap:1.5rem}.stories-intro,.stories-grid-section,.share-story-cta,.community-stats{padding:3rem 1.5rem}}@media(max-width:480px){.intro-content h2,.share-story-cta h2,.community-stats h2{font-size:1.8rem}.story-image{height:250px}.stat-number{font-size:2.3rem}}.signin-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;padding:2rem 0}.signin-container{width:100%;max-width:1200px;min-height:750px;display:grid;grid-template-columns:1fr 1fr;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 60px #0000001a;margin:2rem}.signin-left{background:linear-gradient(#2c2c2c66,#2c2c2c99),var(--signin-bg-image) center/cover;display:flex;align-items:center;justify-content:center;padding:3rem;position:relative}.signin-image-overlay{text-align:center;color:#fff;z-index:1}.overlay-content h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.overlay-content p{font-size:1.2rem;color:#c8b374;line-height:1.8}.signin-right{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background-color:#fff}.signin-form-container{width:100%;max-width:450px}.signin-logo{text-align:center;margin-bottom:2rem}.signin-logo img{height:70px;width:auto}.signin-header{text-align:center;margin-bottom:2.5rem}.signin-header h1{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;color:#2c2c2c;margin-bottom:.5rem}.signin-header p{font-size:1rem;color:#666}.signin-form{display:flex;flex-direction:column;gap:1.5rem}.form-group select,.form-group .role-selector{padding:.9rem 1.2rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease;background-color:#fff;cursor:pointer;width:100%}.form-group select:focus,.form-group .role-selector:focus{outline:none;border-color:#c8b374;background-color:#fafafa}.form-group select:disabled,.form-group .role-selector:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.form-options{display:flex;justify-content:space-between;align-items:center;margin-top:-.5rem}.remember-me{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666;cursor:pointer}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#c8b374}.forgot-password{font-size:.9rem;color:#c8b374;text-decoration:none;font-weight:600;transition:color .3s ease}.forgot-password:hover{color:#a89359}.signin-btn{background-color:#c8b374;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.signin-btn:hover:not(:disabled){background-color:#a89359;transform:translateY(-2px);box-shadow:0 6px 20px #c8b3744d}.signin-btn:disabled{background-color:#d4d4d4;cursor:not-allowed;transform:none}background-color: #a89359; transform: translateY(-2px); box-shadow: 0 6px 20px rgba(200,179,116,.3); } .divider{display:flex;align-items:center;text-align:center;margin:1rem 0}.signin-footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid #f0f0f0}.signin-footer p{font-size:.95rem;color:#666}.signin-footer a{color:#c8b374;font-weight:600;text-decoration:none;transition:color .3s ease}.signin-footer a:hover{color:#a89359}@media(max-width:968px){.signin-container{grid-template-columns:1fr;margin:1rem;min-height:auto}.signin-left{min-height:200px;padding:2rem 1rem}.overlay-content h2{font-size:1.8rem}.overlay-content p{font-size:.95rem}.signin-right{padding:2.5rem 1.5rem}.signin-form-container{max-width:100%}}@media(max-width:480px){.signin-page{padding:.5rem 0}.signin-container{margin:.5rem;border-radius:12px}.signin-header h1{font-size:1.6rem}.signin-header p{font-size:.9rem}.signin-logo img{height:55px}.signin-left{min-height:150px;padding:1.5rem 1rem}.overlay-content h2{font-size:1.4rem}.overlay-content p{font-size:.85rem}.signin-right{padding:2rem 1rem}.form-group input{padding:.8rem 1rem;font-size:.95rem}.signin-btn{padding:.9rem;font-size:1rem}}.signup-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;padding:2rem 0}.signup-container{width:100%;max-width:1200px;min-height:750px;display:grid;grid-template-columns:1fr 1fr;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 60px #0000001a;margin:2rem}.signup-left{display:flex;align-items:center;justify-content:center;padding:3rem 2rem;background-color:#fff}.signup-form-container{width:100%;max-width:450px}.signup-logo{text-align:center;margin-bottom:2rem}.signup-logo img{height:70px;width:auto}.signup-header{text-align:center;margin-bottom:2rem}.signup-header h1{font-family:Montserrat,sans-serif;font-size:2rem;font-weight:700;color:#2c2c2c;margin-bottom:.5rem}.signup-header p{font-size:1rem;color:#666}.signup-form{display:flex;flex-direction:column;gap:1.2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.95rem;font-weight:600;color:#2c2c2c}.form-group input{padding:.9rem 1.2rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease;background-color:#fff}.form-group input:focus{outline:none;border-color:#c8b374;background-color:#fafafa}.form-group input.error{border-color:#dc3545}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.error-message{font-size:.85rem;color:#dc3545;margin-top:-.25rem}.form-group input::placeholder{color:#aaa}.terms-checkbox{display:flex;align-items:flex-start;gap:.6rem;font-size:.9rem;color:#666;cursor:pointer;margin-top:.5rem}.terms-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#c8b374;margin-top:2px;flex-shrink:0}.terms-checkbox a{color:#c8b374;text-decoration:none;font-weight:600}.terms-checkbox a:hover{text-decoration:underline}.admin-signup-toggle{margin:1.5rem 0;padding:1rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:8px;border:2px solid rgba(102,126,234,.2)}.admin-signup-toggle .checkbox-label{display:flex;align-items:center;gap:.75rem;font-size:.95rem;color:#374151;font-weight:600;cursor:pointer}.admin-signup-toggle input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.admin-code-field{animation:slideDown .3s ease-out}.admin-code-field label{color:#667eea;font-weight:600}.admin-code-field input{border:2px solid #667eea}.admin-code-field input:focus{border-color:#764ba2;box-shadow:0 0 0 3px #667eea1a}.field-hint{display:block;font-size:.8rem;color:#6b7280;margin-top:.25rem;font-style:italic}.signup-btn{background-color:#c8b374;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.signup-btn:hover:not(:disabled){background-color:#a89359;transform:translateY(-2px);box-shadow:0 6px 20px #c8b3744d}.signup-btn:disabled{background-color:#d4d4d4;cursor:not-allowed;transform:none}.divider{display:flex;align-items:center;text-align:center;margin:.8rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.divider span{padding:0 1rem;color:#999;font-size:.9rem;font-weight:500}.google-btn{display:flex;align-items:center;justify-content:center;gap:.8rem;width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;background-color:#fff;font-size:1rem;font-weight:600;color:#2c2c2c;cursor:pointer;transition:all .3s ease}.google-btn:hover{border-color:#c8b374;background-color:#fafafa}.signup-footer{text-align:center;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #f0f0f0}.signup-footer p{font-size:.95rem;color:#666}.signup-footer a{color:#c8b374;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-footer a:hover{color:#a89359}.signup-right{background:linear-gradient(#2c2c2c66,#2c2c2cb3),var(--signup-bg-image) center/cover;display:flex;align-items:center;justify-content:center;padding:3rem;position:relative}.signup-image-overlay{color:#fff;z-index:1}.overlay-content h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff;text-align:center}.overlay-content>p{font-size:1.2rem;color:#c8b374;line-height:1.8;text-align:center;margin-bottom:3rem}.benefits{display:flex;flex-direction:column;gap:2rem}.benefit-item{display:flex;gap:0;align-items:flex-start;padding-bottom:1.5rem;border-bottom:1px solid rgba(200,179,116,.3)}.benefit-item:last-child{border-bottom:none;padding-bottom:0}.benefit-text h4{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.5rem}.benefit-text p{font-size:1rem;color:#d1d1d1;line-height:1.7}@media(max-width:968px){.signup-container{grid-template-columns:1fr;margin:1rem;min-height:auto}.signup-right{min-height:350px;padding:2rem 1rem;order:-1}.overlay-content h2{font-size:1.8rem}.overlay-content>p{font-size:.95rem;margin-bottom:2rem}.benefit-item{padding-bottom:1.2rem}.benefit-text h4{font-size:1.1rem}.benefit-text p{font-size:.9rem}.signup-left{padding:2.5rem 1.5rem}.signup-form-container{max-width:100%}}@media(max-width:480px){.signup-page{padding:.5rem 0}.signup-container{margin:.5rem;border-radius:12px}.signup-header h1{font-size:1.6rem}.signup-header p{font-size:.9rem}.signup-logo img{height:55px}.overlay-content h2{font-size:1.4rem}.overlay-content>p{font-size:.85rem}.signup-right{min-height:280px;padding:1.5rem 1rem}.signup-left{padding:2rem 1rem}.benefits{gap:1.2rem}.benefit-item{padding-bottom:1rem}.benefit-text h4{font-size:1rem}.benefit-text p{font-size:.85rem}.form-group input{padding:.8rem 1rem;font-size:.95rem}.signup-btn{padding:.9rem;font-size:1rem}.terms-checkbox{font-size:.85rem}}.shop-page{width:100%}.product-selection{background:linear-gradient(135deg,#667eea,#764ba2);padding:3rem 2rem}.product-tabs{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.product-tab{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:16px;padding:2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.product-tab:hover{background:#ffffff26;transform:translateY(-5px)}.product-tab.active{background:#fff;border-color:#fff;transform:translateY(-5px);box-shadow:0 10px 30px #0003}.tab-content h3{color:#fff;font-size:1.5rem;margin-bottom:.5rem}.tab-content p{color:#ffffffe6;margin-bottom:1rem}.tab-price{display:inline-block;background:#fff3;color:#fff;padding:.5rem 1rem;border-radius:20px;font-weight:700;font-size:1.2rem}.product-tab.active .tab-content h3,.product-tab.active .tab-content p{color:#1f2937}.product-tab.active .tab-price{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.product-section{padding:5rem 2rem;max-width:1300px;margin:0 auto}.product-container{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.product-image-section{position:sticky;top:120px}.product-main-image{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0000001a;margin-bottom:1.5rem}.product-main-image img{width:100%;height:auto;display:block}.quality-badge{position:absolute;top:1.5rem;right:1.5rem;background-color:#c8b374;color:#fff;padding:.6rem 1.2rem;border-radius:30px;font-weight:600;font-size:.9rem}.product-thumbnails{display:flex;gap:1rem}.thumbnail{width:80px;height:80px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid #e0e0e0;transition:all .3s ease}.thumbnail:hover,.thumbnail.active{border-color:#c8b374}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-details h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#2c2c2c;margin-bottom:1rem}.product-rating{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.stars{display:flex;gap:.2rem;color:#c8b374;font-size:1.2rem}.rating-text{color:#666;font-size:.95rem}.product-price{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.current-price{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#2c2c2c}.original-price{font-size:1.5rem;color:#999;text-decoration:line-through}.discount-badge{background-color:#f44;color:#fff;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600}.stock-info{margin-bottom:1.5rem;padding:.8rem 1rem;border-radius:8px;display:inline-block}.in-stock{color:#28a745;font-weight:600;font-size:1rem}.in-stock i{margin-right:.5rem}.out-of-stock{color:#dc3545;font-weight:600;font-size:1rem}.out-of-stock i{margin-right:.5rem}.stock-warning{color:#ff6b6b;font-size:.9rem;font-weight:600;margin-top:.5rem;display:block}.product-description{font-size:1.05rem;line-height:1.8;color:#555;margin-bottom:2.5rem}.product-options{display:flex;flex-direction:column;gap:2rem;margin-bottom:2.5rem;padding:2rem;background-color:#f9f9f9;border-radius:12px}.option-group label{display:block;font-weight:600;color:#2c2c2c;margin-bottom:.8rem;font-size:1rem}.finish-options{display:flex;gap:1rem}.finish-btn{flex:1;padding:.9rem 1.5rem;border:2px solid #e0e0e0;background-color:#fff;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:capitalize}.finish-btn:hover{border-color:#c8b374}.finish-btn.active{background-color:#c8b374;border-color:#c8b374;color:#fff}.quantity-selector{display:flex;align-items:center;gap:1.5rem;background-color:#fff;padding:.5rem 1rem;border-radius:8px;width:fit-content;border:2px solid #e0e0e0}.quantity-selector button{width:35px;height:35px;border:none;background-color:#c8b374;color:#fff;font-size:1.3rem;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.quantity-selector button:hover:not(:disabled){background-color:#a89359}.quantity-selector button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6}.quantity-selector span{font-size:1.2rem;font-weight:600;min-width:30px;text-align:center}.product-actions{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem;position:relative}.auth-message{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:1rem 1.5rem;border-radius:8px;text-align:center;font-weight:600;font-size:1rem;animation:slideDown .3s ease;box-shadow:0 4px 12px #ff6b6b4d}.purchase-message{padding:1rem 1.5rem;border-radius:8px;text-align:center;font-weight:600;font-size:1rem;animation:slideDown .3s ease}.purchase-message.success{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;box-shadow:0 4px 12px #28a7454d}.purchase-message.error{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;box-shadow:0 4px 12px #ff6b6b4d}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.product-actions>button{width:100%}.add-to-cart-btn,.buy-now-btn{width:100%;padding:1.2rem 2rem;font-size:1.1rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s ease;border:none}.add-to-cart-btn{background-color:#c8b374;color:#fff}.add-to-cart-btn:hover:not(:disabled){background-color:#a89359;transform:translateY(-2px);box-shadow:0 8px 20px #c8b3744d}.add-to-cart-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6;transform:none}.buy-now-btn{background-color:#2c2c2c;color:#fff}.buy-now-btn:hover:not(:disabled){background-color:#1a1a1a;transform:translateY(-2px)}.buy-now-btn:disabled{background-color:#ccc;cursor:not-allowed;opacity:.6;transform:none}.product-features{margin-bottom:2.5rem;padding:2rem;background-color:#f9f9f9;border-radius:12px}.product-features h3{font-family:Montserrat,sans-serif;font-size:1.3rem;font-weight:600;color:#2c2c2c;margin-bottom:1.5rem}.product-features ul{list-style:none;padding:0;margin:0}.product-features li{display:flex;align-items:center;gap:1rem;padding:.8rem 0;font-size:1rem;color:#555}.check-icon{color:#c8b374;font-size:1.3rem;font-weight:700}.delivery-notice{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-left:4px solid #2196f3;padding:1.2rem;border-radius:8px;display:flex;gap:1rem;margin-top:1rem;align-items:flex-start}.delivery-notice i{color:#2196f3;font-size:1.3rem;margin-top:.2rem;flex-shrink:0}.delivery-notice div{color:#1565c0;font-size:.95rem;line-height:1.6}.delivery-notice strong{font-weight:700}.how-it-works-shop{background-color:#f9f9f9;padding:5rem 2rem;text-align:center}.how-it-works-shop h2{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#2c2c2c;margin-bottom:3rem}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.step{background-color:#fff;padding:2.5rem 1.5rem;border-radius:12px;box-shadow:0 4px 20px #00000014;position:relative;z-index:2;transition:transform .3s ease,box-shadow .3s ease}.step:hover{transform:translateY(-5px);box-shadow:0 8px 30px #0000001f}.step-number{width:60px;height:60px;background-color:#c8b374;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;margin:0 auto 1.5rem;position:relative;z-index:3}.step h3{font-family:Montserrat,sans-serif;font-size:1.2rem;font-weight:600;color:#2c2c2c;margin-bottom:.8rem}.step p{font-size:.95rem;color:#666;line-height:1.6}.cart-sidebar{position:fixed;top:0;right:-450px;width:450px;height:100vh;background-color:#fff;box-shadow:-5px 0 20px #0000001a;z-index:3000;transition:right .4s ease;display:flex;flex-direction:column}.cart-sidebar.active{right:0}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e0e0e0}.cart-header h3{font-family:Montserrat,sans-serif;font-size:1.5rem;font-weight:600;color:#2c2c2c}.close-cart{width:40px;height:40px;border:none;background-color:#f0f0f0;border-radius:50%;font-size:2rem;color:#666;cursor:pointer;transition:all .3s ease}.close-cart:hover{background-color:#c8b374;color:#fff}.cart-items{flex:1;overflow-y:auto;padding:2rem}.empty-cart{text-align:center;color:#999;padding:3rem 0}.cart-item{display:flex;gap:1rem;padding:1.5rem;background-color:#f9f9f9;border-radius:10px;margin-bottom:1rem;position:relative}.cart-item img{width:80px;height:80px;object-fit:cover;border-radius:8px}.cart-item-details{flex:1}.cart-item-details h4{font-size:1rem;font-weight:600;color:#2c2c2c;margin-bottom:.5rem}.cart-item-details p{font-size:.9rem;color:#666;margin:.2rem 0}.cart-item-price{font-weight:700;color:#c8b374;font-size:1.1rem!important}.remove-btn{position:absolute;top:1rem;right:1rem;width:30px;height:30px;border:none;background-color:#f44;color:#fff;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:background-color .3s ease}.remove-btn:hover{background-color:#c00}.cart-footer{padding:2rem;border-top:1px solid #e0e0e0}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.2rem;font-weight:600}.total-amount{font-family:Montserrat,sans-serif;font-size:1.8rem;color:#c8b374}.checkout-btn,.continue-shopping{width:100%;padding:1rem;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease}.checkout-btn{background-color:#c8b374;color:#fff;margin-bottom:1rem}.checkout-btn:hover{background-color:#a89359}.continue-shopping{background-color:#f0f0f0;color:#2c2c2c}.continue-shopping:hover{background-color:#e0e0e0}.cart-overlay{position:fixed;inset:0;background-color:#00000080;z-index:2999}@media(max-width:1024px){.product-container{grid-template-columns:1fr;gap:3rem}.product-image-section{position:static}.steps-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.step{padding:2rem 1.2rem}}@media(max-width:768px){.product-section{padding:3rem 1.5rem;margin-top:100px}.product-details h2,.current-price{font-size:2rem}.product-actions{flex-direction:column}.steps-grid{grid-template-columns:1fr;gap:1.5rem}.how-it-works-shop{padding:3rem 1.5rem}.how-it-works-shop h2{font-size:2rem}.cart-sidebar{width:100%;right:-100%}}@media(max-width:480px){.product-options{padding:1.5rem}.current-price{font-size:1.8rem}}.cart-container{max-width:1200px;margin:120px auto 40px;padding:20px;min-height:calc(100vh - 200px)}.cart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.cart-header h1{font-size:2.5rem;color:#2c2c2c;margin:0;font-family:Montserrat,sans-serif;font-weight:700}.clear-cart-btn{padding:11px 22px;background-color:#fee2e2;color:#dc2626;border:1.5px solid #fca5a5;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s;font-family:Inter,sans-serif}.clear-cart-btn:hover{background-color:#dc2626;color:#fff;border-color:#dc2626}.clear-cart-btn:disabled{background-color:#f5f5f5;color:#999;border:1px solid #e0e0e0;cursor:not-allowed}.loading,.error{text-align:center;padding:40px;font-size:1.1rem;color:#666;font-family:Inter,sans-serif}.error{color:#dc2626}.error-message{background-color:#fee2e2;border:1.5px solid #fca5a5;color:#dc2626;padding:12px;border-radius:8px;margin-bottom:20px;font-weight:500}.retry-btn{padding:11px 22px;background-color:#c8b374;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:10px;font-weight:600;transition:all .3s;font-family:Inter,sans-serif}.retry-btn:hover{background-color:#b39f62;transform:translateY(-2px);box-shadow:0 6px 16px #c8b3744d}.empty-cart{text-align:center;padding:60px 20px}.empty-cart-icon{font-size:5rem;margin-bottom:20px;opacity:.3}.empty-cart h2{color:#2c2c2c;margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:1.8rem}.empty-cart p{color:#666;margin-bottom:30px}.continue-shopping-btn{padding:14px 32px;background-color:#c8b374;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;font-family:Inter,sans-serif}.continue-shopping-btn:hover{background-color:#b39f62;transform:translateY(-2px);box-shadow:0 6px 16px #c8b3744d}.cart-content{display:grid;grid-template-columns:1fr 350px;gap:30px}.cart-items{display:flex;flex-direction:column;gap:15px}.cart-item{display:grid;grid-template-columns:100px 1fr 100px 120px 100px 40px;gap:20px;align-items:center;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #0000000d;transition:all .3s;border:1px solid #f0f0f0}.cart-item:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.item-image{width:100px;height:100px;border-radius:8px;overflow:hidden;background-color:#f9f9f9;display:flex;align-items:center;justify-content:center;border:1px solid #f0f0f0}.item-image img{width:100%;height:100%;object-fit:cover}.no-image{color:#999;font-size:.8rem;text-align:center}.item-details{display:flex;flex-direction:column;gap:5px}.item-details h3{font-size:1.1rem;color:#2c2c2c;margin:0;font-family:Montserrat,sans-serif;font-weight:600}.item-details p{font-size:.9rem;color:#666;margin:0;line-height:1.4;font-family:Inter,sans-serif}.item-type{display:inline-block;padding:4px 12px;background-color:#c8b3741a;color:#c8b374;border-radius:12px;font-size:.75rem;font-weight:600;width:fit-content;border:1px solid rgba(200,179,116,.3)}.item-price{font-size:1.1rem;font-weight:600;color:#2c2c2c;text-align:center;font-family:Inter,sans-serif}.item-quantity{display:flex;align-items:center;gap:10px;justify-content:center}.qty-btn{width:32px;height:32px;border:1.5px solid #e0e0e0;background-color:#fff;color:#2c2c2c;cursor:pointer;border-radius:6px;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:all .2s;font-weight:600}.qty-btn:hover{background-color:#c8b374;color:#fff;border-color:#c8b374}.qty-btn:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.5}.qty-display{font-size:1rem;font-weight:600;min-width:30px;text-align:center}.item-total{font-size:1.2rem;font-weight:700;color:#c8b374;text-align:center;font-family:Inter,sans-serif}.remove-btn{width:32px;height:32px;background-color:#fee2e2;color:#dc2626;border:1.5px solid #fca5a5;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.remove-btn:hover{background-color:#dc2626;color:#fff;border-color:#dc2626}.remove-btn:disabled{background-color:#ccc;cursor:not-allowed}.cart-summary{background-color:#fff;padding:28px;border-radius:12px;box-shadow:0 2px 10px #0000000d;height:fit-content;position:sticky;top:100px;border:1px solid #f0f0f0}.cart-summary h2{font-size:1.6rem;color:#2c2c2c;margin:0 0 20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0;font-family:Montserrat,sans-serif;font-weight:700}.summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:.98rem;color:#666;font-family:Inter,sans-serif}.summary-row.total{font-size:1.4rem;font-weight:700;color:#c8b374;margin-top:15px}.summary-divider{height:1px;background-color:#e0e0e0;margin:15px 0}.checkout-btn{width:100%;padding:16px;background-color:#c8b374;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:20px;transition:all .3s;font-family:Inter,sans-serif}.checkout-btn:hover{background-color:#b39f62;transform:translateY(-2px);box-shadow:0 6px 16px #c8b3744d}.checkout-btn:disabled{background-color:#f5f5f5;color:#999;cursor:not-allowed;border:1px solid #e0e0e0}.continue-shopping-link{width:100%;padding:13px;background-color:transparent;color:#c8b374;border:1.5px solid #c8b374;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;margin-top:10px;transition:all .3s;font-family:Inter,sans-serif}.continue-shopping-link:hover{background-color:#c8b374;color:#fff}@media(max-width:1024px){.cart-content{grid-template-columns:1fr}.cart-summary{position:static}}@media(max-width:768px){.cart-container{margin-top:60px;padding:15px}.cart-header{flex-direction:column;gap:15px;align-items:flex-start}.cart-header h1{font-size:1.5rem}.cart-item{grid-template-columns:80px 1fr;grid-template-rows:auto auto auto;gap:10px}.item-image{width:80px;height:80px;grid-row:1 / 3}.item-details{grid-column:2}.item-price,.item-quantity,.item-total{grid-column:2;justify-self:start}.remove-btn{position:absolute;right:15px;top:15px}.cart-item{position:relative;padding-right:50px}}.checkout-page{width:100%;min-height:100vh;background-color:#f9f9f9;padding:120px 2rem 4rem}.checkout-container{max-width:1200px;margin:0 auto}.checkout-header{text-align:center;margin-bottom:3rem}.checkout-header h1{font-family:Montserrat,sans-serif;font-size:2.5rem;font-weight:700;color:#2c2c2c;margin-bottom:.5rem}.checkout-header p{font-size:1.1rem;color:#666}.checkout-content{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem}.checkout-form{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 2px 10px #0000000d}.form-section{margin-bottom:2.5rem}.form-section h2{font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:600;color:#2c2c2c;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:2px solid #f0f0f0}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#2c2c2c;margin-bottom:.5rem;font-size:.95rem}.form-group input{width:100%;padding:.9rem 1rem;border:1.5px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#c8b374;box-shadow:0 0 0 3px #c8b3741a}.error-message{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:8px;margin-bottom:1.5rem;text-align:center;font-weight:500}.payment-methods{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem}.payment-option{border:2px solid #e0e0e0;border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;display:block}.payment-option input[type=radio]{display:none}.payment-option.active{border-color:#c8b374;background-color:#c8b3740d}.payment-content{display:flex;align-items:center;gap:.8rem;font-weight:600;color:#2c2c2c}.payment-icon{font-size:1.5rem}.cod-info{background-color:#f9f9f9;padding:1.2rem;border-radius:8px;border-left:3px solid #c8b374}.cod-info p{margin:0;color:#555;font-size:.95rem;line-height:1.6}.cod-info p:first-child{font-weight:600;color:#2c2c2c;margin-bottom:.5rem}.checkout-button{width:100%;background-color:#c8b374;color:#fff;border:none;padding:1.2rem;font-size:1.1rem;font-weight:600;font-family:Montserrat,sans-serif;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:1rem}.checkout-button:hover{background-color:#b3a066;transform:translateY(-2px);box-shadow:0 4px 12px #c8b3744d}.order-summary{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 2px 10px #0000000d;height:fit-content;position:sticky;top:100px}.order-summary h2{font-family:Montserrat,sans-serif;font-size:1.4rem;font-weight:600;color:#2c2c2c;margin-bottom:1.5rem;padding-bottom:.8rem;border-bottom:2px solid #f0f0f0}.summary-item{display:flex;gap:1rem;align-items:center;margin-bottom:1.5rem}.summary-item img{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid #e0e0e0}.item-details h3{font-size:1rem;font-weight:600;color:#2c2c2c;margin-bottom:.3rem}.item-details p{font-size:.9rem;color:#666}.item-price{margin-left:auto;font-weight:600;color:#2c2c2c;font-size:1.1rem}.summary-divider{height:1px;background-color:#e0e0e0;margin:1.5rem 0}.summary-row{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.95rem;color:#555}.summary-total{display:flex;justify-content:space-between;font-size:1.3rem;font-weight:700;color:#2c2c2c;margin-top:1.5rem;font-family:Montserrat,sans-serif}.security-badges{display:flex;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:2px solid #f0f0f0}.security-item{display:flex;align-items:center;gap:.5rem;flex:1}.security-item span{font-size:1.2rem;color:#c8b374}.security-item p{font-size:.85rem;color:#666;margin:0}@media(max-width:968px){.checkout-content{grid-template-columns:1fr}.order-summary{position:static;order:-1}}@media(max-width:768px){.checkout-page{padding:100px 1.5rem 3rem}.checkout-header h1{font-size:2rem}.checkout-form,.order-summary{padding:2rem 1.5rem}.form-row,.payment-methods{grid-template-columns:1fr}}@media(max-width:480px){.checkout-header h1{font-size:1.8rem}.form-section h2,.order-summary h2{font-size:1.2rem}.checkout-form,.order-summary{padding:1.5rem}.summary-item img{width:60px;height:60px}.item-details h3{font-size:.9rem}.security-badges{flex-direction:column;gap:.8rem}}.qr-activation-container{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#c8b374,#d4c186)}.loading-spinner{text-align:center;color:#fff}.spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.activation-card,.success-box,.error-box,.warning-box,.info-box,.profile-view{background:#fff;border-radius:20px;padding:3rem;max-width:500px;width:100%;box-shadow:0 20px 60px #0000004d;text-align:center}.qr-icon{font-size:4rem;margin-bottom:1rem}.success-icon{width:80px;height:80px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;margin:0 auto 1.5rem}.activation-card h1{color:#1f2937;margin-bottom:1.5rem;font-size:2rem}.qr-code-display{background:#f3f4f6;padding:1.5rem;border-radius:12px;margin:2rem 0}.code-label{font-size:.9rem;color:#6b7280;margin-bottom:.5rem}.code-value{font-size:1.5rem;font-weight:700;color:#c8b374;font-family:Courier New,monospace;letter-spacing:2px}.info-section{margin:2rem 0;text-align:left}.info-section h3{color:#374151;margin-bottom:1rem;font-size:1.2rem}.benefits-list{list-style:none;padding:0}.benefits-list li{padding:.75rem 0;color:#4b5563;font-size:1rem;border-bottom:1px solid #e5e7eb}.benefits-list li:last-child{border-bottom:none}.info-text{color:#6b7280;font-size:1rem;margin:1.5rem 0}.error-message{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:8px;margin:1rem 0;font-size:.95rem}.auth-prompt{margin-top:2rem}.auth-prompt p{color:#6b7280;margin-bottom:1.5rem}.signup-link{display:block;margin-top:1rem;color:#6b7280;font-size:.95rem}.signup-link span{color:#c8b374;cursor:pointer;margin-left:.5rem;font-weight:600;text-decoration:underline}.signup-link span:hover{color:#a89456}.activation-actions{margin-top:2rem}.button-group{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.btn-primary,.btn-secondary{padding:1rem 2rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #c8b37466}.btn-large{padding:1.25rem 2.5rem;font-size:1.1rem}.btn-secondary{background:#f3f4f6;color:#374151;border:2px solid #e5e7eb}.btn-secondary:hover{background:#e5e7eb;border-color:#d1d5db}.profile-view{padding:2rem}.profile-header{margin-bottom:2rem}.profile-picture{width:120px;height:120px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:4px solid #c8b374}.profile-header h1{color:#1f2937;margin-bottom:.5rem}.tagline{color:#6b7280;font-size:1.1rem}.scan-count{background:#f3f4f6;padding:1rem;border-radius:10px;margin-top:1.5rem}.scan-count p{color:#374151;font-weight:600;font-size:1.1rem}.success-box h2{color:#1f2937;margin-bottom:1rem}.success-box p{color:#6b7280;margin-bottom:.5rem}.error-box,.warning-box{text-align:center}.error-box h2,.warning-box h2{color:#dc2626;margin-bottom:1rem}.warning-box h2{color:#f59e0b}.error-box p,.warning-box p{color:#6b7280;margin-bottom:1.5rem}@media(max-width:768px){.qr-activation-container{padding:1rem}.activation-card,.success-box,.error-box,.warning-box,.info-box,.profile-view{padding:2rem 1.5rem}.activation-card h1{font-size:1.5rem}.code-value{font-size:1.2rem}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;font-size:.95rem}}.my-qrcodes-container{max-width:1200px;margin:0 auto;padding:2rem;min-height:80vh;margin-top:2rem}.qrcodes-header{text-align:center;margin-bottom:3rem}.qrcodes-header h1{font-size:2.5rem;font-family:Montserrat,sans-serif;color:#2c2c2c;margin-bottom:.5rem;font-weight:700}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{width:50px;height:50px;border:4px solid #e0e0e0;border-top-color:#c8b374;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.stat-card{background:linear-gradient(135deg,#c8b374,#d4c186);border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;color:#fff;box-shadow:0 4px 15px #c8b3744d;transition:transform .3s ease}.error-message{background:#fee2e2;color:#dc2626;padding:1rem;border-radius:10px;margin-bottom:2rem;text-align:center}.success-message{background:#d1fae5;color:#059669;padding:1rem 1.5rem;border-radius:10px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.success-message button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:0 .5rem;color:inherit;opacity:.7}.success-message button:hover{opacity:1}.empty-state{text-align:center;padding:4rem 2rem;background:#f9f9f9;border-radius:16px;margin-top:2rem}.empty-icon{font-size:5rem;margin-bottom:1rem;color:#c8b374}.empty-state h2{color:#2c2c2c;font-family:Montserrat,sans-serif;margin-bottom:.5rem}.empty-state p{color:#666;font-family:Inter,sans-serif;font-size:1.1rem;margin-bottom:.5rem}.hint{color:#999;font-style:italic}.qrcodes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-top:2rem}.qrcode-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:all .3s ease}.qrcode-card:hover{transform:translateY(-5px);box-shadow:0 8px 30px #00000026}.qrcode-header{background:linear-gradient(135deg,#c8b374,#d4c186);padding:1.5rem;display:flex;justify-content:space-between;align-items:center}.qrcode-header h3{color:#fff;font-size:1.2rem;font-family:Courier New,monospace;letter-spacing:1px;margin:0}.status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-gray{background:#fff3;color:#fff}.badge-blue{background:#3b82f633;color:#fff}.badge-green{background:#10b9814d;color:#fff}.badge-red{background:#ef44444d;color:#fff}.qrcode-image{display:flex;justify-content:center;align-items:center;padding:2rem;background:#f9f9f9}.qrcode-image img{width:200px;height:200px;object-fit:contain}.placeholder-qr{width:200px;height:200px;background:#e0e0e0;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#999;border-radius:10px}.qrcode-details{padding:1.5rem}.linked-profile{display:flex;justify-content:space-between;align-items:center;background:#f9f9f9;padding:1rem;border-radius:10px;margin-bottom:1rem}.profile-info{display:flex;align-items:center;gap:.75rem;flex:1}.profile-thumb{width:40px;height:40px;border-radius:50%;object-fit:cover}.profile-name{font-weight:600;font-family:Inter,sans-serif;color:#2c2c2c;margin:0}.profile-tagline{font-size:.85rem;font-family:Inter,sans-serif;color:#666;margin:.25rem 0 0}.btn-unlink{background:#fee2e2;color:#dc2626;border:none;padding:.5rem;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:all .2s ease}.btn-unlink:hover{background:#fecaca;transform:scale(1.1)}.qrcode-stats{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.stat-item:last-child{border-bottom:none}.stat-label{color:#666;font-family:Inter,sans-serif;font-size:.9rem}.stat-value{color:#2c2c2c;font-family:Inter,sans-serif;font-weight:600}.qrcode-actions{display:flex;gap:.75rem}.btn-primary,.btn-secondary{flex:1;padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.btn-primary{background:linear-gradient(135deg,#c8b374,#d4c186);color:#fff;font-family:Inter,sans-serif}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #c8b37466}.btn-secondary{background:#f9f9f9;color:#2c2c2c;font-family:Inter,sans-serif;border:2px solid #e0e0e0}.btn-secondary:hover{background:#e0e0e0;border-color:#c8b374}.restriction-message{text-align:center;padding:1.5rem 1rem;background:#fff9e6;border:2px solid #f0e68c;border-radius:8px;margin-top:1rem}.warning-text{color:#d97706;font-weight:600;font-size:.95rem;margin-bottom:.75rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.warning-text i{font-size:1.1rem}.hint-text{color:#666;font-size:.9rem;margin-top:.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem;font-style:italic}.hint-text i{color:#c8b374}@media(max-width:768px){.my-qrcodes-container{padding:1rem}.qrcodes-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.qrcodes-grid{grid-template-columns:1fr;gap:1.5rem}.qrcode-header h3{font-size:1rem}.qrcode-image img,.placeholder-qr{width:150px;height:150px}.stat-card{padding:1.5rem}.stat-icon{font-size:2.5rem}}.orders-container{max-width:1200px;margin:120px auto 40px;padding:20px;min-height:calc(100vh - 200px)}.orders-header{margin-bottom:30px}.orders-header h1{font-size:2.5rem;color:#2c2c2c;margin-bottom:20px;font-family:Montserrat,sans-serif;font-weight:700}.orders-filter{display:flex;gap:10px;flex-wrap:wrap}.orders-filter button{padding:10px 20px;background-color:#fff;color:#2c2c2c;border:1.5px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s;font-family:Inter,sans-serif}.orders-filter button:hover{background-color:#f9f9f9;border-color:#c8b374}.orders-filter button.active{background-color:#c8b374;color:#fff;border-color:#c8b374}.loading,.error-message{text-align:center;padding:40px;font-size:1.1rem}.error-message{background-color:#fee;border:1px solid #fcc;color:#c00;border-radius:5px}.empty-orders{text-align:center;padding:60px 20px}.empty-orders-icon{font-size:5rem;margin-bottom:20px;opacity:.3}.empty-orders h2{color:#2c2c2c;margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:1.8rem}.empty-orders p{color:#666;margin-bottom:30px}.shop-now-btn{padding:14px 32px;background-color:#c8b374;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .3s;font-family:Inter,sans-serif}.shop-now-btn:hover{background-color:#b39f62;transform:translateY(-2px);box-shadow:0 6px 16px #c8b3744d}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:28px;transition:all .3s;border:1px solid #f0f0f0}.order-card:hover{box-shadow:0 4px 20px #0000001a;transform:translateY(-2px)}.order-header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:18px;border-bottom:2px solid #f9f9f9}.order-info h3{font-size:1.4rem;color:#2c2c2c;margin:0 0 8px;font-family:Montserrat,sans-serif;font-weight:700}.order-date{color:#666;font-size:.95rem;margin:0;font-family:Inter,sans-serif}.order-status{display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:25px;color:#fff;font-weight:600;font-size:.9rem;font-family:Inter,sans-serif;box-shadow:0 2px 8px #00000026}.status-icon{font-size:1.1rem}.order-items{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #e0e0e0}.order-item-preview{display:flex;gap:12px;align-items:center;padding:12px;background-color:#f9f9f9;border-radius:8px;border:1px solid #f0f0f0}.order-item-preview img{width:55px;height:55px;object-fit:cover;border-radius:6px}.no-image{width:55px;height:55px;background-color:#e0e0e0;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.7rem;color:#999;text-align:center}.item-info{flex:1}.item-name{font-size:.95rem;color:#2c2c2c;margin:0 0 4px;font-weight:600;font-family:Inter,sans-serif}.item-qty{font-size:.85rem;color:#666;margin:0}.more-items{display:flex;align-items:center;justify-content:center;padding:12px;background-color:#c8b3741a;color:#c8b374;border-radius:8px;font-size:.95rem;font-weight:600;border:1.5px solid rgba(200,179,116,.3)}.order-details{margin-bottom:20px;padding:18px;background-color:#f9f9f9;border-radius:8px;border:1px solid #f0f0f0}.detail-row{display:flex;justify-content:space-between;margin-bottom:10px;font-size:.98rem;color:#666;font-family:Inter,sans-serif}.detail-row.total{margin-top:12px;padding-top:12px;border-top:2px solid #e0e0e0;font-size:1.25rem;font-weight:700;color:#c8b374}.order-actions{display:flex;gap:12px;flex-wrap:wrap}.view-details-btn,.cancel-order-btn{padding:11px 22px;border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;font-family:Inter,sans-serif;transition:all .3s}.view-details-btn{background-color:#c8b374;color:#fff}.view-details-btn:hover{background-color:#b39f62;transform:translateY(-2px);box-shadow:0 6px 16px #c8b3744d}.cancel-order-btn{background-color:#fee2e2;color:#dc2626;border:1.5px solid #fca5a5}.cancel-order-btn:hover{background-color:#dc2626;color:#fff;border-color:#dc2626}.cancel-order-btn:disabled{background-color:#f5f5f5;color:#999;border:1px solid #e0e0e0;cursor:not-allowed}.order-full-details{margin-top:25px;padding-top:25px;border-top:2px solid #f0f0f0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.details-section{padding:18px;background-color:#f9f9f9;border-radius:8px;border:1px solid #f0f0f0}.details-section h4{font-size:1.15rem;color:#2c2c2c;margin:0 0 15px;padding-bottom:12px;border-bottom:2px solid #e0e0e0;font-family:Montserrat,sans-serif;font-weight:600}.details-section p{margin:10px 0;font-size:.95rem;color:#666;line-height:1.6;font-family:Inter,sans-serif}.details-section strong{color:#2c2c2c;font-weight:600}.all-items-list{display:flex;flex-direction:column;gap:10px}.detailed-item{display:flex;align-items:center;gap:15px;padding:12px;background-color:#fff;border-radius:8px;border:1px solid #f0f0f0}.detailed-item img{width:60px;height:60px;object-fit:cover;border-radius:6px}.detailed-item>div{flex:1}.detailed-item .item-name{font-size:.98rem;color:#2c2c2c;margin-bottom:4px;font-weight:600}.detailed-item .item-price{font-size:.88rem;color:#666}.detailed-item .item-total{font-size:1.05rem;font-weight:700;color:#c8b374}@media(max-width:768px){.orders-container{margin-top:60px;padding:15px}.orders-header h1{font-size:1.5rem}.order-header-section{flex-direction:column;gap:10px}.order-items,.order-full-details{grid-template-columns:1fr}.order-actions{flex-direction:column}.view-details-btn,.cancel-order-btn{width:100%}}.admin-qr-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:80vh;margin-top:2rem}.stat-card.unclaimed{background:linear-gradient(135deg,#a89359,#8a7344)}.tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:2px solid #e0e0e0}.tab{padding:1rem 2rem;background:none;border:none;border-bottom:3px solid transparent;color:#666;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;bottom:-2px;font-family:Inter,sans-serif}.tab:hover{color:#c8b374}.tab.active{color:#c8b374;border-bottom-color:#c8b374}.error-message,.success-message{padding:1rem 1.5rem;border-radius:10px;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.error-message{background:#fee2e2;color:#dc2626}.success-message{background:#d1fae5;color:#059669}.error-message button,.success-message button{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:0 .5rem;color:inherit;opacity:.7}.error-message button:hover,.success-message button:hover{opacity:1}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.tab-content{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 20px #0000001a}.filters{display:flex;gap:2rem;margin-bottom:2rem;flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.filter-group label{display:block;margin-bottom:.5rem;color:#374151;font-weight:600}.filter-group select,.filter-group input{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:Inter,sans-serif;transition:border-color .3s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#c8b374}.table-container{overflow-x:auto;margin-bottom:2rem}.qr-table{width:100%;border-collapse:collapse}.qr-table thead{background:#f9f9f9}.qr-table th{padding:1rem;text-align:left;font-weight:600;font-family:Inter,sans-serif;color:#2c2c2c;border-bottom:2px solid #e0e0e0}.qr-table td{padding:1rem;border-bottom:1px solid #e0e0e0;font-family:Inter,sans-serif}.qr-table tbody tr:hover{background:#fafafa}.code-cell{font-family:Courier New,monospace;font-weight:600;color:#667eea;font-size:.95rem}.owner-info p{margin:0;font-weight:600;color:#1f2937}.owner-info small{color:#6b7280;font-size:.85rem}.text-muted{color:#9ca3af;font-style:italic}.date-cell{color:#6b7280;font-size:.9rem}.status-badge{padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.badge-gray{background:#f3f4f6;color:#666}.badge-blue{background:#c8b3741a;color:#a89359}.badge-green{background:#d1fae5;color:#059669}.badge-red{background:#fee2e2;color:#dc2626}.btn-icon{background:#f9f9f9;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s ease;color:#666}.btn-icon:hover{background:#c8b374;color:#fff;transform:scale(1.1)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#c8b374,#d4c186);color:#fff;border:none;border-radius:8px;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#764ba2;transform:translateY(-2px)}.pagination button:disabled{background:#d1d5db;cursor:not-allowed;transform:none}.pagination span{color:#374151;font-weight:600}.generate-section{max-width:600px;margin:0 auto}.generate-card{text-align:center}.generate-card h2{color:#2c2c2c;font-family:Montserrat,sans-serif;margin-bottom:1rem}.info-text{color:#666;font-family:Inter,sans-serif;margin-bottom:2rem;line-height:1.6}.input-group{margin-bottom:2rem}.input-group label{display:block;margin-bottom:.5rem;color:#2c2c2c;font-family:Inter,sans-serif;font-weight:600}.input-group input{width:100%;max-width:300px;padding:1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1.2rem;font-family:Inter,sans-serif;text-align:center;transition:border-color .3s ease}.input-group input:focus{outline:none;border-color:#c8b374}.btn-generate{background:linear-gradient(135deg,#c8b374,#d4c186);color:#fff;border:none;padding:1.25rem 2.5rem;border-radius:10px;font-size:1.1rem;font-family:Inter,sans-serif;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:2rem}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #c8b37466}.btn-generate:disabled{opacity:.6;cursor:not-allowed;transform:none}.warning-box{background:#fef3c7;border-left:4px solid #f59e0b;padding:1rem;border-radius:8px;text-align:left;color:#92400e}.warning-box strong{display:block;margin-bottom:.5rem}.empty-state{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}@media(max-width:768px){.admin-qr-container{padding:1rem}.admin-header h1{font-size:2rem}.stats-grid{grid-template-columns:1fr}.tabs{overflow-x:auto;flex-wrap:nowrap}.tab{padding:.75rem 1.5rem;white-space:nowrap}.tab-content{padding:1rem}.filters{flex-direction:column;gap:1rem}.qr-table{font-size:.85rem}.qr-table th,.qr-table td{padding:.75rem .5rem}.actions-cell{flex-direction:column}.generate-section{padding:1rem}}.orders-table{width:100%;border-collapse:collapse;background:#fff;box-shadow:0 2px 8px #00000014;border-radius:8px;overflow:hidden}.status-select{padding:.6rem .8rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:#fff;min-width:120px}@media(max-width:768px){.admin-qr-container{padding:15px;margin-top:80px}.admin-header h1{font-size:1.6rem}.subtitle{font-size:.95rem}.stats-grid{grid-template-columns:1fr;gap:1rem}.tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab{padding:.75rem 1.5rem;white-space:nowrap}.table-container{overflow:visible}.qr-table thead{display:none}.qr-table tbody{display:flex;flex-direction:column;gap:1rem}.qr-table tbody tr{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;border:none}.qr-table tbody tr:hover{background:#fff;box-shadow:0 4px 12px #00000026}.qr-table td{padding:.5rem 0;border:none;display:flex;justify-content:space-between;align-items:center}.qr-table td:before{content:attr(data-label);font-weight:600;color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.qr-table td:first-child{justify-content:center;padding:1rem 0;font-weight:700;font-size:1.1rem;color:#c8b374}.qr-table td:first-child:before{content:none}.filters{flex-direction:column;gap:.75rem}.filter-group{width:100%}}.admin-orders-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:80vh;margin-top:2rem}.error-message,.success-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;font-family:Inter,sans-serif}.error-message{background-color:#fee2e2;border:1.5px solid #fca5a5;color:#dc2626}.success-message{background-color:#dcfce7;border:1.5px solid #86efac;color:#16a34a}.error-message button,.success-message button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;padding:0}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.95rem;font-weight:600;color:#2c2c2c;font-family:Inter,sans-serif}.filter-group select{padding:.7rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-family:Inter,sans-serif;cursor:pointer;background:#fff;color:#2c2c2c;transition:border-color .3s}.filter-group select:hover{border-color:#c8b374}.filter-group select:focus{outline:none;border-color:#c8b374;box-shadow:0 0 0 3px #c8b3741a}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.spinner{border:4px solid #f0f0f0;border-top:4px solid #c8b374;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}.loading-spinner p{color:#666;font-size:1rem;font-family:Inter,sans-serif}.empty-state{text-align:center;padding:3rem;color:#666;font-size:1.1rem;font-family:Inter,sans-serif}.table-container{overflow-x:auto;border-radius:8px;box-shadow:0 2px 8px #00000014;margin-bottom:2rem}.orders-table{width:100%;border-collapse:collapse;background:#fff}.orders-table thead{background:linear-gradient(135deg,#c8b374,#a89359);color:#fff}.orders-table th{padding:1rem;text-align:left;font-weight:600;font-family:Inter,sans-serif;font-size:.95rem}.orders-table td{padding:1.2rem 1rem;border-bottom:1px solid #f0f0f0;font-family:Inter,sans-serif}.orders-table tbody tr{transition:background .2s ease}.orders-table tbody tr:hover{background:#f9f9f9}.orders-table .code-cell{font-weight:600;color:#2c2c2c}.orders-table .customer-info{display:flex;flex-direction:column;gap:.25rem}.orders-table .customer-info p{font-weight:600;color:#2c2c2c;margin:0}.orders-table .amount{font-weight:700;color:#c8b374;font-size:1.05rem}.orders-table .items-count{display:inline-block;padding:.4rem .8rem;background:#c8b3741a;color:#c8b374;border-radius:6px;font-weight:600;font-size:.9rem}.orders-table .date-cell{font-size:.9rem;color:#666}.status-select{padding:.6rem .8rem;border:2px solid #e0e0e0;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:#fff;min-width:120px;font-family:Inter,sans-serif}.status-select:hover{border-color:#c8b374}.status-select:focus{outline:none;border-color:#c8b374;box-shadow:0 0 0 3px #c8b3741a}.status-select:disabled{opacity:.6;cursor:not-allowed}.status-select.status-pending{color:#f59e0b;border-color:#fbbf24}.status-select.status-confirmed{color:#3b82f6;border-color:#93c5fd}.status-select.status-shipped{color:#8b5cf6;border-color:#c4b5fd}.status-select.status-delivered{color:#10b981;border-color:#6ee7b7}.status-select.status-cancelled{color:#ef4444;border-color:#fca5a5}.actions-cell{display:flex;gap:.5rem}.btn-icon{width:36px;height:36px;border-radius:6px;border:none;background:#f5f5f5;color:#666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;font-size:.95rem}.btn-icon:hover{background:#c8b374;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;padding:2rem}.pagination button{padding:.7rem 1.2rem;border:2px solid #e0e0e0;background:#fff;color:#2c2c2c;border-radius:6px;cursor:pointer;font-weight:600;font-family:Inter,sans-serif;transition:all .3s}.pagination button:hover:not(:disabled){border-color:#c8b374;background:#fafafa}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-weight:600;color:#2c2c2c;font-family:Inter,sans-serif}@media(max-width:768px){.admin-orders-container{padding:15px;margin-top:80px}.admin-header h1{font-size:1.6rem}.table-container{overflow:visible}.orders-table thead{display:none}.orders-table tbody{display:flex;flex-direction:column;gap:1rem}.orders-table tbody tr{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;border:none}.orders-table tbody tr:hover{background:#fff;box-shadow:0 4px 12px #00000026}.orders-table td{padding:.5rem 0;border:none;display:flex;justify-content:space-between;align-items:center}.orders-table td:before{content:attr(data-label);font-weight:600;color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.orders-table td:first-child{justify-content:center;padding:1rem 0;font-weight:700;font-size:1.1rem;color:#c8b374}.orders-table td:first-child:before{content:none}.filters{flex-direction:column;gap:.75rem}.filter-group{width:100%}.status-select{min-width:auto}}@media(max-width:480px){.admin-header h1{font-size:1.4rem}.orders-table{font-size:.75rem}}.admin-users-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:80vh;margin-top:2rem}.stat-card.admins{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.users{background:linear-gradient(135deg,#10b981,#059669)}.admin-content{max-width:1400px;margin:0 auto}.filters-bar{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-box{flex:1;position:relative;min-width:300px}.search-box i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999}.search-box input{width:100%;padding:.7rem 1rem .7rem 45px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-family:Inter,sans-serif;background:#fff;color:#2c2c2c;transition:border-color .3s}.search-box input:hover{border-color:#c8b374}.search-box input:focus{outline:none;border-color:#c8b374;box-shadow:0 0 0 3px #c8b3741a}.filter-select{padding:.7rem 1rem;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-family:Inter,sans-serif;cursor:pointer;background:#fff;color:#2c2c2c;transition:border-color .3s}.filter-select:hover{border-color:#c8b374}.filter-select:focus{outline:none;border-color:#c8b374;box-shadow:0 0 0 3px #c8b3741a}.error-banner{background:#ffebee;color:#c62828;padding:16px;border-radius:8px;margin-bottom:20px;display:flex;align-items:center;gap:10px}.users-table-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:linear-gradient(135deg,#c8b374,#d4c186);color:#fff}.users-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.95rem;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px}.users-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.users-table tbody tr:hover{background:#fafafa}.users-table td{padding:1rem 1.5rem;color:#555;font-family:Inter,sans-serif}.user-cell{display:flex;align-items:center;gap:12px}.user-avatar{width:45px;height:45px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#c8b374,#a89456);display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-avatar img{width:100%;height:100%;object-fit:cover}.avatar-initials{color:#fff;font-weight:600;font-size:1.1rem}.user-name{font-weight:600;color:#2c2c2c}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:capitalize}.role-badge.admin{background:#e8f4fd;color:#1976d2;border:1px solid #bbdefb}.role-badge.user{background:#f5f5f5;color:#666;border:1px solid #e0e0e0}.memorial-count{display:inline-flex;align-items:center;gap:6px;color:#c8b374;font-weight:600}.btn-action{width:38px;height:38px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;color:#fff;font-size:.9rem}.btn-role{background:linear-gradient(135deg,#2196f3,#1976d2)}.btn-role:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state i{font-size:4rem;margin-bottom:20px;color:#ddd}.empty-state h3{font-size:1.5rem;color:#666;margin-bottom:10px}@media(max-width:768px){.admin-users-container{padding:80px 15px 15px}.admin-header h1{font-size:1.6rem}.subtitle{font-size:.95rem}.filters-bar{flex-direction:column;gap:.75rem}.search-box{min-width:100%}.filter-select{width:100%}.users-table-container{overflow:visible}.users-table thead{display:none}.users-table tbody{display:flex;flex-direction:column;gap:1rem}.users-table tbody tr{display:flex;flex-direction:column;background:#fff;border-radius:12px;padding:1rem;box-shadow:0 2px 8px #0000001a;border:none}.users-table tbody tr:hover{background:#fff;box-shadow:0 4px 12px #00000026}.users-table td{padding:.5rem 0;border:none;display:flex;justify-content:space-between;align-items:center}.users-table td:before{content:attr(data-label);font-weight:600;color:#666;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.users-table td:first-child{justify-content:center;padding:1rem 0}.users-table td:first-child:before{content:none}.user-cell{flex-direction:column;gap:.5rem;align-items:center;width:100%}.user-avatar{width:60px;height:60px}.user-name{text-align:center;font-size:1rem}.stat-card{padding:1.25rem}.stat-icon{font-size:2rem}.stat-info h3{font-size:1.8rem}.stat-info p{font-size:.9rem}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.admin-header h1{font-size:1.4rem}.users-table{font-size:.8rem}.users-table th:first-child,.users-table td:first-child{min-width:150px;max-width:150px}.user-cell{width:150px}}.admin-memorials-container{max-width:1400px;margin:0 auto;padding:2rem;min-height:80vh;margin-top:2rem}.admin-header{text-align:center;margin-bottom:3rem}.admin-header h1{font-size:2.5rem;font-family:Montserrat,sans-serif;color:#2c2c2c;margin-bottom:.5rem;font-weight:700}.admin-header h1 i{color:#c8b374}.subtitle{color:#666;font-size:1.1rem;font-family:Inter,sans-serif}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.stat-card{border-radius:16px;padding:2rem;display:flex;align-items:center;gap:1.5rem;color:#fff;box-shadow:0 4px 15px #0000001a;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card.total{background:linear-gradient(135deg,#c8b374,#d4c186)}.stat-card.claimed{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-card.activated{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon{font-size:3rem;opacity:.9}.stat-info h3{font-size:2.5rem;margin-bottom:.25rem;font-weight:700}.stat-info p{font-size:1rem;opacity:.9}.admin-content{margin-top:2rem}.filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.search-wrapper{flex:1;position:relative;min-width:300px}.search-wrapper i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#999}.search-input{width:100%;padding:.7rem 1rem .7rem 45px;border:2px solid #e0e0e0;border-radius:8px;font-size:.95rem;font-family:Inter,sans-serif;background:#fff;color:#2c2c2c;transition:border-color .3s}.search-input:hover{border-color:#c8b374}.search-input:focus{outline:none;border-color:#c8b374;box-shadow:0 0 0 3px #c8b3741a}.error-message{padding:1rem 1.5rem;border-radius:8px;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center;font-family:Inter,sans-serif;background-color:#fee2e2;border:1.5px solid #fca5a5;color:#dc2626}.error-message button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:inherit;padding:0}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #0000001a;overflow:hidden}.memorials-table{width:100%;border-collapse:collapse}.memorials-table thead{background:linear-gradient(135deg,#c8b374,#d4c186);color:#fff}.memorials-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.95rem;font-family:Inter,sans-serif;text-transform:uppercase;letter-spacing:.5px}.memorials-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.memorials-table tbody tr:hover{background:#fafafa}.memorials-table td{padding:1rem 1.5rem;color:#555;font-family:Inter,sans-serif}.memorial-cell{display:flex;align-items:center;gap:12px}.memorial-photo{width:50px;height:50px;border-radius:8px;overflow:hidden;background:#f0f0f0;flex-shrink:0}.memorial-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder i{font-size:2rem}.memorial-name{font-weight:700!important;color:#666!important;font-size:.975rem!important;line-height:1.4}.owner-info{display:flex;align-items:center;gap:6px;color:#666;font-size:.875rem}.owner-info i{color:#c8b374}.date-range{color:#666;font-size:.9rem}.content-stats{display:flex;flex-wrap:wrap;gap:8px}.content-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f8f9fa;border-radius:12px;font-size:.85rem;color:#666;font-weight:600}.content-badge i{color:#c8b374}.action-buttons{display:flex;gap:8px}.btn-action{width:36px;height:36px;border-radius:8px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;color:#fff}.btn-view{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-view:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-delete{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.empty-state{text-align:center;padding:4rem 2rem;color:#999}.empty-state i{font-size:4rem;margin-bottom:1.5rem;color:#ddd}.empty-state h3{font-size:1.5rem;color:#666;margin-bottom:.5rem;font-family:Montserrat,sans-serif}.empty-state p{color:#999;font-family:Inter,sans-serif}.loading-state{text-align:center;padding:80px 20px}@media(max-width:768px){.admin-memorials-container{padding:1rem}.admin-header h1{font-size:2rem}.table-container{overflow-x:auto}.memorials-table{min-width:900px}}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;overflow-y:auto}.modal-content{background:#fff;border-radius:16px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:2px solid #f0f0f0;position:sticky;top:0;background:#fff;z-index:10}.modal-header h2{font-size:1.5rem;font-family:Montserrat,sans-serif;color:#2c2c2c;display:flex;align-items:center;gap:12px}.modal-close{width:40px;height:40px;border-radius:50%;border:none;background:#f5f5f5;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;font-size:1.2rem;color:#666}.modal-close:hover{background:#fee2e2;color:#dc2626}.modal-body{padding:2rem}.memorial-info-section{margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;border-left:4px solid #c8b374}.memorial-info-section h3{font-size:1.5rem;font-family:Montserrat,sans-serif;color:#2c2c2c;margin-bottom:.5rem}.memorial-owner{color:#666;font-size:.95rem;display:flex;align-items:center;gap:8px}.memorial-owner i{color:#c8b374}.content-section{margin-bottom:2rem;padding:1.5rem;background:#fafafa;border-radius:12px}.content-section h4{font-size:1.1rem;font-family:Montserrat,sans-serif;color:#2c2c2c;margin-bottom:1rem;display:flex;align-items:center;gap:10px}.content-section h4 i{color:#c8b374}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.content-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#e0e0e0}.remove-content-btn{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:none;background:#dc2626f2;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s;font-size:.9rem}.content-item:hover .remove-content-btn{opacity:1}.remove-content-btn:hover{background:#dc2626;transform:scale(1.1)}.content-list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.content-list-item.post-item{flex-direction:column;align-items:stretch}.content-info{display:flex;align-items:center;gap:10px;color:#666}.content-info i{color:#c8b374}.post-content{margin-bottom:.75rem}.post-text{color:#2c2c2c;margin-bottom:.5rem;line-height:1.5}.post-date{font-size:.85rem;color:#999}.remove-content-btn-small{padding:.5rem 1rem;border-radius:6px;border:none;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.875rem;font-weight:500;transition:all .3s;align-self:flex-end}.remove-content-btn-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.no-content{color:#999;font-style:italic;text-align:center;padding:1rem}.modal-actions{display:flex;gap:1rem;padding-top:1.5rem;border-top:2px solid #f0f0f0;margin-top:1rem}.btn-modal{flex:1;padding:.875rem 1.5rem;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;font-size:.95rem}.btn-flag{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-flag:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff980066}.btn-view-page{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-view-page:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-edit{background:linear-gradient(135deg,#10b981,#059669)}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.btn-clear{background:linear-gradient(135deg,#ff9800,#f57c00)}.btn-clear:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff980066}.btn-manage{background:linear-gradient(135deg,#10b981,#059669)}.btn-manage:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;overflow-y:auto}.modal-content-large{background:#fff;border-radius:20px;max-width:1000px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:2rem;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:flex-start;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:20px 20px 0 0}.modal-header h2{font-size:1.75rem;font-family:Montserrat,sans-serif;color:#2c2c2c;margin-bottom:.5rem;display:flex;align-items:center;gap:12px}.modal-header h2 i{color:#c8b374}.modal-subtitle{color:#666;font-size:1rem;margin-top:.5rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.owner-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;background:#e8f4fd;border-radius:20px;font-size:.875rem;color:#1976d2}.owner-tag i{color:#1976d2}.modal-close{width:44px;height:44px;border-radius:50%;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s;font-size:1.25rem;color:#666;box-shadow:0 2px 8px #0000001a}.modal-close:hover{background:#fee2e2;color:#dc2626;transform:rotate(90deg)}.modal-body{padding:2rem;overflow-y:auto;flex:1}.content-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.stat-item{padding:1.25rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:12px;display:flex;align-items:center;gap:12px;border-left:4px solid #c8b374}.stat-item i{font-size:1.75rem;color:#c8b374}.stat-item span{font-weight:600;color:#2c2c2c;font-family:Inter,sans-serif}.content-section{margin-bottom:2rem;padding:1.5rem;background:#fafafa;border-radius:16px;border:1px solid #e0e0e0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:1rem}.section-header h3{font-size:1.25rem;font-family:Montserrat,sans-serif;color:#2c2c2c;display:flex;align-items:center;gap:10px;margin:0}.section-header h3 i{color:#c8b374}.btn-delete-all{padding:.5rem 1rem;background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:600;font-size:.875rem;transition:all .3s}.btn-delete-all:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff980066}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.content-item{position:relative;border-radius:12px;overflow:hidden;aspect-ratio:1;background:#e0e0e0;box-shadow:0 2px 8px #0000001a;transition:transform .3s}.content-item:hover{transform:scale(1.02)}.content-item img{width:100%;height:100%;object-fit:cover}.content-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.content-item:hover .content-overlay{opacity:1}.photo-caption{position:absolute;bottom:0;left:0;right:0;padding:.5rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:.75rem;line-height:1.2}.btn-delete-item{width:50px;height:50px;border-radius:50%;border:none;background:#dc2626;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:all .3s}.btn-delete-item:hover{background:#b91c1c;transform:scale(1.1)}.video-thumbnail{width:60px;height:60px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;flex-shrink:0;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover}.video-details{flex:1;display:flex;flex-direction:column;gap:.25rem}.video-title{font-weight:600;color:#2c2c2c}.video-date{font-size:.85rem;color:#999;display:flex;align-items:center;gap:6px}.video-date i{color:#c8b374}.post-media-preview{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.media-thumb{width:80px;height:80px;border-radius:8px;overflow:hidden;background:#f0f0f0;position:relative}.media-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2rem}.media-count{margin-left:auto;padding-left:1rem;display:flex;align-items:center;gap:6px}.content-list{display:flex;flex-direction:column;gap:.75rem}.list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#fff;border-radius:10px;border:1px solid #e0e0e0;transition:all .3s}.list-item:hover{box-shadow:0 4px 12px #00000014;border-color:#c8b374}.list-item.post-item{flex-direction:column;align-items:stretch;gap:1rem}.item-info{display:flex;align-items:center;gap:12px;color:#666;font-weight:500}.item-info i{color:#c8b374;font-size:1.1rem}.post-info{flex:1}.post-text{color:#2c2c2c;margin-bottom:.5rem;line-height:1.6}.post-meta{display:flex;align-items:center;gap:6px;font-size:.875rem;color:#999}.post-meta i{color:#c8b374}.btn-delete-small{padding:.5rem 1rem;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:6px;font-weight:600;font-size:.875rem;transition:all .3s;align-self:flex-end}.btn-delete-small:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff6b6b66}.empty-content{text-align:center;padding:3rem 1rem;color:#999}.empty-content i{font-size:3rem;margin-bottom:1rem;color:#ddd}.empty-content p{font-size:1rem;font-style:italic}.danger-zone{margin-top:2rem;padding:1.5rem;background:linear-gradient(135deg,#fff5f5,#fee2e2);border-radius:16px;border:2px solid #fca5a5}.danger-zone h3{color:#dc2626;font-size:1.125rem;font-family:Montserrat,sans-serif;margin-bottom:1rem;display:flex;align-items:center;gap:10px}.danger-actions{display:flex;gap:1rem;flex-wrap:wrap}.btn-danger{flex:1;min-width:200px;padding:.875rem 1.5rem;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s;color:#fff}.btn-clear-all{background:linear-gradient(135deg,#ff9800,#f57c00)}.btn-clear-all:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff980066}.btn-delete-memorial{background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-delete-memorial:hover{transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.modal-footer{padding:1.5rem 2rem;border-top:2px solid #f0f0f0;display:flex;justify-content:flex-end;gap:1rem;background:#fafafa;border-radius:0 0 20px 20px}.btn-secondary{padding:.75rem 1.5rem;background:#e0e0e0;color:#666;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-family:Inter,sans-serif;transition:all .3s}.btn-secondary:hover{background:#d0d0d0}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-family:Inter,sans-serif;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.create-profile-container{min-height:100vh;background:linear-gradient(135deg,#2c2c2c,#1a1a1a);padding:100px 20px 40px}.create-profile-wrapper{max-width:800px;margin:0 auto;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000004d;overflow:hidden}.create-profile-header{background:linear-gradient(135deg,#c8b374,#a89456);padding:40px;text-align:center;color:#fff}.create-profile-header h1{font-size:2rem;margin:0 0 10px;font-weight:600}.create-profile-header .subtitle{font-size:1.1rem;opacity:.95;margin-bottom:15px}.create-profile-header .info-note{background:#fff3;padding:10px 20px;border-radius:8px;font-size:.95rem;display:inline-flex;align-items:center;gap:8px;margin-bottom:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-profile-header .info-note i{opacity:.9}.progress-bar{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:20px}.progress-step{width:40px;height:40px;border-radius:50%;background:#ffffff4d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;transition:all .3s ease}.progress-step.active{background:#fff;color:#c8b374;transform:scale(1.1)}.progress-line{width:80px;height:3px;background:#ffffff4d}.alert{margin:20px;padding:15px 20px;border-radius:8px;display:flex;align-items:center;gap:12px;font-size:.95rem}.alert i{font-size:1.2rem}.alert-error{background:#fee;color:#c00;border-left:4px solid #c00}.alert-success{background:#efe;color:#060;border-left:4px solid #060}.alert .close-btn{margin-left:auto;background:none;border:none;font-size:1.5rem;cursor:pointer;color:inherit;opacity:.7}.alert .close-btn:hover{opacity:1}.claim-qr-form,.profile-form{padding:40px}.form-section{margin-bottom:40px}.form-section h2{font-size:1.5rem;color:#2c2c2c;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #c8b374}.info-text{color:#666;margin-bottom:25px;line-height:1.6}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:#2c2c2c;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:Montserrat,sans-serif;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#c8b374}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f5f5f5;cursor:not-allowed}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.qr-code-input{text-transform:uppercase;font-weight:600;letter-spacing:1px;text-align:center;font-size:1.2rem}.help-text{display:block;font-size:.85rem;color:#666;margin-top:6px}.char-count{display:block;text-align:right;font-size:.85rem;color:#999;margin-top:5px}.photo-upload-section{display:flex;gap:30px;align-items:flex-start}.photo-preview{width:200px;height:200px;border-radius:12px;overflow:hidden;border:3px solid #e0e0e0;background:#f9f9f9}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview .placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccc}.photo-preview .placeholder i{font-size:4rem;margin-bottom:10px}.photo-preview .placeholder p{font-size:.9rem;color:#999}.photo-upload-controls{flex:1}.url-input-wrapper{display:flex;align-items:center;border:2px solid #e0e0e0;border-radius:8px;overflow:hidden}.url-prefix{background:#f5f5f5;padding:12px 15px;color:#666;font-size:.95rem;border-right:2px solid #e0e0e0}.url-input-wrapper input{border:none;flex:1}.url-input-wrapper:focus-within{border-color:#c8b374}.btn-primary,.btn-secondary,.btn-claim{padding:14px 30px;border-radius:8px;font-size:1rem;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;font-family:Montserrat,sans-serif}.btn-primary{background:linear-gradient(135deg,#c8b374,#a89456);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #c8b37466}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#fff;color:#2c2c2c;border:2px solid #e0e0e0}.btn-secondary:hover:not(:disabled){background:#f5f5f5;border-color:#c8b374}.btn-claim{width:100%;margin-top:10px;font-size:1.1rem}.spinner{width:16px;height:16px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.form-actions{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:30px;border-top:2px solid #f0f0f0}@media(max-width:768px){.create-profile-container{padding:80px 10px 20px}.create-profile-header{padding:30px 20px}.create-profile-header h1{font-size:1.5rem}.claim-qr-form,.profile-form{padding:25px 20px}.form-row{grid-template-columns:1fr}.photo-upload-section{flex-direction:column;align-items:center}.form-actions{flex-direction:column}.form-actions button{width:100%}.progress-bar{gap:10px}.progress-line{width:50px}.progress-step{width:35px;height:35px;font-size:1rem}}.edit-profile-page{min-height:calc(100vh - 80px);background:linear-gradient(135deg,#f5f5f5,#e8e8e8);padding:2rem 1rem}.edit-profile-container{max-width:900px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;overflow:hidden}.edit-profile-header{background:linear-gradient(135deg,#c8b374,#d4c186);color:#fff;padding:2.5rem 2rem;text-align:center;position:relative}.btn-back{position:absolute;left:2rem;top:2.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);color:#fff;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-back:hover{background:#ffffff4d;transform:translate(-2px)}.edit-profile-header h1{font-family:Montserrat,sans-serif;font-size:2rem;margin:0 0 .5rem;font-weight:600}.subtitle{font-size:1rem;opacity:.95;margin:0;font-weight:400}.edit-profile-form{padding:2.5rem 2rem}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #e0e0e0}.form-section:last-of-type{border-bottom:none;margin-bottom:2rem}.form-section h2{font-family:Montserrat,sans-serif;font-size:1.3rem;color:#333;margin:0 0 1.5rem;font-weight:600}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}.form-group{display:flex;flex-direction:column;position:relative}.form-group label{font-weight:500;color:#555;margin-bottom:.5rem;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{padding:.85rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;font-family:Inter,sans-serif;transition:all .3s ease;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#c8b374;box-shadow:0 0 0 3px #c8b3741a}.form-group textarea{resize:vertical;min-height:100px;line-height:1.6}.char-count{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:#999;background:#fff;padding:.2rem .4rem;border-radius:4px}.form-actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1.5rem;border-top:1px solid #e0e0e0;margin-top:2rem}.btn-cancel,.btn-save{padding:.85rem 2rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;border:none}.btn-cancel{background:#f5f5f5;color:#666}.btn-cancel:hover:not(:disabled){background:#e8e8e8}.btn-save{background:linear-gradient(135deg,#c8b374,#a89456);color:#fff}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #c8b3744d}.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #c8b374;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{color:#666;font-size:1rem}@media(max-width:768px){.edit-profile-page{padding:1rem .5rem}.edit-profile-container{border-radius:8px}.edit-profile-header{padding:2rem 1rem}.btn-back{left:1rem;top:2rem;padding:.5rem .8rem;font-size:.85rem}.edit-profile-header h1{font-size:1.5rem}.subtitle{font-size:.9rem}.edit-profile-form{padding:1.5rem 1rem}.form-row{grid-template-columns:1fr;gap:1rem}.form-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%;justify-content:center}}.my-profiles-container{min-height:100vh;background:linear-gradient(135deg,#f5f5f5,#e8e8e8);padding:100px 20px 40px}.my-profiles-header{max-width:1200px;margin:0 auto 40px;text-align:center}.my-profiles-header h1{font-size:2.5rem;color:#2c2c2c;margin-bottom:10px}.my-profiles-header .subtitle{font-size:1.1rem;color:#666;margin-bottom:15px}.my-profiles-header .profile-count{font-size:1rem;color:#c8b374;font-weight:600;margin:15px 0;display:inline-flex;align-items:center;gap:8px;background:#fff;padding:8px 20px;border-radius:20px;box-shadow:0 2px 8px #0000001a}.my-profiles-header .profile-count i{color:#c8b374}.btn-create-new{background:linear-gradient(135deg,#c8b374,#a89456);color:#fff;border:none;padding:14px 30px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease}.btn-create-new:hover{transform:translateY(-2px);box-shadow:0 5px 20px #c8b37466}.success-banner{max-width:1200px;margin:0 auto 30px;background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;padding:16px 24px;border-radius:12px;display:flex;align-items:center;gap:12px;font-size:1rem;font-weight:500;box-shadow:0 4px 15px #4caf504d;animation:slideDown .4s ease-out}.success-banner i{font-size:1.2rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.my-profiles-content{max-width:1200px;margin:0 auto}.loading-state,.error-state,.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a}.spinner-large{width:60px;height:60px;border:5px solid #f3f3f3;border-top:5px solid #c8b374;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p,.error-state p{font-size:1.1rem;color:#666}.error-state i,.empty-state i{font-size:4rem;color:#c8b374;margin-bottom:20px}.empty-state .info-box{background:#fff;border:2px solid #c8b374;border-radius:12px;padding:20px 30px;margin:30px auto;max-width:500px;text-align:left}.empty-state .info-box h3{color:#c8b374;font-size:1.2rem;margin-bottom:15px;display:flex;align-items:center;gap:10px}.empty-state .info-box ul{list-style:none;padding:0;margin:0}.empty-state .info-box li{padding:8px 0;color:#555;display:flex;align-items:flex-start;gap:10px}.empty-state .info-box li:before{content:"✓";color:#c8b374;font-weight:700;font-size:1.2rem}.btn-retry,.btn-create{margin-top:20px;background:#c8b374;color:#fff;border:none;padding:12px 25px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease}.btn-retry:hover,.btn-create:hover{background:#a89456;transform:translateY(-2px)}.empty-state h2{font-size:1.8rem;color:#2c2c2c;margin-bottom:10px}.empty-state p{font-size:1.1rem;color:#666;margin-bottom:20px}.profiles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px}.profile-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid #f0f0f0}.profile-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000001f;border-color:#c8b374}.profile-card:hover .profile-photo:after{opacity:1}.profile-photo:after{content:"Click to view memorial";position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;opacity:0;transition:opacity .3s ease;z-index:5}.profile-photo{position:relative;width:100%;height:280px;overflow:hidden;background:linear-gradient(135deg,#f8f8f8,#e8e8e8);cursor:pointer}.profile-photo img{width:100%;height:100%;object-fit:cover}.photo-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#ccc}.photo-placeholder i{font-size:6rem}.qr-badge{position:absolute;top:15px;right:15px;background:#000000bf;color:#fff;padding:8px 15px;border-radius:20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.deactivated-badge{position:absolute;bottom:15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#f44,#c00);color:#fff;padding:10px 20px;border-radius:25px;font-size:.9rem;font-weight:700;display:flex;align-items:center;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #f006;border:2px solid rgba(255,255,255,.9);text-transform:uppercase;letter-spacing:.5px;animation:pulseWarning 2s ease-in-out infinite}.deactivated-badge i{font-size:1rem;animation:rotateIcon 3s ease-in-out infinite}@keyframes pulseWarning{0%,to{box-shadow:0 4px 15px #f006}50%{box-shadow:0 4px 25px #ff0000b3}}@keyframes rotateIcon{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}.btn-delete-overlay{position:absolute;top:15px;left:15px;background:#f44336f2;color:#fff;padding:12px;border-radius:50%;width:44px;height:44px;font-size:1.1rem;font-weight:600;border:2px solid white;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;z-index:10;box-shadow:0 2px 8px #0000004d}.btn-delete-overlay:hover{background:#d32f2f;transform:scale(1.1) rotate(10deg);box-shadow:0 4px 12px #f4433680}.btn-delete-overlay i{font-size:1rem}.profile-info{padding:30px;display:flex;flex-direction:column;gap:20px}.profile-name{font-family:Montserrat,sans-serif;font-size:1.75rem;color:#1a1a1a;margin:0;font-weight:700;text-align:center;letter-spacing:-.5px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3;max-width:100%;width:100%;display:block}.life-span{display:flex;align-items:stretch;justify-content:space-between;margin:0;padding:20px;background:linear-gradient(135deg,#fafafa,#f5f5f5);border-radius:12px;border:1px solid #e8e8e8;width:100%;flex-shrink:0}.life-date{flex:1;text-align:center}.date-label{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#999;font-weight:600;margin-bottom:6px}.date-value{font-size:.95rem;color:#333;font-weight:500}.life-connector{display:flex;align-items:center;padding:0 15px}.connector-line{width:60px;height:2px;background:linear-gradient(90deg,#c8b374,#d4c186,#c8b374);position:relative}.connector-line:before,.connector-line:after{content:"";position:absolute;width:6px;height:6px;background:#c8b374;border-radius:50%;top:50%;transform:translateY(-50%)}.connector-line:before{left:0}.connector-line:after{right:0}.date-range{display:block;margin-bottom:5px}.age{color:#999;font-style:italic}.epitaph{font-style:italic;color:#555;margin-bottom:20px;padding:15px;background:#f9f9f9;border-left:3px solid #c8b374;border-radius:4px;font-size:.95rem;line-height:1.5}.profile-stats{display:flex;gap:20px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #eee}.stat{display:flex;align-items:center;gap:6px;color:#666;font-size:.9rem}.stat i{color:#c8b374}.profile-meta{display:flex;gap:10px;margin-bottom:20px}.privacy-badge,.status-badge{padding:5px 12px;border-radius:15px;font-size:.85rem;font-weight:600;display:inline-flex;align-items:center;gap:5px}.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px 30px;margin:0;border-top:1px solid #eee;background:#fafafa}.action-btn{padding:16px;border-radius:10px;font-size:1.2rem;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;text-decoration:none;color:#fff;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.action-btn:hover:before{width:300px;height:300px}.action-btn i{font-size:1rem;position:relative;z-index:1}.action-btn span{position:relative;z-index:1}.view-btn{background:linear-gradient(135deg,#667eea,#764ba2)}.view-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.edit-btn{background:linear-gradient(135deg,#c8b374,#a89456)}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c8b37466}.delete-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.delete-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.btn-view{background:#2196f3}.btn-view:hover{background:#1976d2}.btn-edit{background:linear-gradient(135deg,#c8b374,#a89456)}.btn-edit:hover{background:linear-gradient(135deg,#a89456,#9a864c);transform:translateY(-1px);box-shadow:0 4px 8px #c8b3744d}.btn-qr{background:#4caf50}.btn-qr:hover{background:#388e3c}.btn-delete{background:#f44336}.btn-delete:hover{background:#d32f2f;transform:translateY(-1px)}@media(max-width:768px){.my-profiles-container{padding:80px 10px 20px}.my-profiles-header h1{font-size:2rem}.profiles-grid{grid-template-columns:1fr;gap:20px}.profile-actions{flex-direction:column}.btn-view,.btn-edit,.btn-qr{width:100%}}:root{--gold-primary: #c8b374;--gold-secondary: #d4c186;--gold-light: #F4E4C1;--gold-dark: #b8a165;--gold-gradient: linear-gradient(135deg, #c8b374 0%, #d4c186 100%)}.memorial-view-container{min-height:100vh;background:#fafafa;padding-bottom:40px}.deactivation-banner{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;padding:16px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 2px 8px #ff6b6b4d;animation:slideDown .3s ease}.deactivation-banner i{font-size:24px;flex-shrink:0}.deactivation-banner .banner-content{flex:1}.deactivation-banner strong{display:block;font-size:16px;margin-bottom:4px}.deactivation-banner p{margin:0;font-size:14px;opacity:.95}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.memorial-top-nav{position:sticky;top:80px;background:#fff;box-shadow:0 2px 4px #0000001a;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;z-index:50;border-bottom:1px solid #e4e6eb}.btn-back-nav{background:#f0f2f5;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#050505;font-size:18px}.btn-back-nav:hover{background:#e4e6eb}.memorial-top-title{font-size:20px;font-weight:700;color:#050505;margin:0;flex:1;text-align:center}.memorial-actions{display:flex;gap:8px}.btn-icon{background:#f0f2f5;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#050505;font-size:16px}.btn-icon:hover{background:#e4e6eb}.memorial-cover-section{background:#fff;margin-bottom:16px}.memorial-cover-photo{width:100%;height:400px;background:var(--gold-gradient);position:relative;overflow:hidden}.memorial-cover-photo img{width:100%;height:100%;object-fit:cover}.cover-hover-actions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:12px;opacity:0;transition:opacity .3s ease;z-index:10}.memorial-cover-photo.editable:hover .cover-hover-actions{opacity:1}.cover-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:80px;opacity:.3}.memorial-profile-section{background:#fff;padding:0 20px 16px;border-bottom:1px solid #e4e6eb}.memorial-profile-wrapper{max-width:940px;margin:0 auto}.memorial-profile-pic{width:168px;height:168px;border-radius:50%;border:4px solid white;margin-top:-84px;background:#f0f2f5;overflow:hidden;box-shadow:0 4px 8px #0000001a;position:relative}.memorial-profile-pic img{width:100%;height:100%;object-fit:cover;display:block;background:#fff}.profile-pic-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gold-gradient);color:#fff;font-size:64px}.memorial-profile-info{margin-top:16px}.memorial-name{font-size:32px;font-weight:700;color:#050505;margin:0 0 4px;line-height:1.2}.memorial-life-span{font-size:15px;color:#65676b;margin:0 0 8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.age-badge{background:#e7f3ff;color:#1876f2;padding:2px 8px;border-radius:12px;font-size:13px;font-weight:600}.memorial-tagline{font-size:15px;color:#050505;margin:12px 0 0;font-style:italic;display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f7f8fa;border-radius:8px;border-left:3px solid #c8b374}.memorial-tagline i{color:#c8b374;font-size:14px}.profile-action-buttons{display:flex;gap:12px;margin-top:16px}.btn-edit-profile,.btn-delete-profile{padding:10px 24px;border-radius:8px;font-size:15px;font-weight:600;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;color:#fff}.btn-edit-profile{background:linear-gradient(135deg,#c8b374,#a89456);flex:1}.btn-edit-profile:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c8b37466}.btn-delete-profile{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);flex:1}.btn-delete-profile:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.btn-edit-profile i,.btn-delete-profile i{font-size:16px}.memorial-stats-bar{display:flex;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid #e4e6eb}.stat-box{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px;background:#f7f8fa;border-radius:8px;transition:all .2s ease}.stat-box:hover{background:#e4e6eb}.stat-box i{color:#c8b374;font-size:20px}.stat-box span{font-size:18px;font-weight:700;color:#050505}.stat-box label{font-size:12px;color:#65676b;text-transform:uppercase;font-weight:600}.memorial-tabs{display:flex;gap:4px;padding:0 20px;background:#fff;border-bottom:1px solid #e4e6eb;max-width:940px;margin:0 auto}.tab{flex:1;background:transparent;border:none;padding:16px 12px;font-size:15px;font-weight:600;color:#65676b;cursor:pointer;position:relative;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:8px 8px 0 0}.tab:hover{background:#f0f2f5}.tab.active{color:#1876f2}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:#1876f2}.tab i{font-size:16px}.memorial-content-area{padding:16px;max-width:940px;margin:0 auto}.memorial-main-content{min-height:400px}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.content-card{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;margin-bottom:16px;overflow:hidden}.card-header{padding:20px;border-bottom:1px solid #e4e6eb;display:flex;align-items:center;gap:12px}.card-header i{color:#c8b374;font-size:20px}.card-header h3{font-size:17px;font-weight:700;color:#050505;margin:0}.card-body{padding:20px}.biography-text{font-size:15px;line-height:1.6;color:#050505;margin:0;white-space:pre-wrap}.info-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #e4e6eb}.info-row:last-child{border-bottom:none}.info-label{display:flex;align-items:center;gap:12px;font-size:15px;color:#65676b;font-weight:600}.info-label i{color:#c8b374;font-size:18px;width:20px;text-align:center}.info-value{font-size:15px;color:#050505;font-weight:500}.qr-code-badge{background:#e7f3ff;color:#1876f2;padding:4px 12px;border-radius:16px;font-size:13px;font-weight:700;font-family:Courier New,monospace}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;padding:16px}.photo-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:8px;cursor:pointer;transition:all .2s ease}.photo-item:hover{transform:scale(1.02);box-shadow:0 4px 12px #00000026}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);padding:12px;color:#fff;font-size:13px;opacity:0;transition:opacity .2s ease}.photo-item:hover .photo-overlay{opacity:1}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;padding:16px}.video-item{background:#000;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.video-item video{width:100%;display:block;background:#000}.video-caption{padding:12px 16px;background:#fff;font-size:13px;color:#65676b}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state i{font-size:64px;color:#e4e6eb;margin-bottom:16px}.empty-state p{font-size:17px;color:#65676b;margin:0}.loading-memorial,.error-memorial{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:40px;text-align:center}.spinner-large{border:4px solid #e4e6eb;border-top:4px solid #1876f2;border-radius:50%;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:20px}.loading-memorial p{font-size:15px;color:#65676b}.error-memorial i{font-size:64px;color:#f02849;margin-bottom:20px}.error-memorial h2{font-size:24px;color:#050505;margin-bottom:12px;font-weight:700}.error-memorial p{font-size:15px;color:#65676b;margin-bottom:24px}.btn-back{background:#1876f2;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-back:hover{background:#166fe5}@media(max-width:768px){.memorial-cover-photo{height:300px}.memorial-profile-pic{width:120px;height:120px;margin-top:-60px}.profile-pic-placeholder{font-size:48px}.memorial-name{font-size:24px}.memorial-life-span,.memorial-tagline{font-size:13px}.memorial-stats-bar{flex-wrap:wrap}.stat-box{flex:1 1 calc(33.333% - 12px);min-width:100px}.tab{font-size:13px;padding:12px 8px}.tab i{font-size:14px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:4px}.video-grid{grid-template-columns:1fr}.memorial-content-area{padding:12px}}@media(max-width:480px){.memorial-top-title{font-size:16px}.tab span{display:none}.memorial-stats-bar{gap:8px}.stat-box span{font-size:16px}.stat-box label{font-size:10px}}.upload-action-card{margin-bottom:16px}.btn-upload-content{width:100%;background:#fff;border:2px dashed #c8b374;border-radius:8px;padding:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;font-weight:600;color:#c8b374;transition:all .2s ease}.btn-upload-content:hover{background:#fffbf5;border-color:#b39d63;color:#b39d63;transform:translateY(-2px);box-shadow:0 4px 12px #c8b37433}.btn-upload-content i{font-size:20px}.memory-composer{background:#fff;border-radius:8px;box-shadow:0 1px 2px #0000001a;margin-bottom:16px;padding:16px}.composer-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.composer-header i{color:#c8b374;font-size:18px}.composer-header h3{font-size:16px;font-weight:700;color:#050505;margin:0}.memory-textarea{width:100%;border:1px solid #e4e6eb;border-radius:8px;padding:12px;font-size:15px;font-family:inherit;resize:vertical;min-height:80px;margin-bottom:12px;transition:border-color .2s ease}.memory-textarea:focus{outline:none;border-color:#1876f2}.composer-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:12px;border-top:1px solid #e4e6eb}.composer-options{display:flex;gap:8px}.option-btn{background:transparent;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;color:#65676b;display:flex;align-items:center;gap:6px;transition:background .2s ease}.option-btn:hover{background:#f0f2f5}.option-btn i{font-size:16px}.btn-post-memory{background:#1876f2;color:#fff;border:none;padding:8px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-post-memory:hover{background:#166fe5;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 12px 48px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{padding:20px;border-bottom:1px solid #e4e6eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:18px;font-weight:700;color:#050505;margin:0;display:flex;align-items:center;gap:10px}.modal-header i{color:#c8b374}.btn-close-modal{background:#f0f2f5;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#65676b;transition:all .2s ease}.btn-close-modal:hover{background:#e4e6eb;color:#050505}.modal-body{padding:20px;max-height:60vh;overflow-y:auto}.upload-zone{margin-bottom:20px}.upload-placeholder{border:2px dashed #c8b374;border-radius:12px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s ease;background:#fffbf5}.upload-placeholder:hover{border-color:#b39d63;background:#fff8ed;transform:translateY(-2px)}.upload-placeholder i{font-size:48px;color:#c8b374;margin-bottom:12px;display:block}.upload-placeholder p{font-size:16px;font-weight:600;color:#050505;margin:0 0 8px}.upload-placeholder span{font-size:13px;color:#65676b}.file-preview{background:#f7f8fa;border:1px solid #e4e6eb;border-radius:12px;padding:24px;text-align:center}.preview-icon{font-size:48px;color:#c8b374;margin-bottom:12px}.file-name{font-size:15px;font-weight:600;color:#050505;margin:0 0 4px;word-break:break-all}.file-size{font-size:13px;color:#65676b;margin:0 0 16px}.btn-change-file{background:#fff;border:1px solid #c8b374;color:#c8b374;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.btn-change-file:hover{background:#fffbf5;border-color:#b39d63}.caption-section label{display:block;font-size:14px;font-weight:600;color:#050505;margin-bottom:8px}.caption-section textarea{width:100%;border:1px solid #e4e6eb;border-radius:8px;padding:12px;font-size:14px;font-family:inherit;resize:vertical;transition:border-color .2s ease}.caption-section textarea:focus{outline:none;border-color:#1876f2}.modal-footer{padding:16px 20px;border-top:1px solid #e4e6eb;display:flex;justify-content:flex-end;gap:12px}.btn-cancel{background:#f0f2f5;color:#050505;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;transition:all .2s ease}.btn-cancel:hover{background:#e4e6eb}.btn-upload-submit{background:#1876f2;color:#fff;border:none;padding:10px 24px;border-radius:6px;cursor:pointer;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-upload-submit:hover:not(:disabled){background:#166fe5;transform:translateY(-1px)}.btn-upload-submit:disabled{background:#e4e6eb;color:#65676b;cursor:not-allowed}.btn-upload-submit i.fa-spinner{animation:spin 1s linear infinite}@media(max-width:768px){.modal-content{margin:0 16px}.composer-actions{flex-direction:column;align-items:stretch}.composer-options{justify-content:center}.btn-post-memory{width:100%;justify-content:center}}.memorial-upload-actions{display:flex;gap:12px;padding:16px 20px;background:#fff;border-top:1px solid #e4e6eb;max-width:614px;margin:0 auto}.btn-upload-quick{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--gold-gradient);color:#fff}.btn-upload-quick:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.memorial-feed-container{max-width:614px;margin:0 auto;padding:0 0 20px}.memorial-feed{display:flex;flex-direction:column;gap:24px}.post-card{background:#fff;border:1px solid #dbdbdb;border-radius:8px;overflow:hidden}.post-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.post-author{display:flex;align-items:center;gap:12px}.author-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--gold-gradient);display:flex;align-items:center;justify-content:center;color:#fff}.author-avatar img{width:100%;height:100%;object-fit:cover}.author-avatar i{font-size:20px}.author-info h4{margin:0;font-size:14px;font-weight:600;color:#262626}.post-date{font-size:12px;color:#8e8e8e}.btn-post-menu{background:none;border:none;cursor:pointer;padding:8px;color:#262626;font-size:16px}.btn-post-menu:hover{color:#8e8e8e}.post-menu{position:relative}.post-menu-dropdown{display:none;position:absolute;right:0;top:100%;background:#fff;border:1px solid #dbdbdb;border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;z-index:100;overflow:hidden}.post-menu:hover .post-menu-dropdown{display:block}.menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#262626;text-align:left;transition:all .2s ease}.menu-item:hover{background:#f7f7f7}.menu-item.delete{color:#ed4956;border-top:1px solid #efefef}.menu-item.delete:hover{background:#ffe0e6}.post-media-container{position:relative;width:100%;aspect-ratio:1;max-height:600px;background:#000;overflow:hidden}.post-media{width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center}.post-media img,.post-media video{width:100%;height:100%;object-fit:contain}.media-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffffe6;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease;color:#262626;font-size:16px}.media-nav-btn:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.media-nav-btn.prev{left:12px}.media-nav-btn.next{right:12px}.media-indicators{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:10}.indicator{width:8px;height:8px;border-radius:50%;background:#ffffff80;cursor:pointer;transition:all .2s ease}.indicator.active{background:#fff;transform:scale(1.2)}.indicator:hover{background:#fffc}.post-caption{padding:12px 16px}.post-caption p{margin:0;font-size:14px;color:#262626;line-height:1.5}.post-caption strong{font-weight:600;margin-right:4px}.post-actions{padding:8px 16px 12px}.action-btn{background:none;border:none;cursor:pointer;font-size:24px;color:#262626;padding:8px;transition:all .2s ease}.action-btn:hover{color:#ed4956;transform:scale(1.1)}.action-btn:active{transform:scale(.9)}.action-btn.liked{color:#ed4956}.action-btn.liked i{animation:likeAnimation .3s ease}@keyframes likeAnimation{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.about-post{background:linear-gradient(135deg,var(--gold-primary)11 0%,var(--gold-secondary)11 100%);border:2px solid var(--gold-primary)33}.about-post .post-header{background:#fff;border-radius:8px 8px 0 0}.about-content{padding:20px 16px}.biography-text{font-size:15px;line-height:1.6;color:#262626;margin-bottom:20px;font-style:italic}.about-details{display:flex;flex-direction:column;gap:12px}.detail-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;font-size:14px;color:#262626}.detail-item i{color:var(--gold-primary);font-size:18px;width:24px;text-align:center}.qr-badge{background:var(--gold-primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-left:8px}.empty-state-post{padding:60px 20px;text-align:center}.empty-icon{width:80px;height:80px;border-radius:50%;background:var(--gold-gradient);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:36px}.empty-state-post h3{margin:0 0 8px;font-size:20px;color:#262626}.empty-state-post p{margin:0 0 24px;color:#8e8e8e;font-size:14px}.empty-actions{display:flex;justify-content:center;gap:12px}.btn-empty-action{background:var(--gold-gradient);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-empty-action:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}@media(max-width:768px){.memorial-feed-container{padding:0}.post-card{border-radius:0;border-left:none;border-right:none}.memorial-upload-actions{max-width:100%;border-radius:0}}.files-preview-container{width:100%}.files-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-bottom:16px}.file-preview-item{position:relative;border-radius:8px;overflow:hidden;background:#f7f8fa;padding:8px}.file-preview-thumb{width:100%;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#e4e6eb;display:flex;align-items:center;justify-content:center}.file-preview-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--gold-gradient);color:#fff;font-size:32px}.btn-remove-file{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .2s ease}.btn-remove-file:hover{background:#ed4956;transform:scale(1.1)}.file-preview-item .file-name{font-size:11px;color:#65676b;margin:6px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-add-more{width:100%;padding:12px;border:2px dashed #c4c4c4;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;color:var(--gold-primary);display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s ease}.btn-add-more:hover{border-color:var(--gold-primary);background:#f7f8fa}.memorial-profile-pic{position:relative}.image-hover-actions{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:12px;opacity:0;transition:opacity .3s ease;z-index:10}.memorial-profile-pic.editable:hover .image-hover-actions{opacity:1}.memorial-profile-pic.editable:hover:after{content:"";position:absolute;inset:0;background:#0006;border-radius:50%;z-index:5}.btn-hover-edit,.btn-hover-delete{background:#fff;border:none;width:44px;height:44px;border-radius:50%;color:#262626;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .2s ease;box-shadow:0 2px 8px #0003}.btn-hover-edit:hover{background:var(--gold-primary);color:#fff;transform:scale(1.1)}.btn-hover-delete{background:#fff;color:#ed4956}.btn-hover-delete:hover{background:#ed4956;color:#fff;transform:scale(1.1)}.profile-page{min-height:100vh;padding:90px 20px 30px;background:linear-gradient(135deg,#f5f5f5,#e8e8e8)}.profile-container{max-width:1000px;margin:0 auto}.profile-header{text-align:center;margin-bottom:25px}.profile-header h1{font-size:2rem;color:#2c2c2c;margin-bottom:5px;font-weight:700;font-family:Montserrat,sans-serif}.profile-subtitle{font-size:.95rem;color:#666;font-family:Inter,sans-serif}.profile-card{background:#fff;border-radius:16px;padding:0;box-shadow:0 4px 20px #00000014;overflow:hidden}.profile-card-header{background:linear-gradient(135deg,#c8b374,#a89456);padding:25px 30px;display:flex;align-items:center;gap:20px;color:#fff}.profile-avatar{width:70px;height:70px;border-radius:50%;background:#fff;color:#c8b374;font-size:1.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;text-transform:uppercase;box-shadow:0 4px 12px #00000026;flex-shrink:0}.profile-name-section h2{font-size:1.5rem;margin:0 0 8px;font-family:Montserrat,sans-serif;font-weight:600}.profile-details{padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px 30px}.detail-row{display:flex;flex-direction:column;gap:8px}.detail-row.full-width{grid-column:1 / -1}.detail-row label{font-size:.8rem;color:#666;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px;font-family:Inter,sans-serif}.detail-row label i{color:#c8b374;font-size:.9rem}.detail-row p{font-size:1rem;color:#2c2c2c;font-weight:500;margin:0;padding:10px 14px;background:#f8f8f8;border-radius:8px;font-family:Inter,sans-serif}.profile-input{width:100%;padding:10px 14px;font-size:1rem;border:2px solid #e0e0e0;border-radius:8px;outline:none;transition:all .3s ease;font-family:Inter,sans-serif;background:#fff}.profile-input:focus{border-color:#c8b374;box-shadow:0 0 0 3px #c8b3741a}.email-text{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.email-badge{font-size:.7rem;background:#fee2e2;color:#dc2626;padding:3px 8px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:capitalize;background:#ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.role-badge i{font-size:.85rem}.profile-actions{padding:0 30px 25px;display:flex;gap:12px;justify-content:flex-end}.btn-edit,.btn-save,.btn-cancel{padding:10px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;border:none;display:inline-flex;align-items:center;gap:8px;transition:all .3s ease;font-family:Inter,sans-serif}.btn-edit{background:linear-gradient(135deg,#c8b374,#a89456);color:#fff}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c8b3744d}.btn-save{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4caf504d}.btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-cancel{background:#f5f5f5;color:#666;border:2px solid #e0e0e0}.btn-cancel:hover:not(:disabled){background:#e8e8e8;border-color:#c8b374;color:#2c2c2c}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.loading-spinner .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #c8b374;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-spinner p{font-size:1.1rem;color:#666;font-weight:500}.error-message{text-align:center;padding:40px;color:#dc2626;font-size:1.1rem}@media(max-width:768px){.profile-page{padding:80px 15px 20px}.profile-header{margin-bottom:20px}.profile-header h1{font-size:1.75rem}.profile-subtitle{font-size:.9rem}.profile-card-header{padding:20px;gap:15px}.profile-name-section h2{font-size:1.3rem}.profile-avatar{width:60px;height:60px;font-size:1.5rem}.profile-details{grid-template-columns:1fr;padding:25px 20px;gap:18px}.detail-row p,.profile-input{font-size:.95rem;padding:9px 12px}.profile-actions{padding:0 20px 20px;gap:10px}.btn-edit,.btn-save,.btn-cancel{padding:9px 20px;font-size:.9rem}}@media(max-width:480px){.profile-page{padding:75px 12px 15px}.profile-header h1{font-size:1.5rem}.profile-subtitle{font-size:.85rem}.profile-card-header{flex-direction:column;text-align:center;padding:18px 15px;gap:12px}.profile-name-section h2{font-size:1.2rem}.profile-avatar{width:55px;height:55px;font-size:1.3rem}.profile-details{padding:20px 15px;gap:16px}.detail-row label{font-size:.75rem}.detail-row p,.profile-input{font-size:.9rem;padding:8px 10px}.email-badge{font-size:.65rem}.profile-actions{padding:0 15px 18px;flex-direction:column}.btn-edit,.btn-save,.btn-cancel{width:100%;justify-content:center;padding:10px 18px;font-size:.88rem}}.footer{background-color:#2c2c2c;color:#fff;padding:4rem 0 0;margin-top:6rem}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem 3rem;display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:3rem}.footer-section h3{font-family:Montserrat,sans-serif;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:#c8b374;text-transform:uppercase;letter-spacing:1px}.footer-about{display:flex;flex-direction:column;gap:1rem}.footer-logo{width:140px;height:auto;margin-bottom:.5rem;mix-blend-mode:lighten}.footer-about p{font-size:.95rem;line-height:1.7;color:#d1d1d1;margin-bottom:1rem}.footer-social{display:flex;gap:1rem;margin-top:.5rem}.footer-social a{width:40px;height:40px;border-radius:50%;background-color:#c8b3741a;border:1px solid #c8b374;display:flex;align-items:center;justify-content:center;color:#c8b374;font-size:1rem;transition:all .3s ease}.footer-social a:hover{background-color:#c8b374;color:#2c2c2c;transform:translateY(-3px)}.footer-links ul,.footer-support ul{list-style:none;padding:0;margin:0}.footer-links li,.footer-support li{margin-bottom:.8rem}.footer-links a,.footer-support a{color:#d1d1d1;text-decoration:none;font-size:.95rem;transition:all .3s ease;display:inline-block}.footer-links a:hover,.footer-support a:hover{color:#c8b374;transform:translate(5px)}.contact-info{display:flex;flex-direction:column;gap:1rem}.contact-info p{display:flex;align-items:flex-start;gap:.8rem;color:#d1d1d1;font-size:.95rem;line-height:1.6}.contact-info i{color:#c8b374;font-size:1rem;margin-top:.2rem;min-width:18px}.footer-bottom{border-top:1px solid rgba(200,179,116,.2);padding:2rem;text-align:center;position:relative}.footer-bottom p{color:#a1a1a1;font-size:.9rem;margin:0}.scroll-to-top{position:absolute;right:2rem;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#c8b374,#d4c186);border:2px solid rgba(255,255,255,.2);color:#fff;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);box-shadow:0 4px 15px #c8b37466}.scroll-to-top:hover{transform:translateY(-50%) scale(1.15);background:linear-gradient(135deg,#d4c186,#e5d299);box-shadow:0 6px 25px #c8b37499;border-color:#fff6}.scroll-to-top i{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@media(max-width:1024px){.footer-content{grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem}.footer-contact{grid-column:1 / -1}}@media(max-width:768px){.footer{margin-top:4rem;padding:3rem 0 0}.footer-content{grid-template-columns:1fr 1fr;gap:2rem;padding:0 1.5rem 2rem}.footer-about{grid-column:1 / -1;text-align:center;align-items:center}.footer-logo{width:120px}.footer-social{justify-content:center}.footer-contact{grid-column:1 / -1}.contact-info{align-items:center}.contact-info p{justify-content:center}}@media(max-width:480px){.footer{margin-top:3rem}.footer-content{grid-template-columns:1fr;gap:2.5rem;padding:0 1rem 1.5rem}.footer-section,.footer-links ul,.footer-support ul{text-align:center}.footer-links a:hover,.footer-support a:hover{transform:translate(0)}.footer-bottom{padding:1.5rem 1rem}.footer-bottom p{font-size:.85rem;line-height:1.5}.scroll-to-top{right:1rem;width:45px;height:45px;font-size:1.1rem}}
