:root{--bg:#f7f8fc;--surface:#fff;--text:#111827;--muted:#697386;--line:#e5e7ef;--accent:#5b4bff;--shadow:0 20px 60px #25214d12}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,sans-serif}a{text-decoration:none;color:inherit}header{position:sticky;top:0;z-index:20;background:#f7f8fcd9;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.nav{height:72px;max-width:1160px;width:92%;margin:auto;display:flex;align-items:center;gap:35px}.brand{font-size:20px;font-weight:800;display:flex;gap:10px;align-items:center}.brand i{width:13px;height:13px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#e35bff);box-shadow:0 0 0 6px #eceaff}.nav nav{display:flex;gap:24px;color:var(--muted);font-size:13px;font-weight:700;flex:1}.nav button{border:1px solid var(--line);background:var(--surface);padding:10px 13px;border-radius:10px;cursor:pointer}.nav .darkbtn{background:#151522;color:#fff;border:0;margin-left:7px}.hero{max-width:1160px;width:92%;margin:auto;padding:80px 0 45px;display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:center}.hero small,.section small,.newsletter small{letter-spacing:2px;font-size:10px;font-weight:800;color:var(--accent)}h1{font:800 clamp(48px,6vw,76px)/.98 "Playfair Display",serif;letter-spacing:-2px;margin:18px 0}.hero p{color:var(--muted);font-size:18px;line-height:1.7;max-width:620px}.btn{display:inline-block;background:var(--accent);color:white;border:0;padding:12px 17px;border-radius:11px;font-weight:800;cursor:pointer;box-shadow:0 10px 30px #5b4bff33}.feature{height:410px;border-radius:27px;background-size:cover;background-position:center;background-color:#171723;position:relative;overflow:hidden}.feature:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,#000d)}.feature>div{position:absolute;z-index:1;bottom:24px;left:25px;right:25px;color:#fff}.feature h2{font:800 32px "Playfair Display";margin:8px 0}.stats{max-width:1160px;width:92%;margin:0 auto 60px;padding:23px 28px;background:var(--surface);border:1px solid var(--line);border-radius:19px;display:grid;grid-template-columns:repeat(3,1fr)}.stats b,.stats span{display:block}.stats b{font-size:25px}.stats span{font-size:11px;color:var(--muted);margin-top:5px}.section{max-width:1160px;width:92%;margin:auto;padding:20px 0 70px}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:23px}.head h2{font-size:35px;margin:7px 0 0;letter-spacing:-1px}.head input{width:250px;border:1px solid var(--line);background:var(--surface);padding:13px;border-radius:11px;outline:none}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.op,.cat{background:var(--surface);border:1px solid var(--line);border-radius:19px;overflow:hidden}.card{cursor:pointer;transition:.2s}.card:hover,.op:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pic{height:185px;background-size:cover;background-position:center}.pad{padding:19px}.pad small,.opline small{color:var(--accent);font-weight:800;text-transform:uppercase;letter-spacing:1px}.card h3,.op h3{font-family:"Playfair Display";font-size:22px;line-height:1.2;margin:9px 0}.card p,.op p{color:var(--muted);font-size:13px;line-height:1.55}.card span{color:#98a0b0;font-size:10px}.opgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.op{padding:21px;transition:.2s}.opline{display:flex;justify-content:space-between;gap:8px;font-size:10px}.opline b{color:#dc3545}.op strong{font-size:12px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}.chips span{background:var(--bg);padding:6px 8px;border-radius:7px;font-size:10px;color:var(--muted)}.apply{display:block;text-align:center;background:var(--accent);color:white;padding:10px;border-radius:9px;border:0;width:100%;font-weight:800;cursor:pointer}.catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cat{padding:22px}.cat span{display:block;color:var(--muted);font-size:11px;margin-top:5px}.newsletter{width:92%;max-width:1160px;margin:10px auto 100px;padding:40px;border-radius:25px;background:#151522;color:white}.newsletter h2{font:800 38px "Playfair Display";margin:12px 0}.newsletter p{color:#b8bbc7}.newsletter form{display:flex;max-width:550px}.newsletter input{flex:1;padding:13px;border:0;border-radius:10px 0 0 10px}.newsletter button{border:0;background:var(--accent);color:#fff;padding:0 18px;border-radius:0 10px 10px 0;font-weight:800}#submsg{display:block;margin-top:10px;color:#aaa;font-size:12px}footer{text-align:center;border-top:1px solid var(--line);padding:25px;color:var(--muted);font-size:12px}.overlay{position:fixed;inset:0;z-index:50;background:#080812aa;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:20px}.hide{display:none}.reader,.box,.admin{background:var(--surface);border-radius:23px;padding:32px;width:min(900px,100%);max-height:94vh;overflow:auto;position:relative}.box{width:410px}.x{position:absolute;right:18px;top:13px;background:none;border:0;font-size:28px;cursor:pointer}.reader h1{font:800 50px "Playfair Display";margin:10px 0}.reader img{width:100%;max-height:390px;object-fit:cover;border-radius:15px;margin:15px 0}.content{font-size:16px;line-height:1.9;color:var(--muted);margin:20px 0}.box form{display:grid;gap:12px}.box input,.formgrid input,.formgrid select,.formgrid textarea{width:100%;border:1px solid var(--line);background:var(--bg);padding:12px;border-radius:9px;font:inherit}.admin{width:min(1050px,100%)}.admin>.head{margin-bottom:25px}.admin h2{margin:5px 0}.ghost{border:1px solid var(--line);background:var(--surface);padding:10px 13px;border-radius:9px;cursor:pointer}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.formgrid label{font-size:11px;font-weight:800}.full{grid-column:1/-1}.actions{display:flex;justify-content:flex-end;gap:9px;margin:17px 0 30px}.manage{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.manage small{display:block;color:var(--muted);margin-top:4px}.manage button{border:0;background:none;color:var(--accent);font-weight:800;cursor:pointer}.manage button+button{color:#dc3545}.setup{padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:15px}code{background:var(--bg);padding:3px 6px;border-radius:5px}
body.dark{--bg:#0b0d13;--surface:#151720;--text:#f5f6fa;--muted:#a1a7b8;--line:#292c38}body.dark header{background:#0b0d13dd}
@media(max-width:800px){.hero{grid-template-columns:1fr}.grid,.opgrid{grid-template-columns:1fr 1fr}.catgrid{grid-template-columns:1fr 1fr}.nav nav{display:none}}
@media(max-width:560px){.grid,.opgrid,.catgrid,.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.hero{padding-top:45px}.hero h1{font-size:49px}.feature{height:330px}.head{align-items:stretch;flex-direction:column}.head input{width:100%}.stats{margin-bottom:30px}.newsletter{padding:28px}.newsletter form{width:100%}}