:root{--bg:#f6f7fb;--card:#fff;--text:#111827;--muted:#667085;--line:#e6e9f0;--brand:#6d5dfc;--brand2:#24b8ff;--dark:#0d1220}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text)}a{color:inherit}.wrap{width:min(1180px,calc(100% - 32px));margin:auto}
.top{background:#0d1220;color:#fff}.nav{height:76px;display:flex;justify-content:space-between;align-items:center;gap:20px}.logo img{width:188px;height:auto;display:block}.menu{display:flex;gap:18px;align-items:center}.menu a{text-decoration:none;color:#d9dfeb;font-weight:700}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:0;border-radius:12px;text-decoration:none;font-weight:800;cursor:pointer;background:#fff}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}.btn.dark{background:#111827;color:#fff}.btn.ghost{background:#fff;border:1px solid var(--line)}
.hero{background:radial-gradient(circle at 78% 13%,#24336c 0,transparent 34%),linear-gradient(135deg,#0b1020,#101b37 65%,#0b283d);color:white;padding:84px 0 92px;border-radius:0 0 38px 38px}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:900;color:#8ed8ff}.hero h1{font-size:clamp(50px,7vw,80px);line-height:.98;letter-spacing:-.055em;margin:16px 0}.hero h1 span{background:linear-gradient(90deg,#b1a6ff,#80dcff);-webkit-background-clip:text;color:transparent}.hero p{font-size:19px;color:#c7d0df;line-height:1.7}.mock{background:#ffffff10;border:1px solid #ffffff20;border-radius:28px;padding:22px;backdrop-filter:blur(14px)}.mockin{background:#fff;color:#111827;border-radius:20px;padding:20px}.mockrow{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #eee}.mockicon{width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand2))}
.section{padding:76px 0}.section h2{font-size:clamp(34px,5vw,50px);letter-spacing:-.04em;margin:0 0 10px}.lead{font-size:18px;color:var(--muted);line-height:1.7;max-width:800px}.grid3,.grid4{display:grid;gap:18px;margin-top:32px}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}
.card,.price,.panel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 35px #11182708}.card p,.price p{color:var(--muted);line-height:1.6}.badge{display:inline-block;background:#efedff;color:#5544da;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900}.price strong{display:block;font-size:40px;margin:14px 0}.price ul{padding-left:20px;color:#475467;line-height:1.9}.price.popular{border:2px solid var(--brand);transform:translateY(-5px)}
.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.authbrand{background:linear-gradient(145deg,#0d1220,#162346);color:#fff;padding:56px;display:flex;flex-direction:column;justify-content:space-between}.authbrand img{width:220px;height:auto;display:block}.authbrand h1{font-size:52px;line-height:1.02;letter-spacing:-.05em}.authmain{display:grid;place-items:center;padding:30px}.formcard{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:0 18px 60px #10182812}
.field{margin:15px 0}.field label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #d7dce4;border-radius:11px;font:inherit;outline:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand);box-shadow:0 0 0 3px #6d5dfc14}.notice{padding:12px 14px;border-radius:10px;margin:12px 0}.notice.success{background:#ecfdf3;color:#067647}.notice.error{background:#fef3f2;color:#b42318}
.dash{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#0e1320;color:#d7dce6;padding:24px 18px;position:sticky;top:0;height:100vh}.sidebar img{width:180px;height:auto;display:block;margin:5px 8px 24px}.sidenav a{display:block;text-decoration:none;padding:12px 14px;border-radius:10px;margin:4px 0;color:#cfd5df}.sidenav a.active,.sidenav a:hover{background:#ffffff12;color:#fff}.content{padding:34px}.head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.stat b{font-size:30px;display:block}.stat span{color:var(--muted);font-size:13px}.twocol{display:grid;grid-template-columns:1fr 330px;gap:18px;margin-top:18px}.help{background:linear-gradient(180deg,#f4f1ff,#eef8ff);border:1px solid #d9dbff;border-radius:20px;padding:20px;position:sticky;top:20px;height:max-content}.help p{color:#475467;line-height:1.6}
.table{width:100%;border-collapse:collapse;background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.table th,.table td{padding:14px;text-align:left;border-bottom:1px solid var(--line);font-size:14px}.table th{background:#fafbfc;color:#667085}.status{font-size:12px;font-weight:900;padding:5px 8px;border-radius:999px;background:#f2f4f7}.status.active,.status.published{background:#ecfdf3;color:#067647}.status.pending{background:#fffaeb;color:#b54708}
.markethero{padding:62px 0;background:linear-gradient(135deg,#111827,#16243d);color:#fff}.search{width:min(650px,100%);padding:15px 18px;border:0;border-radius:14px;font:inherit}.marketgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:36px 0 70px}.marketcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;gap:16px;text-decoration:none}.appicon{width:72px;height:72px;border-radius:18px;background:linear-gradient(135deg,var(--brand),var(--brand2));display:grid;place-items:center;color:#fff;font-weight:900;font-size:30px}.footer{background:#0e1320;color:#aeb7c6;padding:32px 0}.footer .wrap{display:flex;justify-content:space-between}
@media(max-width:900px){.hero-grid,.auth,.twocol{grid-template-columns:1fr}.authbrand{display:none}.grid4{grid-template-columns:repeat(2,1fr)}.grid3,.marketgrid{grid-template-columns:repeat(2,1fr)}.dash{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.sidenav{display:flex;overflow:auto}.sidenav a{white-space:nowrap}.stats{grid-template-columns:repeat(2,1fr)}.content{padding:20px}.help{position:relative}.mock{display:none}}
@media(max-width:620px){.menu a:not(.btn){display:none}.grid4,.grid3,.marketgrid,.stats{grid-template-columns:1fr}.hero h1{font-size:47px}.head{align-items:flex-start;flex-direction:column}.footer .wrap{flex-direction:column;gap:8px}}
/* NovApps PWA education section */
.pwa-explain{background:linear-gradient(180deg,#fff,#f6f7fb)}
.pwa-steps{margin-bottom:22px}
.pwa-steps .card{position:relative;overflow:hidden}
.pwa-steps .card h3{font-size:23px;margin:16px 0 8px}
.pwa-compare{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.pwa-compare>div{background:#0e1320;color:#fff;border-radius:24px;padding:30px}
.pwa-compare>div+div{background:linear-gradient(145deg,#171d31,#162b48)}
.pwa-compare h3{font-size:28px;margin:15px 0 10px}
.pwa-compare p,.pwa-compare li{color:#cbd3df;line-height:1.7}
.pwa-compare ul{padding-left:20px;margin:18px 0}
.pwa-compare .btn{margin-top:8px}
@media(max-width:900px){.pwa-compare{grid-template-columns:1fr}}
.hero .btn.ghost{
    background:#fff;
    color:#24b8ff;
    border:none;
    font-weight:900;
}