
:root{
 --bg:#050507;
 --bg2:#09090d;
 --panel:#101016;
 --panel2:#15151d;
 --line:#292531;
 --text:#f7f5fa;
 --muted:#a09ba8;
 --muted2:#6e6977;
 --accent:#9b4dff;
 --accent2:#d05cff;
 --pink:#ff4fd8;
 --purple-soft:#b88cff;
 --shadow:0 24px 80px rgba(0,0,0,.5);
 --radius:18px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:var(--bg)}
body{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(to bottom,black,transparent 80%);z-index:-1}
a{color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}
.container{width:min(1220px,calc(100% - 36px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(6,7,6,.84);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,107,74,.08)}
.nav-wrap{min-height:74px;display:flex;align-items:center;gap:20px}
.brand{display:inline-flex;align-items:center;gap:9px;text-decoration:none;font-size:24px;font-weight:950;letter-spacing:-1.3px;white-space:nowrap}
.brand-mark{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--accent);background:var(--panel);color:var(--neon);box-shadow:0 0 25px rgba(255,107,74,.08)}
.main-nav{display:flex;align-items:center;justify-content:center;gap:2px;flex:1;overflow:auto;scrollbar-width:none}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{font-size:12px;color:#858b80;text-decoration:none;padding:10px 11px;border-radius:9px;white-space:nowrap}
.main-nav a:hover,.main-nav a.active{background:var(--panel2);color:var(--neon)}
.nav-download,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:10px;padding:11px 17px;font-size:12px;font-weight:850;background:var(--neon);color:var(--bg);border:1px solid var(--neon);box-shadow:0 0 25px rgba(255,107,74,.07);transition:.2s}
.nav-download:hover,.btn-primary:hover{transform:translateY(-2px);background:var(--neon2);box-shadow:0 12px 35px rgba(255,107,74,.13)}
.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;border-radius:10px;padding:11px 17px;font-size:12px;font-weight:800;background:#10130f;color:#e8ebe5;border:1px solid #2c3428;transition:.2s}
.btn-secondary:hover{transform:translateY(-2px);border-color:var(--accent);color:var(--neon)}
main{min-height:60vh}
.eyebrow,.kicker{display:inline-flex;align-items:center;gap:7px;color:var(--neon);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.8px}
.eyebrow:before{content:"";width:18px;height:1px;background:var(--neon)}
.page-hero{padding:86px 0 54px;border-bottom:1px solid #1b2118;background:radial-gradient(circle at 75% 20%,rgba(255,107,74,.12),transparent 30%),linear-gradient(180deg,#090c08,#060706)}
.page-hero h1{font-size:clamp(44px,7vw,76px);line-height:.96;letter-spacing:-4px;margin:17px 0 16px;max-width:900px}
.page-hero p.lead,.page-hero>div>p:last-child{max-width:780px;color:#8f968a;font-size:17px;line-height:1.8}
.content-page{padding:55px 0 90px;max-width:920px}
.content-page h2{font-size:28px;line-height:1.15;letter-spacing:-1px;margin:42px 0 12px}
.content-page h3{font-size:20px;margin:28px 0 8px}
.content-page p,.content-page li{color:#a0a79b;font-size:15px;line-height:1.9}
.content-page ul,.content-page ol{padding-left:24px}
.content-page strong{color:#e9ede6}
.content-page a:not(.btn-primary):not(.btn-secondary){color:var(--neon);text-decoration:none}
.section{padding:82px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
.section-head h2{font-size:clamp(34px,5vw,56px);letter-spacing:-3px;line-height:1;margin-top:9px}
.section-head p{max-width:520px;color:#777f73;font-size:14px;line-height:1.75}
.card{background:linear-gradient(145deg,#10140e,#0a0d09);border:1px solid #22291f;border-radius:var(--radius);box-shadow:0 12px 50px rgba(0,0,0,.18)}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:35px 0}
.info-card{padding:25px;min-height:190px}
.info-card .icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#141b0d;border:1px solid var(--accent);color:var(--neon);margin-bottom:24px}
.info-card h3,.info-card h2{font-size:20px;margin:0 0 9px;line-height:1.2}
.info-card p{font-size:13px;color:#777f73;line-height:1.7}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:35px 0}
.stat{padding:20px;border:1px solid #22291f;background:#0d100c;border-radius:14px}.stat strong{display:block;font-size:28px}.stat span{color:#697164;font-size:11px}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.feature-card{padding:26px;min-height:220px;transition:.25s}.feature-card:hover{transform:translateY(-5px);border-color:var(--accent)}.feature-card .num{font-size:10px;color:#65725a;font-weight:900}.feature-card h3{font-size:21px;margin:45px 0 8px}.feature-card p{font-size:13px;color:#737b6e;line-height:1.7}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}
.category-card{position:relative;min-height:285px;overflow:hidden;border:1px solid #252c22;border-radius:17px;text-decoration:none;background:#0b0e0a}
.category-card .art{position:absolute;inset:0;background-size:cover;background-position:center;transition:.5s;filter:saturate(.85)}
.category-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#020302 0%,rgba(2,3,2,.75) 25%,transparent 70%)}
.category-card:hover .art{transform:scale(1.06);filter:saturate(1.1)}
.category-card .cat-content{position:absolute;z-index:2;left:18px;right:18px;bottom:17px}.category-card h2{font-size:20px;margin:0 0 3px}.category-card p{font-size:11px;color:#8a9285;line-height:1.5}.category-card .count{color:var(--neon);font-size:10px;margin-top:8px;display:block}
.wallpaper-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:11px}
.wallpaper-card{overflow:hidden;border:1px solid #22291f;border-radius:13px;background:#0b0e0a;transition:.25s}
.wallpaper-card:hover{transform:translateY(-5px);border-color:var(--accent)}
.wallpaper-image{aspect-ratio:9/16;background:#111;overflow:hidden;position:relative}
.wallpaper-image img{width:100%;height:100%;object-fit:cover}
.wallpaper-info{padding:12px}.wallpaper-info small{color:#69735f;text-transform:uppercase;font-size:9px}.wallpaper-info h3{font-size:13px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.blog-card{overflow:hidden}.blog-thumb{aspect-ratio:16/10;background:#121710;position:relative}.blog-thumb img{width:100%;height:100%;object-fit:cover}.blog-body{padding:20px}.blog-body .date{color:#687063;font-size:10px;text-transform:uppercase;letter-spacing:1px}.blog-body h2{font-size:19px;line-height:1.25;margin:8px 0}.blog-body p{color:#777f73;font-size:12px;line-height:1.65}.read-link{display:inline-block;margin-top:14px;color:var(--neon);font-size:12px;font-weight:800;text-decoration:none}
.faq-list{max-width:920px}.faq-item{padding:23px;margin:11px 0}.faq-item h2{font-size:18px;margin:0 0 7px}.faq-item p{font-size:13px;color:#7f8879}
.article{max-width:920px;margin:auto;padding:70px 0 100px}.article h1{font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-3px;margin:14px 0}.article-meta{color:#697264;font-size:11px}.article-cover{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:18px;border:1px solid #242c21;margin:35px 0}.article-body{font-size:17px;line-height:1.9;color:#b5bcb0}.article-body h2{font-size:29px;color:#f1f3ef;line-height:1.2;margin:42px 0 12px}.article-body h3{font-size:21px;color:#e7ebe4;margin:28px 0 8px}.article-body p{margin:0 0 17px}.article-body ul,.article-body ol{padding-left:25px;margin-bottom:18px}.article-body a{color:var(--neon)}.article-body img{border-radius:14px;margin:20px 0}
.cta-panel{padding:38px;border-radius:20px;border:1px solid #334000;background:radial-gradient(circle at 85% 20%,rgba(255,107,74,.12),transparent 30%),linear-gradient(135deg,#11160d,#0a0d09);display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.cta-panel h2{font-size:37px;line-height:1.05;letter-spacing:-2px}.cta-panel p{color:#7e8778;font-size:13px;margin-top:8px}
.app-hero{padding:90px 0 70px;background:radial-gradient(circle at 75% 30%,rgba(255,107,74,.14),transparent 28%)}
.app-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}.app-hero h1{font-size:clamp(56px,7vw,90px);line-height:.9;letter-spacing:-5px;margin:18px 0}.app-hero h1 span{color:var(--neon)}.app-hero p{color:#858d80;font-size:17px;line-height:1.8;max-width:620px}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}
.device-stage{height:580px;position:relative;display:flex;align-items:center;justify-content:center}.device-glow{position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,74,.2),transparent 68%);filter:blur(10px)}
.device{position:relative;width:270px;height:555px;border:8px solid #242a22;border-radius:42px;overflow:hidden;background:var(--bg);box-shadow:var(--shadow);transform:rotate(4deg);z-index:3}.device-screen{position:absolute;inset:0;background:url('../images/defaults/wallpaper-01.svg') center/cover}.device-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 55%,rgba(0,0,0,.82))}.device-notch{position:absolute;z-index:5;top:9px;left:50%;transform:translateX(-50%);width:86px;height:20px;background:#000;border-radius:20px}.device-ui{position:absolute;z-index:6;inset:45px 18px 22px;display:flex;flex-direction:column}.device-top{display:flex;justify-content:space-between;font-size:9px}.device-ui-bottom{margin-top:auto}.device-ui-bottom small{font-size:9px;color:#bbb}.device-ui-bottom h3{font-size:25px;line-height:1.05}.device-card{position:absolute;z-index:6;background:rgba(12,16,10,.9);border:1px solid var(--accent);border-radius:12px;padding:12px 14px;backdrop-filter:blur(15px)}.device-card b{color:var(--neon);font-size:11px}.device-card small{display:block;color:#717a6c;font-size:9px}.dc1{right:-5px;top:120px}.dc2{left:-15px;bottom:105px}
.app-points{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.point{padding:25px}.point h3{font-size:19px;margin:28px 0 7px}.point p{font-size:13px;color:#737c70;line-height:1.7}
.phone-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.phone-card{min-height:380px;padding:18px;display:flex;align-items:end;background:#0d100c;border:1px solid #242b20;border-radius:18px;overflow:hidden;position:relative}.phone-card .phone-art{position:absolute;inset:18px;background-size:cover;background-position:center;border-radius:13px}.phone-card .label{position:relative;z-index:2;background:rgba(4,6,4,.82);border:1px solid #303b24;border-radius:10px;padding:10px 12px}.phone-card .label strong{font-size:13px}.phone-card .label span{display:block;color:#7d8777;font-size:9px}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:14px}.contact-form{padding:27px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{margin-bottom:14px}.field label{display:block;color:#858e80;font-size:11px;font-weight:800;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;background:#080a08;border:1px solid #293025;color:#eee;border-radius:10px;padding:12px;outline:none}.field textarea{min-height:160px;resize:vertical}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,107,74,.06)}
.notice{padding:17px;border-radius:12px;border:1px solid #303b24;background:#10150d;color:#9aa392;font-size:13px}
.empty-state{text-align:center;padding:65px 25px}.empty-state .empty-icon{width:55px;height:55px;border-radius:15px;display:grid;place-items:center;margin:0 auto 18px;background:#11170d;border:1px solid #334400;color:var(--neon);font-size:20px}.empty-state h2{font-size:25px}.empty-state p{color:#727b6f;font-size:13px;margin:8px auto 20px;max-width:500px}
.site-footer{border-top:1px solid #1c2219;background:var(--bg);padding:60px 0 24px;margin-top:30px}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:38px}.footer-brand p{max-width:350px;color:#667063;font-size:13px;line-height:1.7;margin:14px 0 18px}.site-footer h3{font-size:10px;color:#cdd3c8;text-transform:uppercase;letter-spacing:1.7px;margin-bottom:13px}.site-footer .footer-links a{display:block;text-decoration:none;color:#697266;font-size:12px;margin:8px 0}.site-footer .footer-links a:hover{color:var(--neon)}.socials{display:flex;gap:7px}.socials span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #293025;color:#7d8777;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #171c15;margin-top:40px;padding-top:18px;color:#50594d;font-size:10px}
@media(max-width:1050px){.feature-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.wallpaper-grid{grid-template-columns:repeat(4,1fr)}.footer-top{grid-template-columns:1.5fr 1fr 1fr}.app-grid{grid-template-columns:1fr}.device-stage{height:540px}.contact-grid{grid-template-columns:1fr}}
@media(max-width:760px){.container{width:min(100% - 28px,620px)}.nav-wrap{min-height:66px}.main-nav a:nth-child(n+4){display:none}.nav-download{display:none}.page-hero{padding:60px 0 40px}.page-hero h1{letter-spacing:-3px}.section{padding:60px 0}.section-head{display:block}.section-head .btn-secondary{margin-top:18px}.info-grid,.blog-grid,.phone-row{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.wallpaper-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:1fr 1fr}.cta-panel{grid-template-columns:1fr}.app-hero{padding:65px 0 30px}.app-hero h1{font-size:57px}.app-points{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.main-nav a:nth-child(n+3){display:none}.page-hero h1{font-size:43px}.content-page{padding:42px 0 65px}.content-page h2{font-size:24px}.category-grid,.feature-grid{grid-template-columns:1fr}.wallpaper-grid{grid-template-columns:repeat(2,1fr)}.stat-grid{grid-template-columns:1fr 1fr}.footer-top{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin:5px 0}.device{width:245px;height:505px}.device-stage{height:500px;transform:scale(.88)}.app-hero h1{font-size:51px}.form-row{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Premium neutral visual system */
.hero-accent{color:var(--accent)!important}
.badge-accent{background:rgba(255,107,74,.1)!important;border-color:rgba(255,107,74,.28)!important;color:var(--accent)!important}
.soft-accent{background:linear-gradient(135deg,rgba(255,107,74,.12),rgba(131,167,201,.06))!important}
.wallpaper-showcase{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.wallpaper-showcase .wallpaper-card{background:var(--panel)}
.showcase-more{display:flex;justify-content:center;margin-top:28px}
@media(max-width:1050px){.wallpaper-showcase{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.wallpaper-showcase{grid-template-columns:repeat(3,1fr);gap:8px}}
@media(max-width:430px){.wallpaper-showcase{grid-template-columns:repeat(2,1fr)}}

/* WALLesy Purple / Magenta premium theme */
body{background:var(--bg);color:var(--text)}
a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
.btn-primary,.btn-primary:hover,.download-btn,.cta-button{
 background:linear-gradient(135deg,#8b3dff,#d04cff)!important;
 color:#fff!important;
 box-shadow:0 12px 35px rgba(155,77,255,.25);
}
.btn-primary:hover,.download-btn:hover,.cta-button:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(208,76,255,.32)}
.btn-secondary{border-color:#322b3d!important;background:#0d0c12!important;color:#eee!important}
.btn-secondary:hover{border-color:#8b3dff!important;background:#171020!important;color:#fff!important}
.kicker,.eyebrow,.num,.section-kicker{color:var(--accent2)!important}
.app-hero{background:
 radial-gradient(circle at 70% 35%,rgba(130,55,255,.20),transparent 28%),
 radial-gradient(circle at 86% 70%,rgba(255,55,216,.10),transparent 24%),
 var(--bg)!important}
.device-glow{background:radial-gradient(circle,rgba(145,55,255,.42),rgba(255,60,215,.10) 45%,transparent 70%)!important}
.card,.feature-card,.category-card,.wallpaper-card,.cta-panel{
 background:linear-gradient(180deg,rgba(19,17,26,.96),rgba(11,10,15,.96))!important;
 border-color:#292331!important;
}
.category-card:hover,.wallpaper-card:hover,.feature-card:hover{
 border-color:rgba(155,77,255,.65)!important;
 box-shadow:0 18px 50px rgba(102,34,180,.18);
}
.wallpaper-image{background:#0c0b10!important}
.stat strong{color:#fff!important}
.stat-grid .stat{border-color:#292331!important;background:rgba(15,13,20,.8)!important}
.site-header,.header,.navbar{background:rgba(5,5,7,.82)!important;border-color:#24202b!important}
.site-footer,.footer{background:#07070a!important;border-color:#24202b!important}
input,textarea,select{background:#0d0c12!important;border-color:#302a38!important;color:#f7f5fa!important}
input:focus,textarea:focus,select:focus{border-color:#9b4dff!important;box-shadow:0 0 0 3px rgba(155,77,255,.12)!important}
::selection{background:#8b3dff;color:#fff}
