.hero-section{background-color:#0a0f1c;align-items:center;height:100svh;min-height:500px;max-height:800px;display:flex;position:relative;overflow:hidden}@media (min-width:1024px){.hero-section{height:650px;max-height:none}}.hero-video{object-fit:cover;z-index:0;opacity:.5;width:100%;height:100%;position:absolute;top:0;left:0}.hero-overlay{z-index:1;background:linear-gradient(#0a0f1cb3 0%,#0a0f1ce6 100%);position:absolute;inset:0}@media (min-width:768px){.hero-overlay{background:linear-gradient(90deg,#0a0f1cf2 0%,#0a0f1cb3 50%,#0a0f1c4d 100%)}}.hero-title{margin-bottom:var(--space-4);letter-spacing:-.02em;color:#fff;font-size:2.5rem;font-weight:800;line-height:1.15}@media (min-width:768px){.hero-title{font-size:var(--text-5xl);margin-bottom:var(--space-6)}}.hero-subtitle{font-size:var(--text-base);color:#ffffffd9;max-width:600px;margin:0 0 var(--space-8) 0;line-height:1.5}@media (min-width:768px){.hero-subtitle{font-size:var(--text-lg);margin:0 0 var(--space-10) 0;line-height:1.6}}
.quick-categories-container{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(130px,1fr));display:grid}@media (max-width:768px){.quick-categories-container{white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--space-3);padding-bottom:var(--space-2);flex-wrap:nowrap;display:flex;overflow:auto hidden}.quick-categories-container::-webkit-scrollbar{display:none}.quick-categories-container .card{white-space:normal;flex:none;width:120px}}