.hero-section{background:var(--color-surface);padding:clamp(2.5rem,6vw,4.5rem) 0;border-bottom:1px solid var(--color-border)}.hero-top{text-align:center;display:flex;flex-direction:column;align-items:center;max-width:800px;margin:0 auto}.hero-section h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-0.02em;color:var(--color-text);margin-bottom:var(--space-md)}.hero-tagline{font-size:clamp(1rem,2vw,1.125rem);line-height:1.6;color:var(--color-text-muted);margin-bottom:var(--space-xl);max-width:640px}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary-dark);font-size:0.8rem;font-weight:600;margin-bottom:var(--space-lg)}.hero-search-form{width:100%;max-width:720px;margin-bottom:var(--space-lg)}.hero-search-wrap{position:relative;width:100%}.hero-search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.hero-search-input{width:100%;height:56px;padding:0 140px 0 50px;border-radius:var(--radius-xl);border:1px solid var(--color-border-mid);background:var(--color-surface);font-family:var(--font-sans);font-size:1rem;color:var(--color-text);box-shadow:var(--shadow-card);outline:none;transition:border-color var(--transition),box-shadow var(--transition)}.hero-search-input::placeholder{color:var(--color-text-light)}.hero-search-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.hero-search-btn{position:absolute;right:6px;top:6px;bottom:6px;padding:0 24px;border-radius:calc(var(--radius-xl) - 4px);background:var(--color-primary);color:#fff;font-family:var(--font-sans);font-size:0.875rem;font-weight:600;border:none;cursor:pointer;transition:background var(--transition)}.hero-search-btn:hover{background:var(--color-primary-hover)}.hero-trending{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;align-items:center}.hero-trending__label{font-size:0.8rem;font-weight:600;color:var(--color-text-muted);margin-right:4px;letter-spacing:0.03em;text-transform:uppercase}.hero-trending__tag{display:inline-flex;align-items:center;padding:4px 14px;border-radius:var(--radius-full);background:var(--color-surface-dim);border:1px solid var(--color-border);color:var(--color-text-body);font-size:0.8rem;font-weight:500;text-decoration:none;transition:background var(--transition),color var(--transition),border-color var(--transition)}.hero-trending__tag:hover{background:var(--color-primary-light);color:var(--color-primary-dark);border-color:var(--color-primary)}.deal-slider-section{padding:var(--space-2xl) 0 0}.deal-slider-wrapper{display:flex;align-items:center;gap:1rem}.deal-slider-viewport{flex:1;overflow:hidden}.deal-slider-track{display:flex;gap:1.5rem;transition:transform 0.4s ease}.deal-card{flex:0 0 calc(50% - 0.75rem);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);display:flex;flex-direction:column;border:1px solid var(--color-border);background:var(--color-surface);transition:transform var(--transition-md),box-shadow var(--transition-md),border-color var(--transition-md)}.deal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-mid)}.deal-card-image-container{width:100%;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--color-border);background:var(--color-surface-2)}.deal-card-img{width:100%;height:auto;aspect-ratio:2 / 1;object-fit:contain;display:block}.deal-card-body{padding:1.75rem;display:flex;flex-direction:column;flex:1;background:var(--color-surface)}.deal-card-text{flex:1;display:flex;flex-direction:column}.deal-card-title{color:var(--color-text);font-size:clamp(1.15rem,2vw,1.35rem);font-weight:800;margin-bottom:0.5rem;line-height:1.3}.deal-card-subtitle{color:var(--color-text-muted);font-size:clamp(0.9rem,1.5vw,1rem);margin-bottom:1.5rem;line-height:1.5}.deal-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:1.25rem;border-top:1px dashed var(--color-border-mid);margin-top:auto;flex-wrap:wrap;gap:1rem}.deal-card-reward{display:flex;align-items:center;gap:0.5rem;font-weight:700;color:var(--color-primary);font-size:clamp(0.85rem,1.5vw,0.95rem)}.deal-card-cta{background:var(--color-primary);color:#fff;padding:0.5rem 1.25rem;border-radius:var(--radius-full);font-weight:700;font-size:0.875rem;display:inline-flex;align-items:center;gap:0.5rem;transition:all var(--transition);text-decoration:none}.deal-card-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px);color:#fff}.deal-arrow{background:var(--color-surface);border:1px solid var(--color-border);width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);cursor:pointer;transition:all 0.2s;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.deal-arrow:hover{background:var(--color-surface-2);color:var(--color-text)}@media (max-width:768px){.deal-card{flex:0 0 100%}.deal-arrow{display:none}}.home-content-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media (min-width:1024px){.home-content-grid{grid-template-columns:1fr 320px}}.codes-section__header{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg)}.codes-section__header h2{font-family:var(--font-display);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:700;color:var(--color-text);margin:0}.codes-section__header a{font-size:0.8rem;font-weight:600;color:var(--color-primary);text-decoration:none;letter-spacing:0.03em;text-transform:uppercase}.codes-section__header a:hover{text-decoration:underline}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-md);margin-top:var(--space-xl)}.cat-card{display:flex;flex-direction:column;padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-decoration:none;transition:all var(--transition-md);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.cat-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md);background:var(--color-surface-2)}.cat-card__icon{width:48px;height:48px;background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);transition:all var(--transition-md)}.cat-card:hover .cat-card__icon{background:var(--color-primary);color:#fff}.cat-card__name{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text);margin:0 0 4px}.cat-card__count{font-size:0.875rem;color:var(--color-text-muted)}.cat-card__arrow{position:absolute;right:var(--space-md);bottom:var(--space-md);color:var(--color-primary);opacity:0;transform:translateX(-10px);transition:all var(--transition-md)}.cat-card:hover .cat-card__arrow{opacity:1;transform:translateX(0)}.picks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.pick-card{display:flex;flex-direction:column;padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:all var(--transition-md);position:relative}.pick-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-border-mid)}.pick-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.pick-card__logo{width:56px;height:56px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;overflow:hidden}.pick-card__logo img{width:36px;height:36px;object-fit:contain}.pick-card__avatar{width:56px;height:56px;background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.pick-card__badge{background:var(--color-primary);color:#fff;font-size:0.75rem;font-weight:700;padding:4px 8px;border-radius:var(--radius-full)}.pick-card__name{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-text);margin:0 0 8px}.pick-card__bonus{font-size:1rem;font-weight:700;color:var(--color-primary-dark);background:var(--color-primary-light);padding:8px 12px;border-radius:var(--radius-sm);display:inline-block;margin-bottom:var(--space-md)}.pick-card__desc{font-size:0.9rem;color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-md);flex-grow:1}.pick-card__meta{display:flex;align-items:center;justify-content:space-between;border-top:1px dashed var(--color-border-mid);padding-top:var(--space-md);margin-bottom:var(--space-lg);font-size:0.8rem;color:var(--color-text-muted)}.pick-card__meta span{display:flex;align-items:center;gap:4px}.pick-card__meta .material-symbols-outlined{font-size:16px;color:var(--color-text-light)}.pick-card__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px;background:var(--color-surface-2);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:0.9rem;transition:all var(--transition-sm)}.pick-card:hover .pick-card__btn{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sidebar{display:flex;flex-direction:column;gap:var(--space-lg)}.sidebar-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.sidebar-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.category-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.category-list__item a{display:flex;align-items:center;justify-content:space-between;padding:8px;border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition)}.category-list__item a:hover{background:var(--color-surface-2)}.category-list__item-left{display:flex;align-items:center;gap:12px}.category-list__icon{width:32px;height:32px;border-radius:var(--radius-sm);background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:color var(--transition)}.category-list__item a:hover .category-list__icon{color:var(--color-primary)}.category-list__icon .material-symbols-outlined{font-size:20px}.category-list__name{font-size:0.8rem;font-weight:600;color:var(--color-text-body);letter-spacing:0.03em;text-transform:uppercase;transition:color var(--transition)}.category-list__item a:hover .category-list__name{color:var(--color-text)}.category-list__count{font-size:0.85rem;color:var(--color-text-muted)}.cta-card{background:var(--color-primary-light);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;box-shadow:var(--shadow-card);border:1px solid rgba(245,158,11,0.2)}.cta-card__icon{width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-md)}.cta-card__icon .material-symbols-outlined{font-size:24px}.cta-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--color-secondary);margin:0 0 var(--space-sm);border:none;padding:0}.cta-card p{font-size:0.875rem;color:var(--color-text-muted);margin-bottom:var(--space-md);line-height:1.5}.cta-card .btn{width:100%;background:var(--color-primary);color:#fff}.cta-card .btn:hover{background:var(--color-primary-hover);color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-lg);margin-top:var(--space-xl)}.feature-item{padding:var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.feature-item__icon{width:44px;height:44px;background:var(--color-primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-md);color:var(--color-primary)}.feature-item h3{font-size:clamp(0.95rem,1.75vw,1.1rem);margin-bottom:var(--space-sm);color:var(--color-text)}.feature-item p{font-size:clamp(0.8rem,1.5vw,0.9rem);color:var(--color-text-muted);line-height:1.6}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-question{display:flex;align-items:center;width:100%;padding:var(--space-md) var(--space-lg);background:none;border:none;cursor:pointer;text-align:left;gap:var(--space-md);font-family:var(--font-sans);color:var(--color-text);transition:background var(--transition)}.faq-question:hover{background:var(--color-surface-2)}.faq-icon{width:20px;height:20px;flex-shrink:0;color:var(--color-text-muted);transition:transform var(--transition-md)}.faq-question[aria-expanded="true"] .faq-icon{transform:rotate(45deg)}.faq-answer{display:none;padding:0 var(--space-lg) var(--space-md);color:var(--color-text-body);font-size:0.95rem;line-height:1.7}.faq-question[aria-expanded="true"]+.faq-answer{display:block}@media (max-width:639px){.hero-search-input{height:48px;padding-right:100px;padding-left:44px;font-size:0.875rem}.hero-search-btn{padding:0 16px;font-size:0.8rem}.hero-search-icon{left:14px}.code-card__action{width:100%}}