:root{
  --bg:#070914;--bg2:#0d1022;--panel:#11162c;--panel2:#171d38;--text:#f7f3ff;--muted:#aab3cf;
  --purple:#7b3ff2;--purple2:#a44bff;--cyan:#17d9e5;--cyan2:#62f7ff;--gold:#d9a94f;--gold2:#f2d48b;
  --line:#34416a;--danger:#d65a68;--success:#3bb273;--parchment:#ead8b5;--ink:#19213a;
  --shadow:0 24px 70px rgba(0,0,0,.32);--radius:18px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:
radial-gradient(circle at 20% -10%,rgba(123,63,242,.28),transparent 28%),
radial-gradient(circle at 85% 15%,rgba(23,217,229,.16),transparent 25%),
linear-gradient(180deg,#050711 0%,#0a0d1c 45%,#090c18 100%);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,black,transparent 85%)}
a{color:#9ff8ff;text-decoration:none;transition:.18s ease}a:hover{color:white}
button,input,textarea,select{font:inherit}

/* HEADER */
.topbar{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;gap:18px;padding:10px 24px;background:linear-gradient(180deg,rgba(7,9,20,.97),rgba(8,11,24,.92));border-bottom:1px solid rgba(98,247,255,.18);box-shadow:0 14px 42px rgba(0,0,0,.25);backdrop-filter:blur(16px)}
.topbar:after{content:"";position:absolute;left:10%;right:10%;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--purple),var(--cyan),var(--gold),transparent);opacity:.8}
.brand{display:flex;gap:10px;align-items:center;min-width:0}.brand-logo{width:52px;height:46px;object-fit:contain;object-position:left center;filter:drop-shadow(0 0 14px rgba(23,217,229,.18))}.brand strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:20px;letter-spacing:.08em;text-transform:uppercase;line-height:1;background:linear-gradient(180deg,#fff6dc,#d9b66c 55%,#8eefff);-webkit-background-clip:text;background-clip:text;color:transparent}.brand small{display:block;margin-top:5px;color:var(--cyan);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:9px}
.wordmark{text-align:center;line-height:1}.wordmark b{font-family:Georgia,'Times New Roman',serif;font-size:21px;letter-spacing:.17em;color:#fff}.wordmark span{display:block;margin-top:4px;color:#b8c4df;font-size:8px;letter-spacing:.32em;text-transform:uppercase}
nav{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}nav a{padding:8px 11px;border:1px solid transparent;border-radius:10px;color:#cdd7ef;font-weight:800;font-size:12px}nav a:hover{border-color:rgba(23,217,229,.28);background:rgba(23,217,229,.07);color:#fff}

/* PAGE */
.container{max-width:1540px;margin:0 auto;padding:24px;position:relative}.page-heading{display:flex;align-items:center;gap:14px;margin:2px 0 20px}.page-heading:before{content:"";width:5px;height:38px;border-radius:5px;background:linear-gradient(var(--purple),var(--cyan));box-shadow:0 0 18px rgba(23,217,229,.35)}.page-heading h1{margin:0;font-family:Georgia,'Times New Roman',serif;font-size:28px;letter-spacing:.02em;color:#fff3d5}.lead{color:#cbd4ec;font-size:16px;line-height:1.6}
.panel{position:relative;background:linear-gradient(180deg,rgba(19,25,49,.96),rgba(12,17,34,.96));border:1px solid rgba(98,247,255,.16);border-radius:18px;padding:20px;box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden}.panel:before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(123,63,242,.08),transparent 35%,rgba(23,217,229,.05));}.panel:after{content:"";position:absolute;left:20px;right:20px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),var(--cyan),transparent);opacity:.5}.panel>*{position:relative;z-index:1}.narrow{max-width:560px;margin:64px auto}.stack{display:grid;gap:15px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-title h2,.panel h2{font-family:Georgia,'Times New Roman',serif;color:#fff1d2;letter-spacing:.01em}.muted,small{color:var(--muted)}

/* HERO */
.dashboard-hero{min-height:330px;border-radius:24px;overflow:hidden;position:relative;margin-bottom:22px;border:1px solid rgba(217,169,79,.38);box-shadow:0 28px 80px rgba(0,0,0,.35)}.dashboard-hero .hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(5,7,17,.98) 0%,rgba(5,7,17,.9) 33%,rgba(5,7,17,.25) 66%,rgba(5,7,17,.58) 100%),url('../images/hero-nexus.png');background-size:cover;background-position:center 22%}.dashboard-hero:after{content:"";position:absolute;inset:auto 0 0;height:80px;background:linear-gradient(transparent,rgba(5,7,17,.75));pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:620px;padding:38px 42px}.hero-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.hero-copy h2{margin:12px 0 8px;font-family:Georgia,'Times New Roman',serif;font-size:46px;line-height:.94;letter-spacing:.03em;background:linear-gradient(180deg,#fff7dc,#e3c17a 54%,#75f2fb);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 10px 40px rgba(0,0,0,.25)}.hero-copy h2 span{display:block;font-size:22px;color:#d5def4;-webkit-text-fill-color:#d5def4;margin-top:8px;letter-spacing:.13em;text-transform:uppercase}.hero-copy p{max-width:560px;line-height:1.55;color:#d8e0f4}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* FORMS */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid.three{grid-template-columns:repeat(3,1fr)}.span2{grid-column:span 2}.span3{grid-column:span 3}label{display:block;font-weight:800;font-size:12px;color:#dfe7fb;letter-spacing:.01em}input,textarea,select{width:100%;margin-top:7px;background:linear-gradient(180deg,#0b1020,#0a0e1b);color:#f7f8ff;border:1px solid #35436d;border-radius:11px;padding:11px 12px;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(23,217,229,.1),0 0 18px rgba(23,217,229,.08)}select option{background:#10162a}

/* BUTTONS */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 15px;border-radius:10px;border:1px solid #45527a;background:linear-gradient(180deg,#222b4b,#161e36);color:white;cursor:pointer;font-weight:900;box-shadow:0 7px 20px rgba(0,0,0,.18);transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:#6b80ad;background:linear-gradient(180deg,#2a355a,#1b2440);color:white}.btn.primary{background:linear-gradient(135deg,#6a32d6,#7444ef 45%,#1689a9);border-color:#9e75ff;box-shadow:0 10px 28px rgba(90,49,196,.24),inset 0 1px 0 rgba(255,255,255,.16)}.btn.primary:hover{filter:brightness(1.08)}

/* NOTICES */
.flash{padding:12px 14px;border-radius:10px;margin:12px 0}.flash.success{background:rgba(59,178,115,.15);border:1px solid #3bb273}.flash.error{background:rgba(214,90,104,.15);border:1px solid #d65a68}.notice{padding:13px;border-radius:10px;background:#15213a;border:1px dashed #526c9a;color:#d1daee}

/* DASHBOARD STATS */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat{position:relative;background:linear-gradient(160deg,#151d38,#0d1327);border:1px solid rgba(98,247,255,.14);border-radius:16px;padding:18px 18px 16px;overflow:hidden;box-shadow:0 16px 42px rgba(0,0,0,.2)}.stat:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--cyan),var(--gold))}.stat strong{display:block;font-size:34px;color:#fff3d2;font-family:Georgia,'Times New Roman',serif}.stat span{color:#aebad5;font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.quick{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}

/* TABLE / COLLECTION */
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px;border-bottom:1px solid #2a3456;text-align:left}th{color:#fff1d4;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.badge{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;background:#1d2947;border:1px solid #34486e;color:#d9e9ff;font-size:11px;font-weight:800}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto auto;gap:10px}.card-grid-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card-list-item{position:relative;display:grid;grid-template-columns:96px 1fr auto;gap:16px;align-items:center;background:linear-gradient(150deg,rgba(20,27,52,.96),rgba(10,15,30,.98));border:1px solid color-mix(in srgb,var(--item-primary,#17d9e5) 32%,#2e3858);border-radius:17px;padding:13px;overflow:hidden;box-shadow:0 16px 45px rgba(0,0,0,.22)}.card-list-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--item-primary,#17d9e5),var(--item-accent,#d9a94f))}.mini-art{width:96px;height:122px;background:linear-gradient(135deg,var(--item-secondary,#22113f),#0d6370);border:2px solid var(--item-accent,#d9a94f);border-radius:11px;overflow:hidden;display:grid;place-items:center;font-size:30px;box-shadow:0 0 0 2px rgba(123,63,242,.22),0 12px 30px rgba(0,0,0,.28)}.mini-art img{width:100%;height:100%;object-fit:cover}.card-list-item h3{font-family:Georgia,'Times New Roman',serif;margin:4px 0;color:#fff0d4;font-size:20px}.card-list-item p{margin:4px 0 10px;color:#b9c4dc}.actions{display:flex;gap:7px;flex-direction:column}

/* STUDIO */
.studio-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(390px,.85fr);gap:20px;align-items:start}.studio-form,.studio-preview{min-width:0}.tabs-panel{padding:0;overflow:visible}.tabs{display:flex;gap:0;flex-wrap:wrap;padding:12px 12px 0;border-bottom:1px solid #2d3a61;background:linear-gradient(180deg,rgba(22,28,55,.9),rgba(14,19,38,.95));border-radius:18px 18px 0 0}.tab{border:0;border-bottom:3px solid transparent;background:transparent;color:#aebbd6;padding:11px 13px;cursor:pointer;font-weight:900;font-size:12px}.tab.active{color:white;border-color:var(--cyan);background:linear-gradient(180deg,rgba(123,63,242,.16),transparent)}.tab-pane{display:none;padding:20px}.tab-pane.active{display:block}.tab-pane h2{margin-top:0}.lock-toggle{display:inline-flex;margin-left:6px;vertical-align:middle;cursor:pointer}.lock-toggle input{display:none}.lock-toggle span{opacity:.28;filter:grayscale(1)}.lock-toggle input:checked+span{opacity:1;filter:none;text-shadow:0 0 8px rgba(23,217,229,.35)}.sticky-save{position:sticky;bottom:10px;z-index:30;display:flex;gap:8px;background:rgba(7,9,20,.96);border:1px solid #35426c;padding:10px;border-radius:14px;backdrop-filter:blur(12px);box-shadow:0 15px 40px rgba(0,0,0,.35)}
.preview-sticky{position:sticky;top:88px;background:radial-gradient(circle at 50% 15%,rgba(23,217,229,.08),transparent 38%),linear-gradient(180deg,#080b18,#0a0d19);border:1px solid rgba(217,169,79,.24);border-radius:20px;padding:12px;min-height:760px;box-shadow:var(--shadow)}.preview-sticky:before{content:"PREVIEW OFICIAL • TEMPLATE DO ELEMENTO";display:block;text-align:center;color:#aab5ce;font-size:9px;letter-spacing:.22em;font-weight:900;padding:3px 0 10px}.preview-sticky iframe{width:100%;height:820px;border:0;border-radius:12px;background:#070914}.empty-preview{min-height:650px;display:grid;place-content:center;text-align:center;color:var(--muted);gap:8px}.empty-preview strong{color:#fff1d0;font-family:Georgia,'Times New Roman',serif;font-size:24px}.current-art img{max-width:280px;border-radius:12px;border:1px solid #43547e;box-shadow:0 14px 35px rgba(0,0,0,.25)}
.free-ai-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.free-ai-steps>div{padding:11px;background:linear-gradient(160deg,#111a32,#0c1226);border:1px solid #33446f;border-radius:10px;color:#d0dbf0}.free-ai-steps b{color:#7ef3f7}

/* TEMPLATE GALLERY */
.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.template-card{position:relative;background:linear-gradient(155deg,#151d38,#0b1021);border:1px solid color-mix(in srgb,var(--p) 36%,#33405f);border-radius:18px;padding:14px;overflow:hidden;box-shadow:0 18px 48px rgba(0,0,0,.22)}.template-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--p) 16%,transparent),transparent 34%)}.template-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid color-mix(in srgb,var(--p) 38%,#34405f);padding-bottom:10px;position:relative;z-index:1}.template-top>span{font-size:28px;color:var(--a);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#0b1324;border:2px solid var(--p);box-shadow:0 0 18px color-mix(in srgb,var(--p) 28%,transparent)}.template-top h3{margin:0;font-family:Georgia,'Times New Roman',serif;color:#fff1d0}.template-top small{color:#9da9c5}.template-mini{position:relative;margin:14px auto 10px;width:205px;aspect-ratio:63/88;border:3px solid var(--a);box-shadow:0 0 0 3px var(--p),0 17px 38px rgba(0,0,0,.36);border-radius:15px;background:linear-gradient(180deg,var(--s),#08101f);padding:7px;display:grid;grid-template-rows:10% 36% 11% 12% 15% 16%;gap:4px;z-index:1}.tm-head{background:linear-gradient(90deg,#0c1323,var(--p),#0c1323);border-radius:4px}.tm-art{background:linear-gradient(135deg,color-mix(in srgb,var(--p) 80%,#17233d),transparent),radial-gradient(circle at 65% 35%,var(--a),transparent 22%),#1f2944;border-radius:5px;position:relative;overflow:hidden}.tm-art:after{content:"";position:absolute;inset:0;opacity:.35;background-size:24px 24px;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px)}.tm-title,.tm-text,.tm-question{background:linear-gradient(180deg,#f0dfbd,#d8c298);border:1px solid var(--a);border-radius:5px}.tm-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.tm-stats i{background:#0b1d2f;border:1px solid var(--p);border-radius:4px}.template-card p{font-size:12px;color:#b9c5dc;margin:6px 0;position:relative;z-index:1}

/* LOGIN / INSTALL */
.install-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.install-card{max-width:780px;width:100%}.auth-intro{text-align:center;margin-bottom:18px}.auth-intro h2{font-size:31px;margin-bottom:6px}.auth-intro p{color:#aab6cf}
.footer{color:#7482a1;text-align:center;padding:28px;font-size:11px;letter-spacing:.08em}.preview-page{background:#070b14}.preview-toolbar{position:fixed;top:14px;left:14px;z-index:10;display:flex;gap:8px}

/* RESPONSIVE */
@media(max-width:1180px){.card-grid-list{grid-template-columns:1fr}.studio-layout{grid-template-columns:1fr}.studio-preview{order:-1}.preview-sticky{position:relative;top:0;min-height:0}.preview-sticky iframe{height:720px}.template-grid{grid-template-columns:repeat(2,1fr)}.topbar{grid-template-columns:1fr auto}.wordmark{display:none}}
@media(max-width:760px){.topbar{grid-template-columns:1fr;padding:10px 12px}.topbar nav{justify-content:flex-start;gap:4px;overflow:auto;flex-wrap:nowrap}.topbar nav a{white-space:nowrap;padding:7px 8px}.container{padding:12px}.page-heading h1{font-size:24px}.dashboard-hero{min-height:440px}.dashboard-hero .hero-bg{background-image:linear-gradient(180deg,rgba(5,7,17,.96) 0%,rgba(5,7,17,.84) 55%,rgba(5,7,17,.42) 100%),url('../images/hero-nexus.png');background-position:center top}.hero-copy{padding:26px 22px}.hero-copy h2{font-size:38px}.stats{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr}.card-list-item{grid-template-columns:78px 1fr}.mini-art{width:78px;height:104px}.actions{grid-column:1/-1;flex-direction:row}.form-grid,.form-grid.three{grid-template-columns:1fr}.span2,.span3{grid-column:span 1}.free-ai-steps{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr}.preview-sticky iframe{height:640px}.tabs{overflow:auto;flex-wrap:nowrap}.tab{white-space:nowrap}.sticky-save{overflow:auto}}