@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--primary-black:#000;--primary-white:#fff;--gray-50:#fafafa;--gray-100:#f5f5f5;--gray-200:#e5e5e5;--gray-300:#d4d4d4;--gray-400:#a3a3a3;--gray-500:#737373;--gray-600:#525252;--gray-700:#404040;--gray-800:#262626;--gray-900:#171717;--accent-red:#dc2626;--accent-blue:#2563eb;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--primary-white);color:#171717;color:var(--gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;overflow-x:hidden}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--font-size-4xl)}.text-5xl{font-size:3rem;font-size:var(--font-size-5xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.container{margin:0 auto;max-width:1200px;padding:0 1rem;padding:0 var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.text-center{text-align:center}html{scroll-behavior:smooth}:focus{outline:2px solid #2563eb;outline:2px solid var(--accent-blue);outline-offset:2px}code{background-color:#f5f5f5;background-color:var(--gray-100);border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.App{display:flex;flex-direction:column;min-height:100vh}.App,main{background-color:var(--primary-white)}main{flex:1 1}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;justify-content:center;line-height:1;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all var(--transition-normal);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:var(--primary-black);color:var(--primary-white)}.btn-primary:hover:not(:disabled){background-color:var(--gray-800);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:initial;border:1px solid var(--gray-300);color:var(--gray-900)}.btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.btn-ghost{background-color:initial;color:var(--gray-700)}.btn-ghost:hover:not(:disabled){background-color:var(--gray-100);color:var(--gray-900)}.input{background-color:var(--primary-white);border:1px solid var(--gray-300);border-radius:6px;color:var(--gray-900);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.5;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}.input:focus{border-color:var(--primary-black);box-shadow:0 0 0 3px #0000000d;outline:none}.input::placeholder{color:var(--gray-400)}.card{background-color:var(--primary-white);border:1px solid var(--gray-200);border-radius:8px;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.loading{opacity:.6;pointer-events:none}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid var(--gray-300);border-radius:50%;border-top-color:var(--primary-black);display:inline-block;height:20px;width:20px}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;width:100%}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.container{padding:0 var(--spacing-sm)}.btn{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}}.fade-in{animation:fadeIn .6s ease-in-out}.slide-up{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--primary-white);background-color:#fffffff2;border-bottom:1px solid var(--gray-200);justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav-bar,.nav-logo{align-items:center;display:flex}.nav-logo{gap:var(--spacing-sm);text-decoration:none}.nav-logo img{height:32px;transition:transform var(--transition-fast);width:auto}.nav-logo:hover img{transform:scale(1.05)}.nav-logo p{color:var(--primary-black);font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.02em;margin:0}ul{display:flex;gap:var(--spacing-xl);list-style:none;margin:0;padding:0}ul li,ul li a{position:relative}ul li a{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.025em;padding:var(--spacing-sm) 0;text-decoration:none;transition:color var(--transition-fast)}ul li a:hover{color:var(--primary-black)}ul li hr{background-color:var(--primary-black);border:none;border-radius:1px;bottom:-2px;height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform var(--transition-normal);width:100%}ul li:hover hr{transform:scaleX(1)}ul li.active a{color:var(--primary-black)}ul li.active hr{transform:scaleX(1)}.nav-loginCart{align-items:center;display:flex;gap:var(--spacing-md)}.nav-loginCart button{background-color:initial;border:1px solid var(--gray-300);border-radius:6px;color:var(--gray-700);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.nav-loginCart button:hover{background-color:var(--gray-50);border-color:var(--gray-400);color:var(--gray-900)}.nav-loginCart .cart-link,.nav-loginCart a{align-items:center;border-radius:8px;display:flex;height:40px;justify-content:center;position:relative;transition:all var(--transition-fast);width:40px}.nav-loginCart .cart-link:hover,.nav-loginCart a:hover{background-color:var(--gray-100)}.nav-loginCart img{filter:brightness(0) saturate(100%) invert(27%) sepia(8%) saturate(1255%) hue-rotate(169deg) brightness(94%) contrast(89%);height:20px;transition:filter var(--transition-fast);width:20px}.nav-loginCart a:hover img{filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(0deg) brightness(0) contrast(100%)}.nav-cart-count{align-items:center;animation:pulse 2s infinite;background-color:var(--accent-red);border:2px solid var(--primary-white);border-radius:50%;color:var(--primary-white);display:flex;font-size:10px;font-weight:600;height:18px;justify-content:center;min-width:18px;position:absolute;right:-6px;top:-6px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.nav-bar{flex-wrap:wrap;padding:var(--spacing-md)}.nav-logo p{font-size:var(--font-size-lg)}ul{border-top:1px solid var(--gray-200);gap:var(--spacing-lg);justify-content:center;margin-top:var(--spacing-md);order:3;padding-top:var(--spacing-md);width:100%}ul li a{font-size:var(--font-size-xs)}.nav-loginCart{gap:var(--spacing-sm)}.nav-loginCart button{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md)}}@media (max-width:480px){.nav-bar{padding:var(--spacing-sm)}.nav-logo img{height:28px}.nav-logo p{font-size:var(--font-size-base)}ul{gap:var(--spacing-md)}}.user-menu{display:inline-block;position:relative}.user-menu-trigger{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:var(--font-family);gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-fast)}.user-menu-trigger:hover{background-color:var(--gray-100)}.user-avatar{align-items:center;background-color:var(--primary-black);border-radius:50%;display:flex;height:32px;justify-content:center;overflow:hidden;width:32px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-initials{color:var(--primary-white);font-size:var(--font-size-xs);font-weight:600;line-height:1}.user-name{color:var(--gray-900);font-size:var(--font-size-sm);font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:var(--gray-500);transition:transform var(--transition-fast)}.dropdown-arrow.open{transform:rotate(180deg)}.user-menu-dropdown{animation:dropdownFadeIn .2s ease-out;background-color:var(--primary-white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-xl);min-width:280px;overflow:hidden;position:absolute;right:0;top:calc(100% + var(--spacing-xs));z-index:1000}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{background-color:var(--gray-50);border-bottom:1px solid var(--gray-200);padding:var(--spacing-lg)}.user-info{gap:var(--spacing-md)}.user-avatar-large,.user-info{align-items:center;display:flex}.user-avatar-large{background-color:var(--primary-black);border-radius:50%;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.user-avatar-large img{height:100%;object-fit:cover;width:100%}.user-initials-large{color:var(--primary-white);font-size:var(--font-size-lg);font-weight:600;line-height:1}.user-details{flex:1 1;min-width:0}.user-name-large{color:var(--primary-black);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--spacing-xs) 0}.user-email,.user-name-large{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--gray-500);font-size:var(--font-size-xs);margin:0}.user-menu-divider{background-color:var(--gray-200);height:1px}.user-menu-items{padding:var(--spacing-sm) 0}.user-menu-item{align-items:center;background:none;border:none;color:var(--gray-700);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);text-align:left;text-decoration:none;transition:background-color var(--transition-fast);width:100%}.user-menu-item:hover{background-color:var(--gray-50);color:var(--primary-black)}.user-menu-item svg{color:var(--gray-500);flex-shrink:0;transition:color var(--transition-fast)}.user-menu-item:hover svg{color:var(--primary-black)}.user-menu-item.logout{color:var(--accent-red)}.user-menu-item.logout:hover{background-color:#fef2f2;color:var(--accent-red)}.user-menu-item.logout svg,.user-menu-item.logout:hover svg{color:var(--accent-red)}@media (max-width:768px){.user-menu-dropdown{min-width:260px;right:-var(--spacing-md)}.user-name{display:none}.user-menu-trigger{padding:var(--spacing-xs)}.dropdown-arrow{display:none}}@media (max-width:480px){.user-menu-dropdown{min-width:240px;right:-var(--spacing-lg)}.user-menu-header{padding:var(--spacing-md)}.user-avatar-large{height:40px;width:40px}.user-initials-large{font-size:var(--font-size-base)}.user-name-large{font-size:var(--font-size-sm)}}.hero{align-items:center;background:var(--primary-white);border-bottom:1px solid var(--gray-200);display:flex;font-family:var(--font-family);justify-content:space-between;min-height:100vh;padding:var(--spacing-4xl) var(--spacing-xl);position:relative}.hero-left{flex:1 1;max-width:600px;padding-right:var(--spacing-2xl)}.hero-left h2{animation:fadeInUp .8s ease-out .2s forwards;color:var(--gray-500);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.1em;margin-bottom:var(--spacing-xl);opacity:0;text-transform:uppercase}.hand-hand-icon{align-items:center;animation:fadeInUp .8s ease-out .4s forwards;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);opacity:0}.hand-hand-icon p{color:var(--primary-black);font-size:var(--font-size-5xl);font-weight:700;letter-spacing:-.02em;line-height:1;margin:0}.hand-hand-icon img{animation:gentleWave 3s ease-in-out infinite;filter:brightness(0) saturate(100%) invert(27%) sepia(8%) saturate(1255%) hue-rotate(169deg) brightness(94%) contrast(89%);height:auto;width:40px}@keyframes gentleWave{0%,to{transform:rotate(0deg)}50%{transform:rotate(15deg)}}.hero-left>div p{animation:fadeInUp .8s ease-out forwards;color:var(--primary-black);font-size:var(--font-size-5xl);font-weight:700;letter-spacing:-.02em;line-height:1;margin:var(--spacing-sm) 0;opacity:0}.hero-left>div p:nth-child(3){animation-delay:.6s}.hero-left>div p:last-child{animation-delay:.8s;color:var(--gray-600);font-weight:500}.hero-latest-butt{align-items:center;animation:fadeInUp .8s ease-out 1s forwards;background:var(--primary-black);border:none;border-radius:8px;color:var(--primary-white);cursor:pointer;display:inline-flex;font-family:var(--font-family);gap:var(--spacing-sm);margin-top:var(--spacing-2xl);opacity:0;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal)}.hero-latest-butt:hover{background:var(--gray-800);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.hero-latest-butt h1{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.025em;margin:0}.hero-latest-butt img{filter:brightness(0) invert(1);height:auto;transition:transform var(--transition-normal);width:14px}.hero-latest-butt:hover img{transform:translateX(3px)}.hero-right{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative}.hero-right>img{animation:fadeIn 1s ease-out .5s forwards;border-radius:12px;height:auto;max-height:600px;max-width:100%;object-fit:contain;opacity:0}.diamond-star-container{display:none;height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes subtleFloat{0%,to{opacity:.7;transform:rotate(45deg) translateY(0)}50%{opacity:1;transform:rotate(45deg) translateY(-8px)}}.hero-bottom-line{background:var(--gray-400);border-radius:1px;bottom:var(--spacing-xl);height:1px;left:50%;position:absolute;transform:translateX(-50%);width:40px}@media (max-width:768px){.hero{flex-direction:column;min-height:auto;padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.hero-left{margin-bottom:var(--spacing-2xl);max-width:100%;padding-right:0}.hand-hand-icon p,.hero-left>div p{font-size:var(--font-size-4xl)}.hero-latest-butt{margin:var(--spacing-xl) auto 0}}@media (max-width:480px){.hero{padding:var(--spacing-xl) var(--spacing-md)}.hand-hand-icon p,.hero-left>div p{font-size:var(--font-size-3xl)}.hero-left h2{font-size:var(--font-size-xs);margin-bottom:var(--spacing-lg)}.hero-latest-butt{padding:var(--spacing-sm) var(--spacing-lg)}.hero-latest-butt h1{font-size:var(--font-size-xs)}}.popular{background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:5rem 8% 6rem;text-align:center}.popular h1{animation:fadeInUp .8s ease-out .2s forwards;color:#080a0b;font-size:2.5rem;font-weight:600;letter-spacing:-.5px;margin-bottom:1rem;opacity:0}.popular hr{animation:fadeInUp .8s ease-out .4s forwards;background:#212529;border:none;border-radius:2px;height:3px;margin:0 auto 4rem;opacity:0;width:60px}.popular-item{grid-gap:2.5rem;animation:fadeInUp .8s ease-out .6s forwards;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px;opacity:0}.popular-item .item{background:#fff;border:1px solid #f8f9fa;border-radius:8px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.popular-item .item:before{background:linear-gradient(90deg,#0000,#21252905,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.popular-item .item:hover:before{left:100%}.popular-item .item:hover{border-color:#e9ecef;box-shadow:0 15px 35px #21252914;transform:translateY(-8px)}.popular-item .item img{border-radius:4px;height:300px;margin-bottom:1rem;object-fit:cover;transition:transform .3s ease;width:100%}.popular-item .item:hover img{transform:scale(1.02)}.popular-item .item .item-name,.popular-item .item h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#010408;display:-webkit-box;font-size:1.1rem;font-weight:500;line-height:1.4;margin-bottom:.8rem;overflow:hidden}.popular-item .item .item-prices,.popular-item .item .price-container{align-items:center;display:flex;gap:.8rem;justify-content:center;margin-top:auto}.popular-item .item .item-price-new,.popular-item .item .new-price{color:#212529;font-size:1.2rem;font-weight:600}.popular-item .item .item-price-old,.popular-item .item .old-price{color:#6c757d;font-size:1rem;font-weight:400;text-decoration:line-through}.popular-item .item .add-to-cart,.popular-item .item button{background:#212529;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-top:1rem;padding:.8rem 1.5rem;text-transform:uppercase;transition:all .3s ease;width:100%}.popular-item .item .add-to-cart:hover,.popular-item .item button:hover{background:#495057;transform:translateY(-1px)}.popular-item .item .sale-badge{background:#ffc107;border-radius:12px;color:#212529;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.3rem .8rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.popular-item .item:first-child{animation:fadeInUp .8s ease-out .8s both}.popular-item .item:nth-child(2){animation:fadeInUp .8s ease-out .9s both}.popular-item .item:nth-child(3){animation:fadeInUp .8s ease-out 1s both}.popular-item .item:nth-child(4){animation:fadeInUp .8s ease-out 1.1s both}.popular-item .item:nth-child(n+5){animation:fadeInUp .8s ease-out 1.2s both}@media (max-width:768px){.popular{padding:3rem 5% 4rem}.popular h1{font-size:2rem;margin-bottom:.8rem}.popular hr{margin-bottom:3rem}.popular-item{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.popular-item .item{padding:1.2rem}.popular-item .item img{height:250px}}@media (max-width:480px){.popular{padding:2.5rem 5% 3rem}.popular h1{font-size:1.8rem}.popular-item{gap:1.5rem;grid-template-columns:1fr}.popular-item .item{padding:1rem}.popular-item .item img{height:200px}.popular-item .item .item-name,.popular-item .item h3{font-size:1rem}.popular-item .item .item-price-new,.popular-item .item .new-price{font-size:1.1rem}}.item{animation:fadeInUp .6s ease-out;background-color:var(--primary-white);border:1px solid var(--gray-200);border-radius:12px;margin:var(--spacing-md);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all var(--transition-normal)}.item:hover{border-color:var(--gray-300);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.item img{background-color:var(--gray-50);border-radius:8px;cursor:pointer;height:280px;object-fit:cover;transition:all var(--transition-normal);width:100%}.item:hover img{transform:scale(1.02)}.item p{color:var(--gray-900);font-size:var(--font-size-base);font-weight:500;letter-spacing:-.01em;line-height:1.4;margin:var(--spacing-md) 0 var(--spacing-sm) 0;text-align:left}.item .price-container{align-items:center;display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.newPrice{color:var(--primary-black);font-size:var(--font-size-lg);font-weight:600;letter-spacing:-.02em}.oldPrice{color:var(--gray-400);font-size:var(--font-size-sm);font-weight:400;text-decoration:line-through}.item:before{background:var(--accent-red);border-radius:50%;content:"";height:0;opacity:0;position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all var(--transition-normal);width:0}.item:hover:before{height:8px;opacity:1;width:8px}.item a{color:inherit;display:block;text-decoration:none}.item:hover .newPrice{color:var(--gray-800)}.item:hover p{color:var(--gray-700)}.item.loading{opacity:.7;pointer-events:none}.item.loading:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.item{margin:var(--spacing-sm);padding:var(--spacing-md)}.item img{height:240px}.item p{font-size:var(--font-size-sm);margin:var(--spacing-sm) 0}.newPrice{font-size:var(--font-size-base)}.oldPrice{font-size:var(--font-size-xs)}}@media (max-width:480px){.item{margin:var(--spacing-xs);padding:var(--spacing-sm)}.item img{height:200px}.item p{font-size:var(--font-size-xs)}}.offer{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;justify-content:space-between;min-height:70vh;overflow:hidden;padding:5rem 8%;position:relative}.offer:before{background:radial-gradient(circle,#21252905 1px,#0000 0);background-size:30px 30px;content:"";height:140%;position:absolute;right:-10%;top:-20%;transform:rotate(15deg);width:40%;z-index:1}.offers-left{flex:1 1;max-width:500px;position:relative;z-index:2}.offers-left h1{animation:fadeInUp .8s ease-out forwards;color:#212529;font-size:3.2rem;font-weight:700;letter-spacing:-1px;line-height:1.1;margin:0;opacity:0}.offers-left h1:first-child{animation-delay:.2s}.offers-left h1:nth-child(2){animation-delay:.4s;color:#495057;margin-bottom:1.5rem}.offers-left p{animation:fadeInUp .8s ease-out .6s forwards;color:#6c757d;font-size:1.1rem;font-weight:400;margin-bottom:2.5rem}.offers-left button,.offers-left p{letter-spacing:.5px;opacity:0;text-transform:uppercase}.offers-left button{animation:fadeInUp .8s ease-out .8s forwards;background:#212529;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;overflow:hidden;padding:1rem 2.5rem;position:relative;transition:all .3s ease}.offers-left button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.offers-left button:hover:before{left:100%}.offers-left button:hover{background:#495057;box-shadow:0 8px 25px #21252926;transform:translateY(-2px)}.offers-right{align-items:center;display:flex;flex:1 1;justify-content:center;position:relative;z-index:2}.offers-right img{animation:fadeInScale 1s ease-out .5s forwards;filter:drop-shadow(0 10px 30px rgba(33,37,41,.1));height:auto;max-height:500px;max-width:100%;object-fit:contain;opacity:0}.offers-right:before{animation:float 6s ease-in-out infinite;border:2px solid #e9ecef;border-radius:50%;content:"";height:80px;left:10%;position:absolute;top:10%;width:80px;z-index:-1}.offers-right:after{animation:float 6s ease-in-out infinite reverse;border:2px solid #dee2e6;border-radius:50%;bottom:20%;content:"";height:60px;position:absolute;right:15%;width:60px;z-index:-1}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(180deg)}}@media (max-width:968px){.offer{padding:4rem 6%}.offers-left h1{font-size:2.8rem}}@media (max-width:768px){.offer{flex-direction:column;min-height:auto;padding:3rem 5%;text-align:center}.offers-left{margin-bottom:3rem;max-width:100%}.offers-left h1{font-size:2.5rem}.offers-left p{font-size:1rem;margin-bottom:2rem}.offers-left button{font-size:.9rem;padding:.9rem 2rem}.offers-right img{max-height:400px}.offers-right:after,.offers-right:before{display:none}}@media (max-width:480px){.offer{padding:2.5rem 5%}.offers-left h1{font-size:2rem}.offers-left p{font-size:.9rem;margin-bottom:1.5rem}.offers-left button{font-size:.85rem;padding:.8rem 1.8rem}.offers-right img{max-height:300px}}.NewCollection{background:#fafbfc;border-top:1px solid #e9ecef;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;padding:6rem 8% 7rem;position:relative;text-align:center}.NewCollection:before{background:linear-gradient(45deg,#0000 49%,#e9ecef4d 0,#e9ecef4d 51%,#0000 0),linear-gradient(-45deg,#0000 49%,#e9ecef4d 0,#e9ecef4d 51%,#0000 0);background-size:60px 60px;content:"";height:100%;left:0;opacity:.4;position:absolute;top:0;width:100%;z-index:1}.NewCollection>*{position:relative;z-index:2}.NewCollection h1{animation:fadeInUp .8s ease-out .2s forwards;color:#212529;font-size:2.8rem;font-weight:700;letter-spacing:-.8px;margin-bottom:1.5rem;opacity:0;position:relative}.NewCollection h1:after{background:linear-gradient(90deg,#0000,#495057,#0000);bottom:-10px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:100px}.NewCollection hr{animation:fadeInUp .8s ease-out .4s forwards;background:linear-gradient(90deg,#495057,#212529,#495057);border:none;border-radius:2px;height:4px;margin:0 auto 5rem;opacity:0;width:80px}.collections{grid-gap:2.5rem;animation:fadeInUp .8s ease-out .6s forwards;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1400px;opacity:0}.collections .item{background:#fff;border:1px solid #f1f3f4;border-radius:8px;box-shadow:0 2px 10px #2125290a;overflow:hidden;padding:1.5rem;position:relative;transition:all .4s ease}.collections .item:before{background:linear-gradient(90deg,#0000,#21252908,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.collections .item:hover:before{left:100%}.collections .item:hover{border-color:#e9ecef;box-shadow:0 20px 40px #2125291f;transform:translateY(-10px)}.collections .item img{border-radius:6px;height:320px;margin-bottom:1.2rem;object-fit:cover;transition:transform .4s ease;width:100%}.collections .item:hover img{transform:scale(1.03)}.collections .item:after{background:linear-gradient(45deg,#495057,#212529);border-radius:16px;box-shadow:0 2px 8px #21252933;color:#fff;content:"FRESH";font-size:.65rem;font-weight:700;left:1.5rem;letter-spacing:1.5px;padding:.4rem 1rem;position:absolute;text-transform:uppercase;top:1.5rem;z-index:3}.collections .item .item-name,.collections .item h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#212529;display:-webkit-box;font-size:1.1rem;font-weight:500;line-height:1.4;margin-bottom:.8rem;overflow:hidden}.collections .item .item-prices,.collections .item .price-container{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:auto}.collections .item .item-price-new,.collections .item .new-price{color:#212529;font-size:1.25rem;font-weight:600}.collections .item .item-price-old,.collections .item .old-price{color:#6c757d;font-size:1rem;font-weight:400;text-decoration:line-through}.collections .item .add-to-cart,.collections .item button{background:#212529;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.5px;margin-top:1.2rem;overflow:hidden;padding:.9rem 1.5rem;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.collections .item .add-to-cart:before,.collections .item button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.collections .item .add-to-cart:hover:before,.collections .item button:hover:before{left:100%}.collections .item .add-to-cart:hover,.collections .item button:hover{background:#495057;transform:translateY(-2px)}.collections .item:first-child{animation:fadeInUp .8s ease-out .8s both}.collections .item:nth-child(2){animation:fadeInUp .8s ease-out .9s both}.collections .item:nth-child(3){animation:fadeInUp .8s ease-out 1s both}.collections .item:nth-child(4){animation:fadeInUp .8s ease-out 1.1s both}.collections .item:nth-child(5){animation:fadeInUp .8s ease-out 1.2s both}.collections .item:nth-child(6){animation:fadeInUp .8s ease-out 1.3s both}.collections .item:nth-child(7){animation:fadeInUp .8s ease-out 1.4s both}.collections .item:nth-child(8){animation:fadeInUp .8s ease-out 1.5s both}.collections .item:nth-child(n+9){animation:fadeInUp .8s ease-out 1.6s both}@media (max-width:768px){.NewCollection{padding:3rem 5% 4rem}.NewCollection h1{font-size:2rem;margin-bottom:.8rem}.NewCollection hr{margin-bottom:3rem}.collections{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.collections .item{padding:1.2rem}.collections .item img{height:280px}}@media (max-width:480px){.NewCollection{padding:2.5rem 5% 3rem}.NewCollection h1{font-size:1.8rem}.collections{gap:1.5rem;grid-template-columns:1fr}.collections .item{padding:1rem}.collections .item img{height:240px}.collections .item .item-name,.collections .item h3{font-size:1rem}.collections .item .item-price-new,.collections .item .new-price{font-size:1.1rem}}.NewsLetter{background-color:#000;border-radius:15px;box-shadow:0 10px 30px #0000001a;color:#fff;padding:40px;text-align:center}.NewsLetter h1{color:#fff;font-size:2.5rem;margin-bottom:10px}.NewsLetter p{color:#fff;font-size:1.2rem;margin-bottom:20px}.NewsLetter div{align-items:center;display:flex;gap:10px;justify-content:center}.NewsLetter input{border:2px solid #e38e49;border-radius:5px;flex:1 1;font-size:1rem;max-width:300px;outline:none;padding:10px;transition:border-color .3s ease}.NewsLetter input:focus{border-color:#0a3981}.NewsLetter button{background:#e38e49;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:20px;padding:10px 20px;transition:transform .3s ease,background .3s ease}.NewsLetter button:hover{background:#1f509a;transform:scale(1.05)}@media (max-width:768px){.NewsLetter{padding:20px}.NewsLetter h1{font-size:2rem}.NewsLetter div{flex-direction:column;gap:15px}.NewsLetter input{width:100%}}.shopCategor{align-items:center;background:#f7f7f7;box-shadow:0 4px 10px #0000001a;color:#1f509a;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:20px}.shopCategory_banner{border-radius:10px;box-shadow:0 4px 10px #0003;height:auto;margin-bottom:20px;width:100%}.shopCategory-indexsort{align-items:center;color:#1f509a;display:flex;font-size:1rem;justify-content:space-between;margin:10px 0;width:100%}.shopCategory-indexsort span{color:#e38e49;font-weight:700}.shopCategory-Sort{align-items:center;background:#e38e49;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:5px;padding:5px 10px;transition:background .3s ease,transform .3s ease}.shopCategory-Sort:hover{background:#1f509a;transform:scale(1.05)}.shopCategory-Sort img{height:15px;width:15px}.shopCategory-products{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px;width:100%}.shopCategory-products>div{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;padding:15px;transition:transform .3s ease,box-shadow .3s ease}.shopCategory-products>div:hover{box-shadow:0 6px 15px #0003;transform:scale(1.05)}@media (max-width:768px){.shopCategory-indexsort{align-items:flex-start;flex-direction:column;gap:10px}.shopCategory-products{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}.Breadcrumbs{align-items:center;background-color:#d4ebf8;border-radius:8px;box-shadow:0 4px 10px #0000001a;color:#1f509a;display:flex;font-size:18px;margin-bottom:20px;max-width:100%;padding:10px 20px}.Breadcrumbs img{height:15px;margin:0 8px;opacity:.6;width:15px}.Breadcrumbs img:hover{opacity:1}.Breadcrumbs p{color:#1f509a;font-size:16px}.Breadcrumbs span{color:#9e49e4;font-weight:700}.Breadcrumbs:hover{background-color:#1f509a;color:#fff;transition:background-color .3s ease,color .3s ease}.Breadcrumbs:hover img{opacity:1}.ProductDisplay{background-color:#f9f9f9;border:2px solid red;display:flex;font-family:Arial,sans-serif;gap:40px;padding:40px}.ProductDispaly-left{display:flex;flex-direction:column;width:40%}.productdisplay-imglist{display:flex;gap:10px;margin-bottom:20px}.productdisplay-imglist img{border:2px solid #0000;border-radius:5px;cursor:pointer;height:60px;object-fit:cover;transition:border-color .3s ease;width:60px}.productdisplay-imglist img:hover{border-color:#007bff}.productdisplay-main-img{border-radius:10px;box-shadow:0 4px 10px #0000001a;height:400px;object-fit:cover;width:100%}.ProductDisplay-right{color:#333;width:60%}.ProductDisplay-right h1{font-size:28px;font-weight:700;margin-bottom:20px}.productDisplay-rightstar{align-items:center;display:flex;gap:5px;margin-bottom:20px}.productDisplay-rightstar img{height:20px;width:20px}.productDisplay-rightstar p{color:#555;font-size:14px}.productDisplay-rightprices{align-items:baseline;display:flex;gap:20px;margin-bottom:20px}.productDispaly-rightpriceOld{color:#999;font-size:18px;text-decoration:line-through}.productDisplay-rightPrice-new{color:#e63946;font-size:22px;font-weight:700}.productDispaly-rightDescription{color:#666;font-size:16px;line-height:1.6;margin-bottom:20px}.productDisplay-rightSize{margin-bottom:20px}.productDisplay-rightSize h1{font-size:18px;margin-bottom:10px}.productDisplay-rightsizes{display:flex;gap:10px}.productDisplay-rightsizes div{align-items:center;border:2px solid #ddd;border-radius:5px;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:40px;justify-content:center;transition:background-color .3s ease,border-color .3s ease;width:40px}.productDisplay-rightsizes div:hover{background-color:#007bff;border-color:#007bff;color:#fff}button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:20px;padding:12px 20px;transition:background-color .3s ease}button:hover{background-color:#0056b3}.productDisplay-right-Categor{color:#555;font-size:14px;margin-bottom:10px}.productDisplay-right-Categor span{color:#333;font-weight:700}.DescriptionBox{background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 10px #0000001a;color:#333;font-family:Arial,sans-serif;margin:20px auto;max-width:800px;padding:20px 30px}.description-boxNavigator{border-bottom:2px solid #ddd;display:flex;margin-bottom:20px}.des-box-nav-box,.desc-box-nav-box-fade{cursor:pointer;font-size:16px;font-weight:700;padding:10px 20px;transition:color .3s ease,border-bottom .3s ease}.des-box-nav-box{border-bottom:3px solid #007bff;color:#007bff}.desc-box-nav-box-fade{color:#aaa}.desc-box-nav-box-fade:hover{color:#007bff}.desc-box-desc p{color:#555;font-size:16px;line-height:1.6;margin:10px 0}.desc-box-desc p:first-of-type{color:#333;font-weight:700}.RelatedProduct{background-color:#f9f9f9;font-family:Arial,sans-serif;padding:40px 20px}.RelatedProduct h1{color:#333;font-size:28px;margin-bottom:10px;text-align:center}.RelatedProduct hr{background-color:#007bff;border:none;height:3px;margin:10px auto 30px;width:80px}.related-productsItems{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.related-productsItems>div{align-items:center;display:flex;justify-content:center}.CartItems{background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 10px #0000001a;font-family:Arial,sans-serif;margin:0 auto;max-width:1200px;padding:20px}.cartItems-Format-Main{background-color:#ececec;border-radius:8px;display:grid;font-weight:700;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;padding:10px;text-align:center}.cartItems-Format-Main p{margin:0}hr{border:0;border-top:1px solid #ddd;margin:10px 0}.cartItems_format{align-items:center;background-color:#fff;border-radius:8px;display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr 1fr;margin-bottom:10px;padding:10px 0;text-align:center;transition:transform .2s}.cartItems_format:hover{box-shadow:0 2px 15px #0000001a;transform:scale(1.02)}.cartIcon-ProductIcon{border-radius:50%;height:50px;object-fit:cover;width:50px}.cartItems-quantity{background-color:#fc0;border:none;border-radius:4px;color:#fff;cursor:default;font-weight:700;padding:5px 10px}.cartItems_format img:last-child{cursor:pointer;height:24px;transition:transform .2s;width:24px}.cartItems_format img:last-child:hover{transform:scale(1.2)}.loginSignuo{align-items:center;background-color:var(--gray-50);display:flex;font-family:var(--font-family);justify-content:center;min-height:100vh;padding:var(--spacing-lg)}.loginSignup-container{animation:fadeInUp .6s ease-out;background-color:var(--primary-white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-lg);max-width:420px;padding:var(--spacing-3xl);text-align:center;width:100%}.loginSignup-container h1{color:var(--primary-black);font-size:var(--font-size-3xl);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--spacing-xl)}.logimSignup-fields{gap:var(--spacing-md)}.input-group,.logimSignup-fields{display:flex;flex-direction:column}.input-group{gap:var(--spacing-xs)}.logimSignup-fields input{background-color:var(--primary-white);border:1px solid var(--gray-300);border-radius:8px;color:var(--gray-900);font-family:var(--font-family);font-size:var(--font-size-sm);outline:none;padding:var(--spacing-md);transition:all var(--transition-fast);width:100%}.logimSignup-fields input:focus{border-color:var(--primary-black);box-shadow:0 0 0 3px #0000000d}.logimSignup-fields input::placeholder{color:var(--gray-400);font-weight:400}.logimSignup-fields input.error{border-color:var(--accent-red)}.logimSignup-fields input:disabled{background-color:var(--gray-50);cursor:not-allowed;opacity:.7}.field-error{margin-top:var(--spacing-xs)}.loginSignup-container button{align-items:center;background-color:var(--primary-black);border:none;border-radius:8px;color:var(--primary-white);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);justify-content:center;letter-spacing:.025em;margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal);width:100%}.loginSignup-container button:hover:not(:disabled){background-color:var(--gray-800);box-shadow:var(--shadow-md);transform:translateY(-1px)}.loginSignup-container button:disabled{cursor:not-allowed;opacity:.6;transform:none}.loginSignup-container button .spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.loginSignup-login{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:400;margin-top:var(--spacing-xl)}.loginSignup-login span{color:var(--primary-black);cursor:pointer;font-weight:500;text-decoration:underline;text-underline-offset:2px;transition:color var(--transition-fast)}.loginSignup-login span:hover{color:var(--gray-700)}.loginSignup-agree{align-items:flex-start;color:var(--gray-600);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-sm);margin-top:var(--spacing-lg);text-align:left}.loginSignup-agree input{accent-color:var(--primary-black);cursor:pointer;margin:0}.loginSignup-agree p{font-size:var(--font-size-xs);line-height:1.4;margin:0}.error-message{border-radius:6px;color:#dc2626}.error-message,.success-message{font-size:var(--font-size-xs);margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);text-align:left}.success-message{background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;font-weight:500}.loginSignup-container.loading{opacity:.8;pointer-events:none}@media (max-width:480px){.loginSignuo{padding:var(--spacing-md)}.loginSignup-container{padding:var(--spacing-xl)}.loginSignup-container h1{font-size:var(--font-size-2xl)}.logimSignup-fields input,.loginSignup-container button{padding:var(--spacing-sm) var(--spacing-md)}}.profile-container{margin:0 auto;max-width:800px;min-height:100vh;padding:var(--spacing-2xl) var(--spacing-lg)}.profile-header{margin-bottom:var(--spacing-3xl);text-align:center}.profile-header h1{color:var(--primary-black);font-size:var(--font-size-4xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--spacing-sm)}.profile-header p{color:var(--gray-600);font-size:var(--font-size-lg);font-weight:400}.profile-content{grid-gap:var(--spacing-2xl);display:grid;gap:var(--spacing-2xl);grid-template-columns:1fr}.profile-card{background-color:var(--primary-white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-sm);padding:var(--spacing-2xl)}.profile-avatar-section{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.profile-avatar{align-items:center;background-color:var(--primary-black);border-radius:50%;display:flex;flex-shrink:0;height:80px;justify-content:center;overflow:hidden;width:80px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-initials{color:var(--primary-white);line-height:1}.profile-info h2,.profile-initials{font-size:var(--font-size-2xl);font-weight:600}.profile-info h2{color:var(--primary-black);letter-spacing:-.01em;margin:0 0 var(--spacing-xs) 0}.profile-info p{color:var(--gray-600);font-size:var(--font-size-base);margin:0}.profile-form{gap:var(--spacing-lg)}.form-group,.profile-form{display:flex;flex-direction:column}.form-group{gap:var(--spacing-sm)}.form-group label{color:var(--gray-900);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.025em}.form-group input{background-color:var(--primary-white);border:1px solid var(--gray-300);border-radius:8px;color:var(--gray-900);font-family:var(--font-family);font-size:var(--font-size-base);outline:none;padding:var(--spacing-md);transition:all var(--transition-fast)}.form-group input:focus{border-color:var(--primary-black);box-shadow:0 0 0 3px #0000000d}.form-group input:disabled{background-color:var(--gray-50);color:var(--gray-500);cursor:not-allowed}.form-group input.error{border-color:var(--accent-red)}.field-error{color:var(--accent-red);font-size:var(--font-size-xs);font-weight:500}.profile-actions{border-top:1px solid var(--gray-200);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}.profile-actions .btn-primary,.profile-actions .btn-secondary{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;gap:var(--spacing-sm);letter-spacing:.025em;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all var(--transition-normal)}.profile-actions .btn-primary{background-color:var(--primary-black);color:var(--primary-white)}.profile-actions .btn-primary:hover:not(:disabled){background-color:var(--gray-800);box-shadow:var(--shadow-md);transform:translateY(-1px)}.profile-actions .btn-secondary{background-color:initial;border:1px solid var(--gray-300);color:var(--gray-700)}.profile-actions .btn-secondary:hover:not(:disabled){background-color:var(--gray-50);border-color:var(--gray-400)}.profile-actions button:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-stats{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card{background-color:var(--primary-white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:var(--shadow-sm);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-normal)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card h3{color:var(--gray-600);font-size:var(--font-size-sm);font-weight:500;letter-spacing:.05em;margin:0 0 var(--spacing-sm) 0;text-transform:uppercase}.stat-value{color:var(--primary-black);font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.01em;margin:0}.error-message{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:var(--accent-red);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}@media (max-width:768px){.profile-container{padding:var(--spacing-xl) var(--spacing-md)}.profile-header h1{font-size:var(--font-size-3xl)}.profile-header p{font-size:var(--font-size-base)}.profile-avatar-section{flex-direction:column;gap:var(--spacing-md);text-align:center}.profile-avatar{height:64px;width:64px}.profile-info h2,.profile-initials{font-size:var(--font-size-xl)}.profile-actions{flex-direction:column}.profile-actions .btn-primary,.profile-actions .btn-secondary{justify-content:center}}@media (max-width:480px){.profile-container{padding:var(--spacing-lg) var(--spacing-sm)}.profile-card{padding:var(--spacing-lg)}.profile-header h1{font-size:var(--font-size-2xl)}.stat-card{padding:var(--spacing-lg)}}.footer{background:var(--primary-white);border-top:1px solid var(--gray-200);color:var(--gray-900);margin-top:var(--spacing-4xl);padding:var(--spacing-4xl) var(--spacing-xl);text-align:center}.footer-logo{align-items:center;animation:fadeIn 1.5s ease-in-out;display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-xl)}.footer-logo img{height:40px}.footer-logo p{color:var(--primary-black);font-family:var(--font-family);font-size:var(--font-size-xl);font-weight:600;letter-spacing:-.02em}.footer-links{align-items:center;animation:fadeInUp 1.5s ease-in-out;flex-direction:column;margin-bottom:var(--spacing-xl)}.footer-links,.footer-links ul{display:flex;gap:var(--spacing-xl)}.footer-links ul{flex-wrap:wrap;justify-content:center;list-style:none;padding:0}.footer-links ul li{color:var(--gray-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;letter-spacing:.025em;transition:color var(--transition-fast)}.footer-links ul li:hover{color:var(--primary-black)}.footer-social-icons{display:flex;gap:var(--spacing-md);justify-content:center}.footer-icons-container{align-items:center;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:8px;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.footer-icons-container img{filter:brightness(0) saturate(100%) invert(27%) sepia(8%) saturate(1255%) hue-rotate(169deg) brightness(94%) contrast(89%);height:18px;transition:filter var(--transition-fast);width:18px}.footer-icons-container:hover{background:var(--gray-200);border-color:var(--gray-300);transform:translateY(-2px)}.footer-icons-container:hover img{filter:brightness(0) saturate(100%) invert(0) sepia(0) saturate(0) hue-rotate(0deg) brightness(0) contrast(100%)}.footer-copy{animation:fadeInUp 2s ease-in-out;color:var(--gray-500);font-size:var(--font-size-xs);margin-top:var(--spacing-xl)}.footer-copy hr{border:none;border-top:1px solid var(--gray-300);margin:var(--spacing-xl) auto;width:60%}.footer-copy p{color:var(--gray-500);font-weight:400;letter-spacing:.025em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.footer{padding:var(--spacing-3xl) var(--spacing-lg)}.footer-links ul{flex-direction:column;gap:var(--spacing-sm)}.footer-icons-container{height:36px;width:36px}.footer-icons-container img{height:16px;width:16px}.footer-logo p{font-size:var(--font-size-lg)}}@media (max-width:480px){.footer{padding:var(--spacing-2xl) var(--spacing-md)}.footer-logo{margin-bottom:var(--spacing-lg)}.footer-logo p{font-size:var(--font-size-base)}.footer-copy p{font-size:10px}}
/*# sourceMappingURL=main.df6dec73.css.map*/