.hero-wrapper{display:flex;gap:20px;margin-bottom:30px;margin-top:30px;}.hero-banner{flex:1;min-width:0;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);position:relative;height:350px;display:flex;align-items:center;justify-content:center;}.hero-banner__img{width:100%;height:100%;object-fit:contain;}.hero-banner--slider{display:block;width:100%;height:auto;max-height:none;aspect-ratio:16 / 9;background:#0f0f0f;}.hero-banner--slider .hero-banner__slide{position:absolute;inset:0;z-index:0;display:block;margin:0 !important;padding:0;border-radius:0 !important;background:transparent !important;box-shadow:none !important;opacity:0;visibility:hidden;transition:opacity 0.4s ease;text-decoration:none;}.hero-banner--slider .hero-banner__slide.active{z-index:1;opacity:1;visibility:visible;}.hero-banner--slider .hero-banner__slide:hover{transform:none !important;background:transparent !important;box-shadow:none !important;}.hero-banner--slider .hero-banner__img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}.hero-banner__nav{position:absolute;top:50%;z-index:3;width:36px;height:36px;border:0;border-radius:50%;background:rgba(0,0,0,0.45);color:#fff;font-size:22px;line-height:36px;text-align:center;transform:translateY(-50%);cursor:pointer;transition:background 0.2s ease;}.hero-banner__nav:hover{background:rgba(0,0,0,0.65);}.hero-banner__nav--prev{left:12px;}.hero-banner__nav--next{right:12px;}.hero-banner__dots{position:absolute;right:0;bottom:12px;left:0;z-index:3;display:flex;justify-content:center;gap:8px;padding:0 12px;}.hero-banner__dot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,0.55);cursor:pointer;transition:transform 0.2s ease,background 0.2s ease;}.hero-banner__dot.active{background:#fff;transform:scale(1.15);}.hero-sidebar{width:350px;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);}.hero-sidebar__header{background:#000;color:white;padding:12px 15px;display:flex;align-items:center;gap:8px;justify-content:center;font-weight:700;text-transform:uppercase;font-size:1.6rem;}.hero-sidebar__content{padding:20px;text-align:center;}.hero-sidebar__empty{padding:30px 0;color:#888;font-size:1.5rem;}.hero-sidebar__btn{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:white;border-radius:var(--border-radius-pill);border:none;padding:12px 20px;font-size:1.5rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 3px 10px rgba(0,0,0,0.3);transition:var(--transition);margin-top:10px;width:100%;}.hero-sidebar__btn:hover{transform:translateY(-3px);color:#fff;box-shadow:0 5px 15px rgba(0,0,0,0.4);}.menu{margin-bottom:60px;}.menu__header{text-align:center;margin-bottom:25px;position:relative;}.menu__header__title{display:inline-block;font-size:2.2rem;font-weight:700;position:relative;padding-bottom:12px;color:var(--primary-color);text-transform:uppercase;}.menu__header__title::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(to right,var(--primary-color),var(--primary-dark));border-radius:var(--border-radius-pill);}.transaction__list{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;background-color:white;border-radius:var(--border-radius-lg);padding:20px;box-shadow:var(--shadow-md);}.transaction__item{display:flex;flex-direction:column;align-items:center;gap:15px;padding:25px 20px;background-color:white;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);transition:var(--transition);position:relative;overflow:hidden;z-index:1;}.transaction__item::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,var(--primary-light),var(--primary-color));opacity:0;z-index:-1;transition:opacity 0.3s ease;}.transaction__item:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);}.transaction__item:hover::before{opacity:1;}.transaction__item:hover .text__transaction__item{color:white;}.transaction__icon{width:70px;height:70px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-light);border-radius:var(--border-radius-circle);transition:var(--transition);overflow:hidden;}.transaction__item:hover .transaction__icon{background-color:rgba(255,255,255,0.2);}.transaction__img{object-fit:contain;}.text__transaction__item{font-weight:700;font-size:1.4rem;transition:var(--transition);}.category__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:25px;}.category__item{display:flex;flex-direction:column;background-color:white;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition);height:100%;position:relative;border:1px solid rgba(0,0,0,0.05);}.category__item:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:rgba(0,0,0,0.1);}.category__img{width:100%;height:170px;object-fit:cover;}.category__desc{margin:0 15px 5px;color:var(--text-light);font-size:1.3rem;text-align:center;}.category__stats{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:15px;min-height:50px;align-items:center;}.category__action:hover{transform:translateY(-3px);}@media screen and (max-width:992px){.hero-wrapper{flex-direction:column;align-items:stretch;}.hero-banner--slider{flex:none;width:100%;}.hero-sidebar{width:100%;}.transaction__list{grid-template-columns:repeat(2,1fr);}}@media screen and (max-width:768px){.hero-wrapper{gap:16px;margin-top:20px;margin-bottom:24px;}.hero-banner__nav{width:32px;height:32px;font-size:18px;line-height:32px;}.hero-banner__nav--prev{left:8px;}.hero-banner__nav--next{right:8px;}.hero-banner__dots{bottom:10px;gap:6px;}.hero-banner__dot{width:8px;height:8px;}}@media screen and (max-width:576px){.hero-wrapper{gap:12px;margin-top:16px;margin-bottom:20px;}.hero-banner--slider{border-radius:var(--border-radius-md,10px);}.hero-banner__nav{width:28px;height:28px;font-size:16px;line-height:28px;}.hero-banner__nav--prev{left:6px;}.hero-banner__nav--next{right:6px;}.hero-banner__dots{bottom:8px;}}.hero-banner a{background:linear-gradient(135deg,var(--second-light),var(--second-color));color:white;border-radius:30px;font-size:1.6rem;font-weight:600;box-shadow:0 5px 15px rgba(244,115,185,0.3);transition:all 0.3s ease;text-decoration:none;margin-top:15px;}.hero-banner a:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(244,115,185,0.4);background:linear-gradient(135deg,var(--second-color),var(--second-dark));}.hero-banner--slider .hero-banner__slide,.hero-banner--slider .hero-banner__slide:hover{margin-top:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important;transform:none !important;color:inherit;font-size:inherit;font-weight:inherit;}@media screen and (max-width:576px){.transaction__list{grid-template-columns:1fr;}.menu__header__title{font-size:2rem;}.badge{font-size:1.2rem;padding:4px 10px;}}.recent-transactions{background-color:white;border-radius:var(--border-radius-lg);padding:15px;box-shadow:var(--shadow-md);margin-bottom:50px;}.recent-transactions__header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,0.05);padding-bottom:10px;margin-bottom:15px;}.recent-transactions__title{font-size:1.6rem;font-weight:700;color:var(--primary-color);display:flex;align-items:center;gap:8px;}.recent-transactions__marquee{overflow:hidden;position:relative;height:36px;}.recent-transactions__track{display:flex;width:max-content;animation:recent-transactions-scroll 45s linear infinite;}.recent-transactions__track:hover{animation-play-state:paused;}.recent-transactions__list{display:flex;align-items:center;flex-shrink:0;}.recent-transactions__item{display:flex;align-items:center;gap:8px;padding:0 24px;font-size:1.3rem;white-space:nowrap;}.recent-transactions__item:not(:last-child){border-right:1px solid rgba(0,0,0,0.08);}.recent-transactions__username{font-weight:600;color:var(--primary-color);}.recent-transactions__time{color:var(--text-light);font-size:1.2rem;}.recent-transactions__amount{font-weight:700;color:var(--accent-color);}.recent-transactions__empty{font-size:1.3rem;color:var(--text-light);line-height:36px;}@keyframes recent-transactions-scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}.special-menu{margin-top:20px;}.special-notice__btn{background:var(--primary-color);color:white;padding:12px 30px;border-radius:var(--border-radius-pill);font-weight:700;font-size:1.6rem;display:inline-block;transition:var(--transition);box-shadow:0 4px 10px rgba(14,62,218,0.4);}.special-notice__btn:hover{background:var(--primary-dark);transform:translateY(-3px);box-shadow:0 6px 15px rgba(14,62,218,0.5);color:white;}.hero-sidebar__list{margin-bottom:20px;}.hero-sidebar__item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(0,0,0,0.05);}.hero-sidebar__item:last-child{border-bottom:none;}.hero-sidebar__user{display:flex;align-items:center;gap:12px;}.hero-sidebar__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;}.hero-sidebar__name{font-size:1.4rem;font-weight:700;color:var(--text-color);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.hero-sidebar__amount{font-size:1.5rem;font-weight:700;color:var(--primary-color);}.hero-sidebar__rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-weight:700;font-size:1.4rem;color:white;background-color:#777;position:relative;overflow:hidden;border:2px solid transparent;text-shadow:0 1px 2px rgba(0,0,0,0.3);}.hero-sidebar__rank::after{content:'';position:absolute;top:0;left:0;width:100%;height:50%;background-color:rgba(255,255,255,0.3);border-radius:50% 50% 0 0;}.hero-sidebar__rank--gold{background:linear-gradient(135deg,#FFD700,#FFA500);box-shadow:0 2px 5px rgba(255,215,0,0.5);border-color:#FFD700;}.hero-sidebar__rank--silver{background:linear-gradient(135deg,#E0E0E0,#A9A9A9);box-shadow:0 2px 5px rgba(192,192,192,0.5);border-color:#C0C0C0;}.hero-sidebar__rank--bronze{background:linear-gradient(135deg,#CD7F32,#A0522D);box-shadow:0 2px 5px rgba(205,127,50,0.5);border-color:#CD7F32;}.welcome-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:center;animation:fadeIn 0.4s ease-out;overflow:auto;}.welcome-modal{width:90%;max-width:600px;background:linear-gradient(145deg,#ffffff,#f5f8ff);border-radius:20px;box-shadow:0 15px 30px rgba(0,0,0,0.2),0 0 30px rgba(14,62,218,0.2),inset 0 1px 1px rgba(255,255,255,0.9);position:relative;overflow:hidden;transform:translateY(0);animation:modalSlideIn 0.5s ease-out;}.welcome-modal::before{content:'';position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,var(--primary-color),var(--accent-light));}.welcome-modal__header{position:relative;padding:20px 30px;text-align:center;border-bottom:1px solid rgba(0,0,0,0.05);}.welcome-modal__title{font-size:2.4rem;font-weight:800;color:var(--primary-color);margin:0;text-transform:uppercase;text-shadow:0 1px 1px rgba(255,255,255,0.9);letter-spacing:0.5px;}.welcome-modal__close{position:absolute;top:15px;right:15px;background:none;border:none;font-size:2.6rem;color:var(--text-light);cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all 0.3s;}.welcome-modal__close:hover{background-color:rgba(0,0,0,0.05);color:var(--primary-color);transform:rotate(90deg);}.welcome-modal__body{padding:25px 30px;font-size:1.6rem;line-height:1.6;color:var(--text-color);}.welcome-modal__body p{margin-bottom:15px;}.welcome-modal__body p:first-child{font-size:1.8rem;font-weight:600;color:var(--primary-dark);}.welcome-modal__icon{display:block;width:35%;height:20%;margin:0 auto 20px;}.welcome-modal__feature-list{background:rgba(255,255,255,0.7);border-radius:12px;padding:20px;margin:20px 0;box-shadow:0 3px 8px rgba(0,0,0,0.05);}.welcome-modal__feature-item{display:flex;align-items:center;margin-bottom:12px;padding-bottom:12px;border-bottom:1px dashed #e0e6f5;}.welcome-modal__feature-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}.welcome-modal__feature-icon{width:38px;height:38px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;margin-right:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:white;font-size:1.6rem;box-shadow:0 3px 6px rgba(14,62,218,0.2);}.welcome-modal__feature-text{flex:1;font-weight:500;}.welcome-modal__footer{padding:20px 30px;background:rgba(245,247,255,0.6);text-align:center;border-top:1px solid rgba(0,0,0,0.05);}.welcome-modal__btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:white;font-weight:700;font-size:1.6rem;text-transform:uppercase;border:none;border-radius:100px;cursor:pointer;transition:all 0.3s;box-shadow:0 5px 15px rgba(14,62,218,0.3);}.welcome-modal__btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(14,62,218,0.4);}.welcome-modal__btn i{margin-right:8px;font-size:1.8rem;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes modalSlideIn{from{transform:translateY(-50px);opacity:0;}to{transform:translateY(0);opacity:1;}}@media (max-width:576px){.welcome-modal{width:95%;max-height:90vh;overflow-y:auto;}.welcome-modal__header{padding:15px 20px;}.welcome-modal__title{font-size:2rem;}.welcome-modal__body{padding:20px;}.welcome-modal__footer{padding:15px 20px;}.welcome-modal__btn{width:100%;}}