.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--navbar-offset);padding-top:var(--safe-top);background:color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.navbar.scrolled{background:var(--bg);border-bottom-color:var(--border);box-shadow:var(--shadow-sm)}.navbar-container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.navbar-logo{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:1.35rem;color:var(--text)}.logo-dot{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--accent-grad);color:var(--accent-contrast);font-size:1.15rem;box-shadow:var(--shadow-sm)}.logo-text{letter-spacing:-.02em}.navbar-menu{display:flex;align-items:center;gap:var(--space-2)}.navbar-menu a{position:relative;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:500;font-size:.95rem;color:var(--text-muted);transition:color .2s ease}.navbar-menu a:after{content:"";position:absolute;left:var(--space-4);right:var(--space-4);bottom:2px;height:2px;border-radius:var(--radius-full);background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.navbar-menu a:hover{color:var(--text)}.navbar-menu a.active{color:var(--accent);font-weight:600}.navbar-menu a.active:after{transform:scaleX(1)}.navbar-right{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle,.cart-btn{position:relative;width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--text);transition:background-color .2s ease,transform .2s ease}.theme-toggle:hover,.cart-btn:hover{background:var(--bg-soft);transform:translateY(-1px)}.cart-btn img{width:22px;height:22px;filter:invert(1)}[data-theme=dark] .cart-btn img{filter:invert(1) brightness(1.6)}.cart-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-size:.68rem;font-weight:700;box-shadow:var(--shadow-xs)}.login-btn{height:40px;padding:0 var(--space-5);font-size:.9rem}.profile-menu{position:relative}.profile-btn{display:flex;align-items:center;gap:var(--space-2);height:42px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--bg);color:var(--text);font-weight:600;font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.profile-btn:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.profile-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:210px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-2);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease,visibility .2s ease;z-index:10}.profile-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-header{padding:var(--space-3) var(--space-4);font-weight:600;font-size:.9rem;border-bottom:1px solid var(--border);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);font-size:.9rem;font-weight:500;color:var(--text);transition:background-color .15s ease}.dropdown-item:hover{background:var(--bg-soft)}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;align-items:center;border-radius:var(--radius-full)}.mobile-menu-btn span{width:20px;height:2px;border-radius:var(--radius-full);background:var(--text);transition:transform .25s ease,opacity .25s ease}.mobile-menu-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-btn.active span:nth-child(2){opacity:0}.mobile-menu-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 768px){.navbar-container{gap:var(--space-2)}.navbar-logo{font-size:1.15rem}.logo-dot{width:32px;height:32px;font-size:1rem}.navbar-right{gap:var(--space-1)}.theme-toggle,.cart-btn,.mobile-menu-btn,.profile-btn{width:44px;height:44px}.login-btn{height:44px;padding:0 var(--space-3);font-size:.82rem}.mobile-menu-btn{display:flex}.navbar-menu{position:fixed;top:var(--navbar-offset);left:0;right:0;flex-direction:column;align-items:stretch;gap:var(--space-1);background:var(--bg);border-bottom:1px solid var(--border);box-shadow:var(--shadow-md);padding:var(--space-4);padding-bottom:max(var(--space-4),var(--safe-bottom));transform:translateY(-8px);opacity:0;visibility:hidden;transition:opacity .2s ease,transform .2s ease,visibility .2s ease}.navbar-menu.show{transform:translateY(0);opacity:1;visibility:visible}.navbar-menu a{padding:var(--space-3) var(--space-4);min-height:44px;display:flex;align-items:center;border-radius:var(--radius-md)}.navbar-menu a:after{display:none}.navbar-menu a.active{background:var(--accent-soft)}.username{display:none}.profile-btn{padding:0;justify-content:center}}@media (max-width: 480px){.logo-text{display:none}.login-btn{padding:0 var(--space-3)}}.header-section{position:relative;min-height:calc(100vh - var(--navbar-offset));min-height:calc(100dvh - var(--navbar-offset));display:flex;align-items:center;overflow:hidden;background:var(--bg-soft);padding:var(--space-12) 0;padding-top:calc(var(--navbar-offset) + var(--space-12))}.header-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.header-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5}.header-blob-1{width:420px;height:420px;top:-80px;right:-60px;background:var(--accent-soft)}.header-blob-2{width:380px;height:380px;bottom:-120px;left:-80px;background:var(--accent-soft)}.header-container{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:var(--space-12)}.header-content{display:flex;flex-direction:column;align-items:flex-start}.header-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);font-size:.85rem;font-weight:600;color:var(--text);margin-bottom:var(--space-5)}.header-content h1{font-size:clamp(2.4rem,5vw,4rem);font-weight:800;line-height:1.08;color:var(--text);margin-bottom:var(--space-5)}.accent-text{color:var(--accent);position:relative}.header-content p{font-size:1.1rem;line-height:1.7;color:var(--text-muted);max-width:520px;margin-bottom:var(--space-8)}.header-buttons{display:flex;gap:var(--space-4);flex-wrap:wrap}.header-stats{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-10);flex-wrap:wrap}.stat{display:flex;flex-direction:column}.stat b{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--text)}.stat span{font-size:.85rem;color:var(--text-muted);margin-top:2px}.stat-divider{width:1px;height:34px;background:var(--border-strong)}.header-visual{display:flex;justify-content:center}.hero-img-wrap{position:relative;width:min(440px,100%)}.hero-img-main{width:100%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.hero-img-thumb{position:absolute;width:38%;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-md);border:4px solid var(--bg);box-shadow:var(--shadow-md)}.hero-img-thumb-1{bottom:-18px;left:-24px}.hero-img-thumb-2{top:-18px;right:-24px}.hero-float-card{position:absolute;display:flex;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg)}.hero-float-card-1{top:18%;left:-70px}.hero-float-card-2{bottom:22%;right:-70px}.float-emoji{font-size:1.5rem}.hero-float-card b{font-size:.9rem;color:var(--text)}.hero-float-card p{font-size:.78rem;color:var(--text-muted);margin:0}@media (max-width: 1024px){.hero-float-card-1{left:-20px}.hero-float-card-2{right:-20px}}@media (max-width: 900px){.header-container{grid-template-columns:1fr;gap:var(--space-10)}.header-content{align-items:flex-start;text-align:left}.hero-img-wrap{width:min(420px,90%);margin:0 auto}}@media (max-width: 768px){.header-section{min-height:unset;padding-top:calc(var(--navbar-offset) + var(--space-8));padding-bottom:var(--space-10)}.hero-img-wrap{width:min(360px,90%)}.hero-float-card{display:none}.hero-img-thumb-1{left:-12px}.hero-img-thumb-2{right:-12px}}@media (max-width: 480px){.header-section{padding-top:calc(var(--navbar-offset) + var(--space-6))}.header-blob-1{width:260px;height:260px}.header-blob-2{width:240px;height:240px}.header-content h1{font-size:clamp(2rem,9vw,2.6rem)}.header-content p{font-size:1rem}.header-stats{gap:var(--space-4);margin-top:var(--space-8)}.header-buttons{width:100%}.header-buttons .btn{flex:1;padding:0 var(--space-3)}.hero-img-wrap{width:min(300px,92%)}.hero-img-thumb-1{left:-6px}.hero-img-thumb-2{right:-6px}}.explore-menu-section{min-height:calc(100vh - var(--navbar-offset));min-height:calc(100dvh - var(--navbar-offset));display:flex;flex-direction:column;justify-content:center;margin-top:var(--space-16);padding-top:var(--space-16);padding-bottom:var(--space-12)}.explore-menu-header{text-align:center;margin-bottom:var(--space-10)}.explore-menu-header h2{position:relative;display:inline-block;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--text);margin-bottom:var(--space-3)}.explore-menu-header h2:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-10px;width:56px;height:4px;border-radius:var(--radius-full);background:var(--accent-grad)}.explore-menu-header p{max-width:560px;margin:var(--space-4) auto 0;color:var(--text-muted);line-height:1.6;font-size:1rem}.explore-menu-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-6);justify-items:center}.explore-menu-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);cursor:pointer;width:100%;max-width:150px;padding:var(--space-5) var(--space-3);border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-xs);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.explore-menu-card:hover,.explore-menu-card:active{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--border-strong)}.explore-menu-card.active{border-color:var(--accent);box-shadow:var(--shadow-md)}.card-img-wrapper{position:relative;width:84px;height:84px;border-radius:var(--radius-full);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .25s ease}.explore-menu-card:hover .card-img-wrapper{transform:scale(1.05)}.card-img-wrapper img{width:100%;height:100%;object-fit:cover}.explore-menu-card.active .card-img-wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-full);box-shadow:inset 0 0 0 3px var(--accent)}.explore-menu-card .active-check{position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:var(--accent-grad);color:var(--accent-contrast);display:grid;place-items:center;font-size:.7rem;font-weight:800;box-shadow:var(--shadow-sm)}.explore-menu-card h3{font-size:.92rem;font-weight:600;color:var(--text);text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.explore-menu-section{min-height:unset;margin-top:var(--space-10);padding-top:var(--space-10);padding-bottom:var(--space-8)}.explore-menu-list{grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.explore-menu-card{max-width:none;padding:var(--space-4) var(--space-2)}.card-img-wrapper{width:64px;height:64px}.explore-menu-card h3{font-size:.82rem}}@media (max-width: 360px){.explore-menu-list{gap:var(--space-2)}.card-img-wrapper{width:56px;height:56px}.explore-menu-card h3{font-size:.76rem}}.food-display{scroll-margin-top:calc(var(--navbar-offset) + var(--space-4));min-height:calc(100vh - var(--navbar-offset));min-height:calc(100dvh - var(--navbar-offset));display:flex;flex-direction:column;justify-content:center;padding-top:var(--space-16);padding-bottom:var(--space-16)}.food-display-header{text-align:center;margin-bottom:var(--space-10)}.food-display-header h2{position:relative;display:inline-block;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--text);margin-bottom:var(--space-3)}.food-display-header h2:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-10px;width:56px;height:4px;border-radius:var(--radius-full);background:var(--accent-grad)}.food-display-sub{color:var(--text-muted);margin-top:var(--space-4)}.food-display-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media (max-width: 1200px){.food-display-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.food-display-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.food-display{min-height:unset;padding-top:var(--space-10);padding-bottom:var(--space-10)}}@media (max-width: 560px){.food-display-list{grid-template-columns:1fr;max-width:420px;margin:0 auto}}.food-item{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.food-item:hover,.food-item:active{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.food-item-img-wrap{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--bg-soft)}.food-item-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.food-item:hover .food-item-img-wrap img{transform:scale(1.06)}.category-badge{position:absolute;top:var(--space-3);left:var(--space-3);display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-full);background:#ffffffeb;color:var(--text);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.category-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--success)}.add-btn{position:absolute;bottom:var(--space-3);right:var(--space-3);height:44px;min-width:88px;padding:0 var(--space-4);border-radius:var(--radius-sm);background:var(--surface);color:var(--success);font-weight:700;font-size:.85rem;letter-spacing:.02em;box-shadow:var(--shadow-md);border:1px solid var(--border);transition:background-color .2s ease,color .2s ease,transform .15s ease,box-shadow .2s ease}.add-btn:hover{background:var(--success);color:var(--accent-contrast);transform:scale(1.04)}.qty-stepper{position:absolute;bottom:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:2px;height:44px;padding:0 4px;border-radius:var(--radius-sm);background:var(--success);color:var(--accent-contrast);box-shadow:var(--shadow-md)}.qty-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-sm);color:var(--accent-contrast);transition:background-color .15s ease,transform .15s ease}.qty-btn:hover{background:#fff3;transform:scale(1.1)}.qty-count{min-width:24px;text-align:center;font-weight:700;font-size:.9rem}.food-item-body{display:flex;flex-direction:column;flex:1;padding:var(--space-4) var(--space-4) var(--space-5);gap:var(--space-2)}.food-item-title{font-size:1.02rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.food-item-description{font-size:.86rem;line-height:1.5;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.food-item-price-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);margin-top:var(--space-2)}.food-item-price{font-family:var(--font-display);font-size:1.15rem;font-weight:800;color:var(--text)}.food-item-tax{font-size:.72rem;color:var(--text-muted);white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-12);flex-wrap:wrap}.pagination-btn{height:44px;padding:0 var(--space-5);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-weight:600;font-size:.88rem;transition:border-color .2s ease,color .2s ease}.pagination-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-numbers{display:flex;align-items:center;gap:var(--space-2)}.pagination-number{width:44px;height:44px;border-radius:var(--radius-full);font-weight:600;font-size:.9rem;color:var(--text-muted);transition:background-color .2s ease,color .2s ease}.pagination-number:hover{background:var(--bg-soft);color:var(--text)}.pagination-number.active{background:var(--accent-grad);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.pagination-dots{color:var(--text-muted);padding:0 var(--space-1)}.results-counter{text-align:center;margin-top:var(--space-5);color:var(--text-muted);font-size:.88rem}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.food-item.skeleton{pointer-events:none;min-height:280px}.food-item.skeleton .food-item-img-wrap{background:linear-gradient(90deg,var(--bg-soft) 25%,var(--border) 50%,var(--bg-soft) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear}.skeleton-line{height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-soft) 25%,var(--border) 50%,var(--bg-soft) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite linear}.skeleton-line.w60{width:60%;height:18px}.skeleton-line.w90{width:90%}.skeleton-line.w40{width:40%;margin-top:var(--space-2)}.app-download{padding-top:var(--space-16);padding-bottom:var(--space-16);background:var(--bg-soft)}.app-download-inner{text-align:center;max-width:720px}.app-download-icon{width:72px;height:72px;margin:0 auto var(--space-5);display:grid;place-items:center;border-radius:var(--radius-lg);background:var(--accent-grad);color:var(--accent-contrast);box-shadow:var(--shadow-md)}.app-download-icon svg{width:32px;height:32px}.app-download h2{position:relative;font-size:clamp(1.7rem,3vw,2.3rem);font-weight:800;color:var(--text);margin-bottom:var(--space-4)}.app-download h2:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-12px;width:56px;height:4px;border-radius:var(--radius-full);background:var(--accent-grad)}.app-download p{color:var(--text-muted);line-height:1.7;margin:var(--space-6) auto var(--space-8);max-width:520px}.app-download-platforms{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.store-badge{transition:transform .2s ease,box-shadow .2s ease;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm)}.store-badge:hover{transform:translateY(-3px) scale(1.03);box-shadow:var(--shadow-md)}.store-badge img{height:52px;width:auto}.footer{background:var(--bg-soft);border-top:1px solid var(--border);color:var(--text)}.footer-container{display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1.6fr;gap:var(--space-10);padding-top:var(--space-12);padding-bottom:var(--space-10)}.footer-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-weight:800;font-size:1.3rem;margin-bottom:var(--space-4)}.logo-dot{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--accent-grad);color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.footer-about{color:var(--text-muted);font-size:.92rem;line-height:1.6;margin-bottom:var(--space-4)}.footer-social{display:flex;gap:var(--space-3)}.social-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-strong);color:var(--text-muted);transition:background-color .2s ease,color .2s ease,transform .2s ease,border-color .2s ease}.social-icon:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);transform:translateY(-2px)}.footer-section h4{font-size:1rem;font-weight:700;margin-bottom:var(--space-4)}.footer-links{display:flex;flex-direction:column;gap:var(--space-3)}.footer-link{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:.92rem;transition:color .2s ease,transform .2s ease}.footer-link svg{font-size:.7rem;color:var(--accent)}.footer-link:hover{color:var(--accent);transform:translate(3px)}.contact-info{display:flex;flex-direction:column;gap:var(--space-3)}.contact-item{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--text-muted);font-size:.92rem;line-height:1.5}.contact-item svg{color:var(--accent);margin-top:3px;flex-shrink:0}.newsletter-form{display:flex;gap:var(--space-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-full);padding:4px;transition:border-color .2s ease,box-shadow .2s ease}.newsletter-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.newsletter-input{flex:1;border:none;background:transparent;padding:var(--space-2) var(--space-4);font-size:.9rem;color:var(--text);outline:none;min-width:0}.newsletter-input::placeholder{color:var(--text-muted)}.newsletter-button{height:38px;padding:0 var(--space-5);border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-weight:600;font-size:.88rem;white-space:nowrap;transition:background-color .2s ease}.newsletter-button:hover{background:var(--accent-hover)}.footer-bottom{border-top:1px solid var(--border);padding:var(--space-5) 0;padding-bottom:max(var(--space-5),var(--safe-bottom))}.footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.footer-copyright{color:var(--text-muted);font-size:.85rem}.footer-bottom-links{display:flex;gap:var(--space-6)}.footer-bottom-links a{color:var(--text-muted);font-size:.85rem;transition:color .2s ease}.footer-bottom-links a:hover{color:var(--accent)}@media (max-width: 1024px){.footer-container{grid-template-columns:1fr 1fr;gap:var(--space-8) var(--space-10)}.footer-logo-section,.newsletter-section{grid-column:1 / -1}}@media (max-width: 640px){.footer-container{gap:var(--space-8) var(--space-6)}.footer-bottom-inner{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){.footer-container{grid-template-columns:1fr;gap:var(--space-8)}.footer-logo-section,.newsletter-section{grid-column:auto}.newsletter-form{flex-direction:column;align-items:stretch;border-radius:var(--radius-md);padding:var(--space-2)}.newsletter-button{width:100%;height:44px}}.login-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:grid;place-items:center;padding:max(var(--space-4),var(--safe-top)) max(var(--space-4),var(--safe-right)) max(var(--space-4),var(--safe-bottom)) max(var(--space-4),var(--safe-left));animation:fadeIn .25s ease;overflow-y:auto}.login-popup-container{width:min(430px,100%);background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-lg);border:1px solid var(--border);animation:floatUp .3s ease}.login-popup-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.login-popup-title h2{font-size:1.4rem;font-weight:800;color:var(--text)}.login-close{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--bg-soft);color:var(--text-muted);transition:background-color .2s ease,color .2s ease,transform .2s ease}.login-close:hover{background:var(--accent-soft);color:var(--accent);transform:rotate(90deg)}.login-sub{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-6)}.login-popup-inputs{display:flex;flex-direction:column;gap:var(--space-4)}.login-input{position:relative;display:flex;align-items:center;gap:var(--space-3);background:var(--bg);border:2px solid var(--border-strong);border-radius:var(--radius-md);padding:0 var(--space-4);transition:border-color .2s ease,box-shadow .2s ease}.login-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-input svg{color:var(--text-muted);flex-shrink:0}.login-input input{flex:1;height:50px;border:none;background:transparent;color:var(--text);font-size:.95rem;outline:none;min-width:0}.login-input input::placeholder{color:var(--text-muted)}.password-toggle{color:var(--text-muted);display:grid;place-items:center;transition:color .2s ease}.password-toggle:hover{color:var(--accent)}.login-error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#dc26261a;color:var(--danger);font-size:.88rem;font-weight:600}.login-submit{width:100%;height:52px;font-size:1rem;margin-top:var(--space-6)}.login-terms{display:flex;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-4);font-size:.82rem;color:var(--text-muted);cursor:pointer;line-height:1.5}.login-terms input{margin-top:3px;accent-color:var(--accent)}.login-terms a{color:var(--accent);font-weight:600}.login-toggle{margin-top:var(--space-5);text-align:center;font-size:.9rem;color:var(--text-muted)}.login-toggle span{color:var(--accent);font-weight:700;cursor:pointer;margin-left:4px}.login-toggle span:hover{text-decoration:underline}@media (max-width: 420px){.login-popup-container{padding:var(--space-6)}.login-popup{padding:var(--space-2)}}.cart{min-height:60vh}.cart-title{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--text);margin-bottom:var(--space-8)}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);text-align:center;padding:var(--space-16) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted)}.cart-empty svg{color:var(--accent);margin-bottom:var(--space-2)}.cart-empty h2{color:var(--text);font-size:1.5rem}.cart-items{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.cart-items-head,.cart-items-row{display:grid;grid-template-columns:76px 1.5fr 1fr 1fr 1fr 52px;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6)}.cart-items-head{background:var(--bg-soft);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}.cart-items-row{border-bottom:1px solid var(--border);font-size:.95rem}.cart-items-row:last-child{border-bottom:none}.cart-cell{display:flex;flex-direction:column;justify-content:center;min-width:0}.cart-cell-item img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md)}.cart-item-name{font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart-item-cat{font-size:.8rem;color:var(--text-muted);margin-top:2px}.cart-cell-price{color:var(--text-muted)}.cart-cell-total b{color:var(--accent);font-family:var(--font-display)}.cart-qty{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-soft);border-radius:var(--radius-full);padding:4px;width:fit-content}.cart-qty-btn{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);transition:background-color .2s ease,transform .15s ease}.cart-qty-btn:hover{background:var(--accent-hover);transform:scale(1.08)}.cart-qty span{min-width:22px;text-align:center;font-weight:700}.cart-remove{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--text-muted);transition:background-color .2s ease,color .2s ease}.cart-remove:hover{background:var(--accent-soft);color:var(--accent)}.cart-bottom{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-top:var(--space-8);align-items:start}.cart-total{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.checkout-btn{width:100%;margin-top:var(--space-6);height:52px;font-size:1rem}.cart-promocode{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.cart-promo-head{display:flex;align-items:center;gap:var(--space-3);color:var(--accent);margin-bottom:var(--space-2)}.cart-promo-head h3{font-size:1.15rem;color:var(--text)}.cart-promo-hint{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--space-5)}.cart-promo-input{display:flex;gap:var(--space-2);background:var(--bg-soft);border:2px solid var(--border-strong);border-radius:var(--radius-full);padding:4px;transition:border-color .2s ease,box-shadow .2s ease}.cart-promo-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cart-promo-input input{flex:1;border:none;background:transparent;padding:var(--space-2) var(--space-4);font-size:.92rem;color:var(--text);outline:none;min-width:0;text-transform:uppercase}.cart-promo-input input::placeholder{text-transform:none;color:var(--text-muted)}.cart-promo-input button{height:40px;padding:0 var(--space-5);border-radius:var(--radius-full);background:var(--accent);color:var(--accent-contrast);font-weight:600;font-size:.9rem;transition:background-color .2s ease}.cart-promo-input button:hover{background:var(--accent-hover)}.cart-promo-msg{margin-top:var(--space-3);font-size:.88rem;font-weight:600}.cart-promo-msg.success{color:var(--success)}.cart-promo-msg.error{color:var(--danger)}@media (max-width: 900px){.cart-bottom{grid-template-columns:1fr}}@media (max-width: 640px){.cart-total,.cart-promocode{padding:var(--space-5)}.cart-promo-input button{height:44px}.cart-items{overflow:visible;display:flex;flex-direction:column;gap:var(--space-4);border:none;background:transparent;box-shadow:none}.cart-items-head{display:none}.cart-items-row{grid-template-columns:84px 1fr auto;grid-template-areas:"img title remove" "img qty total";align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.cart-items-row:last-child{border:1px solid var(--border)}.cart-cell-item{grid-area:img}.cart-cell-item img{width:84px;height:84px}.cart-cell-title{grid-area:title}.cart-cell-price{display:none}.cart-cell-qty{grid-area:qty}.cart-cell-total{grid-area:total;text-align:right}.cart-cell-remove{grid-area:remove}}.place-order{display:grid;grid-template-columns:1fr 400px;gap:var(--space-10);align-items:start;min-height:60vh}.place-order-left{display:flex;flex-direction:column;gap:var(--space-6)}.place-order-left .title{display:flex;align-items:center;gap:var(--space-3);font-size:clamp(1.6rem,2.5vw,2rem);font-weight:800;color:var(--text)}.title-icon{color:var(--accent)}.fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.input-group input{width:100%;height:52px;padding:0 var(--space-4);border-radius:var(--radius-md);border:2px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.input-group input::placeholder{color:var(--text-muted)}.input-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.place-order-right{position:sticky;top:calc(var(--navbar-offset) + var(--space-6))}.cart-total{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md)}.cart-total h2{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:var(--space-5)}.cart-total-details{display:flex;justify-content:space-between;padding:var(--space-3) 0;color:var(--text)}.cart-total-details b{color:var(--accent);font-family:var(--font-display);font-size:1.05rem}.cart-total hr{border:none;border-top:1px dashed var(--border-strong)}.pay-btn{width:100%;margin-top:var(--space-6);height:52px;font-size:1rem}.pay-secure{margin-top:var(--space-3);text-align:center;color:var(--text-muted);font-size:.8rem}@media (max-width: 1024px){.place-order{grid-template-columns:1fr}.place-order-right{position:static}}@media (max-width: 600px){.fields-grid{grid-template-columns:1fr}.cart-total{padding:var(--space-5)}}.verify{min-height:70vh;min-height:70dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-5);color:var(--text-muted);font-size:.95rem;padding-top:var(--navbar-offset)}.spinner{width:64px;height:64px;border-radius:50%;border:4px solid var(--border);border-top-color:var(--accent);animation:rotate .9s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.my-orders{min-height:60vh}.my-orders>h2{font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--text);margin-bottom:var(--space-8)}.no-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center;padding:var(--space-16) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);color:var(--text-muted)}.no-orders svg{color:var(--accent)}.orders-container{display:flex;flex-direction:column;gap:var(--space-6)}.my-orders-order{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow .25s ease}.my-orders-order:hover{box-shadow:var(--shadow-md)}.order-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border);flex-wrap:wrap}.order-header-left{display:flex;align-items:center;gap:var(--space-4)}.order-header-left img{width:44px;height:44px}.order-header-left h3{font-size:1.05rem;font-weight:700;color:var(--text)}.order-date{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;color:var(--text-muted);margin-top:2px}.order-status-pill{padding:6px 16px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-size:.82rem;font-weight:700}.order-status-pill.done{background:#16a34a1f;color:var(--success)}.order-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-5);padding:var(--space-5) 0}.detail-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--space-1)}.detail-value{color:var(--text);font-size:.95rem;font-weight:500}.detail-items{color:var(--text);font-size:.92rem;line-height:1.5}.detail-address{grid-column:1 / -1}.order-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--border);padding-top:var(--space-4)}.track-order-btn{display:inline-flex;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-5);border-radius:var(--radius-full);background:var(--accent-grad);color:var(--accent-contrast);font-weight:600;font-size:.88rem;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.track-order-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.track-order-btn .chevron{transition:transform .25s ease}.track-order-btn .chevron.rotate{transform:rotate(180deg)}.track-timeline{display:flex;justify-content:space-between;align-items:flex-start;margin-top:var(--space-6);padding:var(--space-5) var(--space-3);background:var(--bg-soft);border-radius:var(--radius-md);gap:var(--space-2)}.track-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;text-align:center}.track-dot{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--border);font-size:1.2rem;transition:background-color .3s ease,transform .3s ease}.track-step.active .track-dot{background:var(--accent-soft)}.track-step.current .track-dot{background:var(--accent);transform:scale(1.1)}.track-step span{font-size:.78rem;font-weight:600;color:var(--text-muted)}.track-step.active span{color:var(--text)}.track-line{position:absolute;top:22px;left:calc(50% + 24px);width:calc(100% - 48px);height:3px;border-radius:var(--radius-full);background:var(--border)}.track-step.active .track-line{background:var(--accent)}@media (max-width: 640px){.my-orders-order{padding:var(--space-4)}.order-footer{justify-content:stretch}.track-order-btn{width:100%;justify-content:center;height:44px}.track-timeline{flex-direction:column;align-items:stretch;gap:var(--space-4)}.track-step{flex-direction:row;justify-content:flex-start;text-align:left}.track-line{position:absolute;top:calc(44px + var(--space-2));left:22px;width:3px;height:calc(100% + var(--space-4))}}.offer-page{padding-top:var(--navbar-offset);min-height:60vh}.marquee-wrap{background:var(--accent-grad);overflow:hidden;padding:var(--space-3) 0}.marquee-coupon{white-space:nowrap}.marquee-coupon span{display:inline-block;animation:marquee 18s linear infinite;color:var(--accent-contrast);font-weight:600;font-size:.95rem;padding-right:100%}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.offer-inner{padding-top:var(--space-16);padding-bottom:var(--space-16)}.offer-heading{position:relative;text-align:center;font-size:clamp(1.8rem,3vw,2.4rem);font-weight:800;color:var(--text)}.offer-heading:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-10px;width:56px;height:4px;border-radius:var(--radius-full);background:var(--accent-grad)}.offer-sub{text-align:center;color:var(--text-muted);margin-top:var(--space-5);max-width:520px;margin-left:auto;margin-right:auto}.offer-filter{display:flex;justify-content:center;gap:var(--space-3);margin:var(--space-8) 0;flex-wrap:wrap}.offer-filter button{height:44px;padding:0 var(--space-6);border-radius:var(--radius-full);border:2px solid var(--border-strong);background:var(--surface);color:var(--text-muted);font-weight:700;font-size:.85rem;letter-spacing:.03em;transition:all .2s ease}.offer-filter button:hover{border-color:var(--accent);color:var(--accent)}.offer-filter button.active{background:var(--accent-grad);border-color:transparent;color:var(--accent-contrast);box-shadow:var(--shadow-sm)}.offer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.offer-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.offer-card:hover,.offer-card:active{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.offer-img-wrap{position:relative;aspect-ratio:16 / 9;overflow:hidden}.offer-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.offer-card:hover .offer-img-wrap img{transform:scale(1.06)}.offer-cat{position:absolute;top:var(--space-3);left:var(--space-3);display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-full);background:#ffffffeb;color:var(--text);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.offer-cat:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}.offer-info{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.offer-info h3{font-size:1.15rem;font-weight:700;color:var(--text)}.offer-info p{font-size:.9rem;color:var(--text-muted);line-height:1.55;flex:1}.offer-code-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.offer-code{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:2px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--bg-soft)}.offer-code span{font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--text-muted)}.offer-code b{font-family:var(--font-display);font-size:.95rem;color:var(--accent);letter-spacing:.04em}.offer-copy{width:44px;height:44px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--accent-grad);color:var(--accent-contrast);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.offer-copy:hover{transform:scale(1.08);box-shadow:var(--shadow-md)}@media (max-width: 600px){.offer-grid{grid-template-columns:1fr;max-width:420px;margin:0 auto}.offer-inner{padding-top:var(--space-10);padding-bottom:var(--space-10)}.offer-info{padding:var(--space-4)}}.contact-section{min-height:70vh}.contact-head{text-align:center;margin-bottom:var(--space-10)}.contact-title{position:relative;display:inline-block;font-size:clamp(2rem,4vw,3rem);font-weight:800;color:var(--text)}.contact-title:after{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:-12px;width:64px;height:5px;border-radius:var(--radius-full);background:var(--accent-grad)}.contact-subtitle{color:var(--text-muted);margin-top:var(--space-6);max-width:520px;margin-left:auto;margin-right:auto;line-height:1.6}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:var(--space-8);align-items:start}.contact-info-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm)}.contact-info-card h3{font-size:1.3rem;font-weight:700;color:var(--text);margin-bottom:var(--space-3)}.contact-info-card>p{color:var(--text-muted);line-height:1.6;font-size:.95rem;margin-bottom:var(--space-8)}.contact-detail{display:flex;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.contact-detail-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.contact-detail b{display:block;color:var(--text);font-size:.95rem;margin-bottom:2px}.contact-detail span{color:var(--text-muted);font-size:.9rem}.social-icons{display:flex;gap:var(--space-3);margin-top:var(--space-8)}.social-icons a{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-full);background:var(--bg-soft);border:1px solid var(--border-strong);color:var(--text-muted);transition:background-color .2s ease,color .2s ease,transform .2s ease}.social-icons a:hover{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);transform:translateY(-2px)}.contact-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-5)}.input-group{display:flex;flex-direction:column;gap:var(--space-2)}.input-group label{font-size:.85rem;font-weight:600;color:var(--text)}.input-group input,.input-group textarea{width:100%;padding:var(--space-4);border-radius:var(--radius-md);border:2px solid var(--border-strong);background:var(--bg);color:var(--text);font-size:.95rem;outline:none;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease}.input-group textarea{font-family:var(--font-body)}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-muted)}.input-group input:focus,.input-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.form-status{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.9rem;font-weight:600}.form-status.success{background:#16a34a1a;color:var(--success)}.form-status.error{background:#dc26261a;color:var(--danger)}.submit-btn{align-self:flex-start;padding:0 var(--space-8)}@media (max-width: 900px){.contact-grid{grid-template-columns:1fr}}@media (max-width: 640px){.contact-info-card,.contact-form{padding:var(--space-5)}.submit-btn{align-self:stretch;width:100%;height:48px}}:root{--font-display: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--accent: #ff4d2e;--accent-hover: #e63d1f;--accent-soft: #ffe9e3;--accent-contrast: #ffffff;--accent-grad: linear-gradient(135deg, #ff4d2e, #ff7a2f);--bg: #ffffff;--bg-soft: #faf7f4;--surface: #ffffff;--surface-2: #fff4ef;--text: #18181b;--text-muted: #6e6a66;--border: #f0eae6;--border-strong: #e5ddd7;--success: #16a34a;--danger: #dc2626;--warning: #f59e0b;--shadow-xs: 0 1px 2px rgba(24, 24, 27, .05);--shadow-sm: 0 2px 8px rgba(24, 24, 27, .06);--shadow-md: 0 8px 24px rgba(24, 24, 27, .08);--shadow-lg: 0 16px 40px rgba(24, 24, 27, .12);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--container: 1280px;--navbar-h: 72px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--navbar-offset: calc(var(--navbar-h) + var(--safe-top));color-scheme:light}@media (max-width: 768px){:root{--navbar-h: 64px}}[data-theme=dark]{--accent: #ff5c3e;--accent-hover: #ff7a5c;--accent-soft: #3a2018;--accent-contrast: #ffffff;--accent-grad: linear-gradient(135deg, #ff4d2e, #ff7a2f);--bg: #0e1114;--bg-soft: #14181c;--surface: #1a1f24;--surface-2: #20262c;--text: #f4f4f5;--text-muted: #a8a29e;--border: #2a3036;--border-strong: #383f47;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55);color-scheme:dark}*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}html{font-size:16px}body{min-height:100vh;min-height:100dvh;background:var(--bg);font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);line-height:1.15;letter-spacing:-.01em}a{text-decoration:none;color:inherit}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-body)}img{display:block;max-width:100%}.App{width:100%;margin:auto;min-height:100vh;min-height:100dvh;overflow-x:clip}.container{width:100%;max-width:var(--container);margin:0 auto;padding-left:max(var(--space-4),var(--safe-left));padding-right:max(var(--space-4),var(--safe-right))}.page-pad{padding-top:calc(var(--navbar-offset) + var(--space-12));padding-bottom:var(--space-16)}@media (max-width: 768px){.page-pad{padding-top:calc(var(--navbar-offset) + var(--space-8));padding-bottom:var(--space-12)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-6);height:48px;border-radius:var(--radius-full);font-weight:600;font-size:.95rem;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn-primary{background:var(--accent-grad);color:var(--accent-contrast);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--bg);color:var(--text);border:2px solid var(--border-strong)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}