*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#0b0d12;color:#f4f6fb}a{text-decoration:none;color:#d9e1ff}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:rgba(8,10,16,.85);backdrop-filter:blur(8px);border-bottom:1px solid #1b2232}.logo{font-weight:800;letter-spacing:.4px}.logo span{color:#8ca4ff;font-weight:600;margin-left:6px;font-size:12px}nav{display:flex;gap:18px}nav a{font-size:14px;color:#b8c3e8}.login{border:1px solid #334067;background:#121b33;color:#fff;padding:8px 14px;border-radius:10px}.hero{position:relative;min-height:62vh;background:url('https://images.unsplash.com/photo-1489599511124-1613f85f594f?auto=format&fit=crop&w=1900&q=80') center/cover no-repeat;display:flex;align-items:flex-end}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,7,12,.3),rgba(8,10,16,.95))}.hero-content{position:relative;padding:46px 40px;max-width:760px}.chip{display:inline-block;background:#1d2d61;border:1px solid #3d57a6;color:#d9e4ff;padding:6px 10px;border-radius:999px;font-size:12px}.hero h1{font-size:48px;margin:10px 0}.hero p{color:#c0cae9;line-height:1.6}.hero-actions{margin-top:18px;display:flex;gap:10px}.btn{padding:11px 16px;border-radius:10px;border:0;cursor:pointer;font-weight:700}.btn.primary{background:#4f75ff;color:#fff}.btn.ghost{background:transparent;border:1px solid #4f75ff;color:#dbe4ff}.container{padding:26px 28px 40px}.container h2{margin:20px 0 14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.card{background:#111624;border:1px solid #1f2a44;border-radius:14px;overflow:hidden}.card img{width:100%;height:240px;object-fit:cover;display:block}.meta{padding:10px}.title{font-size:14px;font-weight:700;line-height:1.4;margin:0 0 6px}.sub{font-size:12px;color:#8fa0cf}
@media(max-width:800px){nav{display:none}.hero h1{font-size:34px}.hero-content{padding:28px 18px}.container{padding:18px}}