*{margin:0;padding:0;box-sizing:border-box}body{opacity:1;width:100%;overflow-x:hidden}.page-wrapper{min-height:100vh;opacity:1;transform:translateX(0);transition:opacity .3s cubic-bezier(0.4,0,0.2,1),transform .3s cubic-bezier(0.4,0,0.2,1);animation:pageEnter .3s cubic-bezier(0.4,0,0.2,1);padding-bottom:70px}.page-wrapper.page-exit{opacity:0;transform:translateX(-20px)}.section{padding:24px 16px;max-width:1100px;margin:auto}.hero{text-align:center;padding:60px 20px 40px;background:linear-gradient(135deg,#1976d2 0%,#42a5f5 50%,#90caf9 100%);position:relative;overflow:hidden}.hero::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('/img/hero-pattern.svg') center/cover no-repeat;opacity:.1;pointer-events:none;z-index:0}.hero h1{font-size:34px;font-weight:700;margin-bottom:16px;animation:fadeInUp .5s ease forwards;opacity:0;position:relative;z-index:1}.hero p{font-size:25px;color:#fff;margin-bottom:30px;animation:fadeInUp .5s ease forwards;opacity:0;animation-delay:.3s;position:relative;z-index:1}.btn-main{background:#ffca28;color:#1976d2;padding:14px 28px;text-decoration:none;border-radius:30px;font-weight:600;display:inline-block;transition:.3s ease;box-shadow:0 5px 15px rgba(0,0,0,.2);animation:fadeInUp 1s ease forwards;opacity:0;animation-delay:.5s;position:relative;z-index:1}.btn-main:hover{transform:scale(1.05);background:#ffc107;box-shadow:0 10px 25px rgba(0,0,0,.3)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}.card{background:#fff;padding:18px;margin-bottom:14px;border-radius:14px;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:all .25s ease;cursor:pointer}.card:hover{transform:translateY(-4px);box-shadow:0 6px 18px rgba(0,0,0,.08)}.food{border-right:4px solid #e53935}.fashion{border-right:4px solid #c9a227}.store{border-right:4px solid #1976d2}.card:active{transform:scale(.98)}@media(min-width:600px){.section-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.hero h1{font-size:40px}.hero p{font-size:18px}}@media(min-width:1024px){.section-grid{grid-template-columns:repeat(3,1fr)}}.section-store{padding:40px;text-align:center}.section-store .logo-horizontal{display:inline-flex;align-items:center;gap:15px;margin-bottom:30px;cursor:pointer;transition:transform .3s ease}.section-store .logo-horizontal img{height:50px;width:auto}.section-store .logo-horizontal span{font-size:28px;font-weight:700;color:#333;letter-spacing:1px}.section-store .logo-horizontal:hover{transform:scale(1.05) rotate(2deg)}.section-store .logo-horizontal:active{transform:scale(.95) rotate(-2deg)}.section-store .cards{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.section-store .card{background:#fff;border-radius:16px;box-shadow:0 6px 20px rgba(0,0,0,.1);cursor:pointer;transition:all .3s ease;width:150px;height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column}.section-store .card img{width:150px;object-fit:contain;margin-bottom:8px;transition:transform .3s ease}.section-store .card:hover img{transform:scale(1.2) rotate(5deg)}.section-store .card:active img{transform:scale(.95) rotate(-2deg)}