@import url('');
:root{--bg:#090b11;--surface:#11151e;--text:#f5f6fb;--muted:#9aa2b3;--line:#242a34;--accent:#d5f66e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}.container{width:min(1240px,calc(100% - 60px));margin:auto}.ambient{position:absolute;top:0;left:0;width:100%;height:640px;background:radial-gradient(ellipse 44% 66% at 75% 40%,#2630495b,transparent 85%);pointer-events:none}.header{position:relative;z-index:5;border-bottom:1px solid #20242c}.header-inner{height:84px;display:flex;align-items:center;gap:60px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800}.brand-mark{display:flex;align-items:center;justify-content:center;height:43px;width:53px;border:2px solid var(--accent);font-size:22px;letter-spacing:-4px;transform:skew(-8deg);border-radius:5px}.brand-mark span{color:var(--accent)}.brand-text{letter-spacing:3px;font-size:13px;line-height:1.3}.brand-text small{display:block;color:#768092;font-size:9px;letter-spacing:1px;font-weight:500}.nav{display:flex;gap:34px;margin-left:auto}.nav a{color:#aeb5c2;transition:.2s}.nav a:hover{color:white}.nav-cta{font-weight:700;border:1px solid #424953;padding:12px 17px;border-radius:100px}.nav-cta span{color:var(--accent);padding-left:12px}.hero{min-height:620px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:38px;padding-top:50px;padding-bottom:75px}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:2.4px}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-weight:800;letter-spacing:-4.5px;line-height:1.08;font-size:clamp(48px,5.5vw,83px);margin:25px 0 25px}h1 em{font-weight:400;font-style:normal;color:var(--accent)}.hero-copy>p{font-size:17px;color:#a2abbd;max-width:440px}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:34px;flex-wrap:wrap}.primary-btn{border:0;background:var(--accent);color:#111716;padding:14px 22px;font-size:13px;font-weight:800;border-radius:7px;display:inline-flex;gap:24px;align-items:center;justify-content:center;transition:transform .2s,background .2s}.primary-btn:hover{background:#e6ff9b;transform:translateY(-2px)}.hero-note{color:#8891a0;font-size:12px}.hero-art{height:475px;position:relative;perspective:1000px}.hero-card{position:absolute;width:72%;height:350px;border:6px solid #282c3b;border-radius:17px;overflow:hidden;box-shadow:0 30px 70px #0009}.hero-card img{height:100%;width:100%;object-fit:cover}.hero-front{right:0;top:90px;transform:rotate(9deg)}.hero-back{left:0;top:5px;transform:rotate(-11deg)}.hero-sticker{position:absolute;right:-5px;top:26px;background:var(--accent);color:#131919;width:85px;height:85px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.1;font-weight:900;font-size:15px;transform:rotate(16deg);box-shadow:0 12px 35px #0005}.hero-sticker span{font-size:20px}.gallery-section{padding:70px 0 100px;background:#0e1118;border-top:1px solid #1f242d;border-bottom:1px solid #20242c}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.eyebrow.secondary{color:#8d98af}.section-heading h2,.feature h2{font-size:clamp(35px,4vw,54px);letter-spacing:-2px;line-height:1.13;margin:14px 0 0}.section-heading h2 span,.feature h2 span{color:var(--accent)}.section-heading>p{color:#9aa4b4;max-width:290px;margin:0 0 5px;font-size:14px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:38px 0 25px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #343a46;background:#161b25;color:#c7ced9;border-radius:7px;padding:10px 16px;font-size:13px;transition:.2s}.filter:hover{border-color:#a4afc0}.filter.active{background:var(--accent);border-color:var(--accent);color:#171e14;font-weight:800}.filter span{opacity:.6;margin-left:5px}.result-count{white-space:nowrap;color:#939dae;font-size:12px}.wallpapers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.wallpaper{background:#171c26;border:1px solid #292f39;border-radius:13px;overflow:hidden;min-width:0;transition:transform .25s,border-color .25s}.wallpaper:hover{transform:translateY(-5px);border-color:#596375}.thumb{position:relative;display:block;width:100%;padding:0;border:0;background:#19222f;aspect-ratio:16/10;overflow:hidden}.thumb img{height:100%;width:100%;object-fit:cover;transition:transform .45s}.wallpaper:hover .thumb img{transform:scale(1.05)}.thumb .hover-view{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#05081066;color:white;font-weight:700;opacity:0;transition:.25s}.wallpaper:hover .hover-view,.thumb:focus-visible .hover-view{opacity:1}.hover-view span{background:#0f1620d9;border:1px solid #ffffff6a;padding:11px 18px;border-radius:100px}.wallpaper-info{padding:17px 17px 19px;display:flex;justify-content:space-between;gap:10px;align-items:center}.wallpaper-info h3{font-size:16px;margin:0 0 3px;letter-spacing:-.2px}.meta{color:#919aab;font-size:12px}.download-icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border:1px solid #444c57;border-radius:8px;font-size:20px;transition:.2s}.download-icon:hover{background:var(--accent);color:#111;border-color:var(--accent)}.feature{padding-top:90px;padding-bottom:95px;display:grid;grid-template-columns:1fr 1fr;gap:50px}.feature-copy{padding-top:30px;color:#a5aebd;max-width:460px;font-size:16px}.feature-points{display:flex;gap:20px;flex-wrap:wrap;color:var(--accent);font-size:12px;font-weight:700;margin-top:28px}.footer{border-top:1px solid #242936}.footer-inner{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#838d9e;font-size:12px}.compact .brand-mark{width:42px;height:34px;font-size:18px}.compact .brand-text{font-size:10px}.viewer{padding:0;border:1px solid #343e4d;border-radius:17px;background:#111720;color:white;width:min(1060px,calc(100% - 28px));max-height:calc(100% - 28px);box-shadow:0 25px 100px #000c}.viewer::backdrop{background:#02040bcf;backdrop-filter:blur(9px)}.viewer-wrap{padding:20px}.viewer-top,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.viewer-top{padding-bottom:15px}.viewer-category{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:2px}.viewer h3{margin:0;font-size:23px}.viewer img{display:block;width:100%;max-height:66vh;object-fit:contain;border-radius:9px;background:#060c14}.viewer-bottom{padding-top:14px;color:#9da8b7;font-size:12px}.close{width:39px;height:39px;border:1px solid #465064;background:#202838;color:white;border-radius:50%}.close:hover{background:#36415a}@media(max-width:900px){.hero{grid-template-columns:1fr;gap:0;padding-top:65px}.hero-copy>p{max-width:600px}.hero-art{height:340px;margin:35px auto 0;width:min(600px,100%)}.hero-card{height:260px;width:65%}.hero-front{top:55px}.wallpapers{grid-template-columns:repeat(2,1fr)}.nav{display:none}}@media(max-width:600px){.container{width:calc(100% - 32px)}.header-inner{height:70px}.nav-cta{font-size:12px;padding:10px}.hero{padding-top:55px;padding-bottom:45px;min-height:0}h1{letter-spacing:-2.7px;font-size:clamp(42px,11vw,64px)}.hero-art{height:245px}.hero-card{height:195px;border-width:4px}.hero-sticker{width:61px;height:61px;font-size:11px;right:0;top:4px}.hero-sticker span{font-size:13px}.gallery-section{padding:55px 0}.section-heading{display:block}.section-heading>p{margin-top:17px}.toolbar{display:block}.result-count{display:block;margin-top:13px}.wallpapers{grid-template-columns:1fr;gap:16px}.feature{padding:60px 0;grid-template-columns:1fr;gap:0}.feature-copy{padding-top:22px}.footer-inner{flex-wrap:wrap;padding:22px 0;min-height:0}.footer-inner>span:nth-child(2){display:none}.viewer-wrap{padding:11px}.viewer h3{font-size:18px}.viewer-bottom{flex-wrap:wrap}.viewer-bottom .primary-btn{width:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
