*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}body{color:#fff;background:#0a1115;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}main{flex:1}.navbar{opacity:.95;background:#11181c;border-bottom:1px solid #293136;justify-content:space-between;align-items:center;height:76px;padding:0 72px;display:flex}.navbar-brand{align-items:center;gap:14px;display:flex}.navbar-brand img{border-radius:8px;width:38px;height:38px}.navbar-brand span{color:#f1f1f1;font-size:16px;font-weight:700}.navbar-links{align-items:center;gap:34px;display:flex}.navbar-links a{color:#b8b8b8;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.navbar-links a:hover,.navbar-links a.active{color:#fff}.nav-dropdown{position:relative}.nav-dropdown:after{content:"";height:12px;position:absolute;top:100%;left:0;right:0}.dropdown-btn{color:#b8b8b8;cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600;transition:color .2s}.dropdown-btn:hover{color:#fff}.dropdown-content{opacity:.75;z-index:1000;background:#161d21;border:1px solid #293136;border-radius:10px;min-width:220px;display:none;position:absolute;top:100%;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 12px 24px #0006}.dropdown-content a{color:#d6d6d6;padding:12px 16px;text-decoration:none;transition:background .2s;display:block}.dropdown-content a:hover{color:#fff;background:#232b30}.nav-dropdown:hover .dropdown-content{display:block}body{color:#fff;background:#0d111c;margin:0;font-family:Inter,sans-serif}.home{max-width:1150px;margin:auto;padding:60px 20px}.home h1{text-align:center;margin-bottom:50px;font-size:48px}.hero-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.hero-card{cursor:pointer;background:#171d2d;border:1px solid #28324a;border-radius:14px;align-items:center;gap:24px;padding:30px;transition:all .25s;display:flex}.hero-card:hover{border-color:#4e6fff;transform:translateY(-4px)}.hero-icon{font-size:54px}.hero-card h2{margin:0}.hero-card span{color:#9ba7bf}.section-title{margin:50px 0 25px}.popular-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.item-card{background:#171d2d;border:1px solid #28324a;border-radius:12px;padding:18px;transition:all .25s}.item-card:hover{transform:translateY(-5px)}.item-image{background:#222c41;border-radius:10px;height:90px;margin-bottom:18px}.item-card h3{margin:8px 0}.item-card p{color:#9ba7bf;font-size:14px}.item-footer{color:#aeb8ca;justify-content:space-between;margin-top:18px;font-size:14px;display:flex}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.popular-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.popular-grid{grid-template-columns:1fr}.home h1{font-size:36px}}.search-card,.item-card{cursor:pointer;color:#fff;text-align:left;background:#1a2032;border:1px solid #2d3854;border-radius:14px;transition:all .2s}.search-card{align-items:center;gap:20px;width:100%;padding:24px;display:flex}.item-card{flex-direction:column;padding:18px;display:flex}.search-card:hover,.item-card:hover{background:#212944;border-color:#5f7cff;transform:translateY(-4px)}.search-card:active,.item-card:active{transform:scale(.98)}.search-card:focus-visible,.item-card:focus-visible{outline:2px solid #6b8cff}