:root { --ink:#edf0ff; --muted:#9298ad; --line:rgba(255,255,255,.12); --hot:#bcff3c; --night:#080a12; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--night);color:var(--ink);font-family:Manrope,Arial,sans-serif} button,input{font:inherit} button,a{color:inherit} a{text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,82px);border-bottom:1px solid var(--line);position:relative;z-index:5;background:#080a12}.brand{font-family:'DM Mono',monospace;font-size:.92rem;letter-spacing:.07em;font-weight:500;display:flex;align-items:center;gap:9px}.brand-mark{display:grid;place-items:center;background:var(--hot);color:#0a0b10;width:24px;height:24px;clip-path:polygon(50% 0,100% 24%,82% 100%,18% 100%,0 24%);font-weight:800;font-family:Manrope}.topbar nav{display:flex;gap:33px;height:100%;align-items:center}.topbar nav a{font-size:.88rem;color:var(--muted);height:100%;display:grid;align-items:center;border-bottom:2px solid transparent}.topbar nav .active{color:white;border-color:var(--hot)}.header-actions{display:flex;align-items:center;gap:12px}.icon-button{border:0;background:transparent;font-size:1.35rem;padding:5px;cursor:pointer}.join,.search button{border:0;background:var(--hot);color:#101308;font-size:.82rem;font-weight:800;padding:11px 17px;cursor:pointer}.hero{height:min(680px,calc(100vh - 76px));min-height:540px;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 clamp(22px,10vw,164px)}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,#080a12 2%,rgba(8,10,18,.65) 39%,rgba(8,10,18,.12)),linear-gradient(0deg,#080a12 0%,transparent 42%),url('assets/neon-city.png') center/cover;filter:saturate(.95)}.hero-content{position:relative;z-index:1;max-width:690px}.eyebrow{font-family:'DM Mono',monospace;color:#c7ccd9;text-transform:uppercase;letter-spacing:.1em;font-size:.69rem;margin:0 0 15px;display:flex;align-items:center;gap:9px}.eyebrow span{width:7px;height:7px;background:var(--hot);border-radius:50%;display:inline-block}.hero h1{font-size:clamp(3.7rem,7vw,7rem);letter-spacing:-.08em;line-height:.91;margin:0;font-weight:800}.hero h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.07em}.intro{color:#ccd0df;line-height:1.65;max-width:430px;margin:26px 0}.search{height:59px;display:flex;background:white;color:#14151d;max-width:555px;padding-left:18px;align-items:center;gap:10px;box-shadow:0 18px 50px #0008}.search span{font-size:1.8rem;line-height:0;transform:rotate(-20deg)}.search input{border:0;outline:0;flex:1;min-width:0;font-size:.88rem}.search button{height:100%;padding:0 22px}.hero-meta{position:absolute;bottom:30px;right:clamp(22px,5vw,82px);z-index:1;display:flex;gap:15px;align-items:center;font-family:'DM Mono',monospace;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em}.hero-meta strong{font-size:.72rem}.hero-meta span:last-child{color:var(--hot);border:1px solid #baff3c88;padding:5px 7px}.filter-row,.gallery-section,.collections{padding-left:clamp(22px,5vw,82px);padding-right:clamp(22px,5vw,82px)}.filter-row{min-height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.chips{display:flex;gap:8px;overflow:auto;padding:8px 0}.chip,.filter-button{white-space:nowrap;border:1px solid var(--line);background:transparent;padding:9px 15px;color:#c7cbd7;font-size:.78rem;cursor:pointer}.chip.selected{background:var(--ink);color:#0a0b10;border-color:var(--ink);font-weight:800}.filter-button span{margin-left:7px;color:var(--hot)}.gallery-section{padding-top:75px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-heading h2,.collections h2{font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.055em;margin:0}.section-heading>a{color:var(--hot);font-size:.8rem;font-weight:800;margin-bottom:6px}.section-heading>a span{font-size:1.25rem;margin-left:6px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.wallpaper{min-width:0;background:#161a28;overflow:hidden;cursor:pointer}.art{height:clamp(175px,20vw,310px);background-image:linear-gradient(#0000,#0009),url('assets/neon-city.png');background-size:cover;transition:transform .5s ease,filter .5s ease}.wallpaper:hover .art{transform:scale(1.045);filter:saturate(1.3)}.nature .art{background-position:54% 18%;filter:hue-rotate(105deg) saturate(.45) brightness(.85)}.abstract .art{background-position:79% 61%;filter:hue-rotate(205deg) saturate(2.1) contrast(1.2)}.space .art{background-position:30% 10%;filter:hue-rotate(255deg) saturate(.65) brightness(.62)}.minimal .art{background-position:13% 60%;filter:grayscale(1) contrast(.7) brightness(1.55)}.anime .art{background-position:88% 25%;filter:hue-rotate(40deg) saturate(1.7) brightness(.92)}.card-info{min-height:76px;display:flex;justify-content:space-between;align-items:center;padding:14px 15px}.card-info h3{font-size:.88rem;margin:0 0 5px;letter-spacing:-.02em}.card-info p{font-family:'DM Mono',monospace;color:var(--muted);font-size:.61rem;margin:0}.heart{font-size:1.55rem;background:none;border:0;color:#d7dbe5;cursor:pointer}.heart.saved{color:var(--hot)}.empty{padding:35px 0;color:var(--muted)}.collections{background:#111420;padding-top:75px;padding-bottom:85px}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:28px}.collection{height:220px;padding:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;background:#233;isolation:isolate}.collection:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#05060cdb,transparent 75%),url('assets/neon-city.png') center/cover;z-index:-1;transition:transform .5s}.collection:hover:before{transform:scale(1.07)}.collection.sunrise:before{filter:hue-rotate(310deg) saturate(1.6)}.collection.dark:before{filter:hue-rotate(150deg) brightness(.55)}.collection.clean:before{filter:grayscale(1) brightness(1.4)}.collection span{position:absolute;top:20px;font-family:'DM Mono',monospace;font-size:.7rem;color:var(--hot)}.collection strong{font-size:1.3rem;letter-spacing:-.04em}.collection small{color:#d5d9e4;font-size:.72rem;margin-top:5px}footer{min-height:126px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,82px);color:var(--muted);font-size:.76rem}footer .brand{color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:720px){.topbar{height:65px}.topbar nav,.icon-button{display:none}.join{padding:9px 11px;font-size:.7rem}.hero{min-height:520px;height:calc(100vh - 65px);padding:0 22px}.hero-image{background-position:58% center}.hero h1{font-size:3.7rem}.hero-meta{right:22px;bottom:22px}.hero-meta span:first-child{display:none}.filter-row{align-items:flex-start;padding-top:15px;padding-bottom:15px;min-height:auto}.filter-button{display:none}.gallery{grid-template-columns:1fr 1fr;gap:10px}.card-info{padding:11px}.card-info p{font-size:.55rem}.heart{font-size:1.3rem}.collection-grid{grid-template-columns:1fr;gap:10px}.collection{height:170px}footer{flex-wrap:wrap;padding-top:25px;padding-bottom:25px;gap:16px}.section-heading{align-items:end}.section-heading>a{font-size:.7rem}}@media(max-width:430px){.gallery{grid-template-columns:1fr}.art{height:220px}.hero h1{font-size:3.3rem}.search{height:54px}.hero-meta strong{display:none}}