.bg{background:radial-gradient(ellipse 80% 60% at 75% 20%,rgba(180,60,120,.45) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 35%,rgba(220,80,60,.25) 0,transparent 55%),radial-gradient(ellipse 70% 70% at 20% 60%,rgba(80,30,160,.5) 0,transparent 60%),radial-gradient(ellipse 50% 40% at 50% 80%,rgba(60,20,100,.4) 0,transparent 55%),#0a0515}.bg,.stars{position:fixed;inset:0;z-index:0}.stars{background-image:radial-gradient(1px 1px at 10% 15%,hsla(0,0%,100%,.7) 0,transparent 100%),radial-gradient(1px 1px at 25% 35%,hsla(0,0%,100%,.5) 0,transparent 100%),radial-gradient(1.5px 1.5px at 40% 10%,hsla(0,0%,100%,.6) 0,transparent 100%),radial-gradient(1px 1px at 55% 55%,hsla(0,0%,100%,.4) 0,transparent 100%),radial-gradient(1px 1px at 70% 20%,hsla(0,0%,100%,.6) 0,transparent 100%),radial-gradient(1.5px 1.5px at 85% 45%,hsla(0,0%,100%,.5) 0,transparent 100%),radial-gradient(1px 1px at 15% 70%,hsla(0,0%,100%,.4) 0,transparent 100%),radial-gradient(1px 1px at 30% 85%,hsla(0,0%,100%,.5) 0,transparent 100%),radial-gradient(1px 1px at 60% 75%,hsla(0,0%,100%,.3) 0,transparent 100%),radial-gradient(1px 1px at 90% 80%,hsla(0,0%,100%,.5) 0,transparent 100%),radial-gradient(1px 1px at 5% 50%,hsla(0,0%,100%,.3) 0,transparent 100%),radial-gradient(1px 1px at 45% 90%,hsla(0,0%,100%,.4) 0,transparent 100%),radial-gradient(1px 1px at 78% 60%,hsla(0,0%,100%,.3) 0,transparent 100%),radial-gradient(1px 1px at 20% 5%,hsla(0,0%,100%,.6) 0,transparent 100%),radial-gradient(1px 1px at 92% 12%,hsla(0,0%,100%,.4) 0,transparent 100%),radial-gradient(1px 1px at 65% 40%,hsla(0,0%,100%,.35) 0,transparent 100%),radial-gradient(1px 1px at 35% 60%,hsla(0,0%,100%,.3) 0,transparent 100%),radial-gradient(1px 1px at 50% 25%,hsla(0,0%,100%,.45) 0,transparent 100%)}.page{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:0 24px}.page>nav{justify-content:space-between;padding:20px 0 18px;border-bottom:1px solid hsla(0,0%,100%,.08);margin-bottom:0}.logo,.page>nav{display:flex;align-items:center}.logo{gap:8px;font-size:15px;font-weight:600;color:#fff;text-decoration:none}.logo-icon{width:28px;height:28px;background:linear-gradient(135deg,#f97316,#a855f7);border-radius:6px;justify-content:center;font-size:14px}.logo-icon,.nav-links{display:flex;align-items:center}.nav-links{gap:32px;list-style:none}.nav-links a{color:hsla(0,0%,100%,.8);text-decoration:none;font-size:14px;font-weight:400;transition:color .2s}.nav-links a:hover{color:#fff}.btn-submit{background:linear-gradient(135deg,#7c3aed,#a855f7);color:#fff;border:none;padding:9px 20px;border-radius:24px;font-size:13px;font-weight:500;cursor:pointer;transition:opacity .2s;text-decoration:none;display:inline-block}.btn-submit:hover{opacity:.9}.hero{text-align:center;padding:72px 0 56px}.hero h1{font-size:clamp(36px,6vw,56px);font-weight:800;line-height:1.1;background:linear-gradient(90deg,#38bdf8,#a78bfa 40%,#f472b6 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.hero p{color:hsla(0,0%,100%,.65);font-size:16px;margin-bottom:36px}.search-wrap{position:relative;max-width:480px;margin:0 auto 24px}.search-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:hsla(0,0%,100%,.4);font-size:15px;z-index:1}.search-wrap form{width:100%}.search-wrap input{width:100%;background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.15);border-radius:50px;padding:14px 20px 14px 44px;font-size:14px;color:hsla(0,0%,100%,.9);outline:none;transition:border-color .2s,background .2s;font-family:Inter,sans-serif}.search-wrap input::-moz-placeholder{color:hsla(0,0%,100%,.35)}.search-wrap input::placeholder{color:hsla(0,0%,100%,.35)}.search-wrap input:focus{border-color:rgba(168,85,247,.5);background:hsla(0,0%,100%,.1)}.pills{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.pill{background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.14);border-radius:50px;padding:7px 18px;font-size:13px;color:hsla(0,0%,100%,.75);cursor:pointer;transition:background .2s,border-color .2s;text-decoration:none}.pill:hover{background:hsla(0,0%,100%,.13);border-color:hsla(0,0%,100%,.25)}.section{padding:56px 0 40px}.section-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:22px;font-weight:700;margin-bottom:32px;color:#fff}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:36px}.card{position:relative;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:22px 20px 18px;backdrop-filter:blur(12px);overflow:hidden;transition:border-color .2s,background .2s;display:block;color:#fff}.card:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.18)}.card:after{content:"";position:absolute;bottom:0;left:15%;right:15%;height:1.5px;border-radius:50%;opacity:.7}.card:first-child:after{background:linear-gradient(90deg,transparent,#38bdf8,transparent)}.card:nth-child(2):after{background:linear-gradient(90deg,transparent,#f97316,transparent)}.card:nth-child(3):after{background:linear-gradient(90deg,transparent,#f472b6,transparent)}.card:nth-child(4):after{background:linear-gradient(90deg,transparent,#a78bfa,transparent)}.card:nth-child(5):after{background:linear-gradient(90deg,transparent,#34d399,transparent)}.card:nth-child(6):after{background:linear-gradient(90deg,transparent,#38bdf8,transparent)}.card-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:14px;color:#fff}.icon-1{background:linear-gradient(135deg,#1d4ed8,#7c3aed)}.icon-2{background:linear-gradient(135deg,#7c3aed,#a855f7)}.icon-3{background:linear-gradient(135deg,#6d28d9,#4c1d95)}.icon-4{background:linear-gradient(135deg,#ec4899,#f97316,#a855f7)}.icon-5{background:linear-gradient(135deg,#059669,#10b981)}.icon-6{background:linear-gradient(135deg,#0e7490,#06b6d4)}.card-name{font-size:16px;font-weight:700;margin-bottom:7px;color:#fff}.card-desc{font-size:13px;color:hsla(0,0%,100%,.5);line-height:1.55;margin-bottom:18px;min-height:40px}.card-meta{display:flex;align-items:center;gap:6px;font-size:12px;color:hsla(0,0%,100%,.4)}.card-meta .dot{opacity:.4}.meta-tag{gap:4px}.meta-tag,.stars-badge{display:flex;align-items:center;color:hsla(0,0%,100%,.45)}.stars-badge{gap:3px;margin-left:auto}.star-icon{color:#fbbf24;font-size:11px}.view-all-wrap{display:flex;justify-content:center;margin-bottom:64px}.btn-view-all{background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.15);border-radius:50px;padding:13px 48px;font-size:14px;font-weight:500;color:hsla(0,0%,100%,.8);cursor:pointer;transition:background .2s,border-color .2s;font-family:Inter,sans-serif;text-decoration:none;display:inline-block}.btn-view-all:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.25)}.page>footer{border-top:1px solid hsla(0,0%,100%,.08);padding:24px 0;text-align:center;font-size:14px;color:hsla(0,0%,100%,.5)}.page>footer strong{color:hsla(0,0%,100%,.85);font-weight:600}@media (max-width:680px){.cards-grid{grid-template-columns:1fr}.page>nav{flex-wrap:wrap;gap:12px}.nav-links{display:none}}@media (max-width:900px) and (min-width:681px){.cards-grid{grid-template-columns:repeat(2,1fr)}}