:root{--border-radius:2.5rem;--border-radius-sm:1.25rem;--border-radius-xs:.75rem;--glass-bg:rgba(255,255,255,.1);--glass-bg-strong:rgba(255,255,255,.15);--glass-border:rgba(255,255,255,.2);--shadow-subtle:0 8px 32px rgba(0,0,0,.1);--shadow-strong:0 20px 60px rgba(0,0,0,.2)}.hero-title{background:linear-gradient(45deg,#fff,#cffafe);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:.75rem;font-size:3rem;font-weight:800}.hero-subtitle{color:rgba(255,255,255,.9);margin-bottom:2rem;font-size:1.1rem;font-weight:400}.search-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--border-radius);box-shadow:var(--shadow-subtle);padding:1.5rem}.search-input{border:1px solid var(--glass-border);border-radius:var(--border-radius-sm);color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.15);width:100%;padding:1rem 1.5rem 1rem 4.5rem;font-size:1.1rem;transition:background-color .2s,box-shadow .2s,border-color .2s}.search-input::placeholder{color:rgba(255,255,255,.6)}.search-input:focus{background:rgba(255,255,255,.25);outline:none;box-shadow:0 0 0 2px rgba(34,211,238,.3)}.categories-section h2{text-align:center;color:rgba(255,255,255,.95);margin-bottom:2rem;font-size:2rem}.category-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--border-radius);text-align:center;cursor:pointer;box-shadow:var(--shadow-subtle);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);flex-direction:column;align-items:center;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.category-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.05));transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0}.category-card:hover:before{opacity:1}.category-card:hover{box-shadow:var(--shadow-strong);background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:translateY(-8px)scale(1.02)}.category-icon{color:#fff;z-index:1;background:rgba(255,255,255,.15);border-radius:50%;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;margin-bottom:1rem;transition:transform .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.category-icon:before{content:"";opacity:1;z-index:-1;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;right:0}.category-icon:after{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#22d3ee,#2563eb);transition:opacity .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0;right:0}.category-card:hover .category-icon{transform:scale(1.1)rotate(6deg)}.category-card:hover .category-icon:before{opacity:0}.category-card:hover .category-icon:after{opacity:1}.category-title{letter-spacing:.02em;color:rgba(255,255,255,.95);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.category-stats{color:rgba(255,255,255,.7);font-size:.85rem;font-weight:500}@media (max-width:768px){.categories-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.hero-title{font-size:2.5rem}.main-content{padding:2rem 1rem}}