@import "https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700&display=swap";:root{--bg:#080d15;--surface:#101927;--line:#263244;--gold:#d9b56e;--ivory:#f5f0e7;--muted:#a7b0bd}*{box-sizing:border-box}body{background:var(--bg);color:#f7f4ef;margin:0;font-family:Vazirmatn,Arial,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}.nav{z-index:3;background:#080d15f2;border-bottom:1px solid #1d2838;justify-content:space-between;align-items:center;height:70px;padding:0 6vw;display:flex;position:sticky;top:0}.nav img{object-fit:contain;width:140px;height:52px}.navlinks{color:#d2d8df;gap:22px;font-size:13px;display:flex}.adminLink{color:var(--gold);border:1px solid var(--gold);border-radius:999px;padding:6px 13px;font-size:12px}.hero{background:radial-gradient(circle at 10% 10%,#243a55,#0000 40%);grid-template-columns:1fr 1fr;align-items:center;gap:5vw;min-height:560px;padding:70px 8vw;display:grid}.eyebrow{color:var(--gold);letter-spacing:.1em;font-size:12px}.hero h1{margin:15px 0;font-size:clamp(40px,6vw,78px);line-height:1.2}.hero h1 b{color:var(--gold)}.hero p{color:#f1f4f7;text-shadow:0 2px 10px #000;font-size:17px}.heroLogo{filter:drop-shadow(0 18px 28px #0008);justify-self:center;width:80%;max-width:390px}.actions{gap:10px;margin-top:24px;display:flex}.primary,.secondary{border-radius:7px;padding:11px 20px;font-size:13px;display:inline-block}.primary{background:var(--gold);color:#111820;border:1px solid var(--gold)}.secondary{border:1px solid var(--line);color:#fff}.section{padding:70px 8vw}.light{background:var(--ivory);color:#121a25}.section h2{margin:8px 0 28px;font-size:clamp(30px,4vw,50px)}.samples{grid-template-columns:1.2fr 1fr 1fr;gap:13px;display:grid}.sample{background:#182538;border-radius:10px;min-height:360px;position:relative;overflow:hidden}.sample img{object-fit:cover;width:100%;height:100%}.sample div{text-shadow:0 2px 10px #000;background:linear-gradient(#0000 0%,#0005 28%,#000 100%);padding:23px;position:absolute;inset:auto 0 0}.sample span{color:#ead08e;text-shadow:0 2px 8px #000;font-size:12px}.sample h3{color:#fff;text-shadow:0 2px 10px #000;margin:3px 0;font-size:21px}.filters{gap:9px;margin-bottom:20px;display:flex}.filters input,.filters select,.admin input,.admin select,.admin textarea{color:#fff;border:1px solid var(--line);background:#101b2a;border-radius:6px;padding:11px}.filters input{flex:1}.grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:12px}.cardVisual{aspect-ratio:9/16;color:#e4c47b;background:linear-gradient(135deg,#293f5a,#0f1825);border-radius:5px;place-items:center;font-size:32px;display:grid;overflow:hidden}.cardVisual img{object-fit:contain;width:100%;height:100%;display:block}.card h3{margin:10px 0 2px;font-size:16px}.card small{color:#d8e0e8;font-size:11px}.founder{grid-template-columns:.7fr 1.3fr;align-items:center;gap:6vw;display:grid}.founder img{object-fit:cover;border-radius:9px;width:100%;height:420px}.quote{color:#705421;font-size:25px}.footer{border-top:1px solid var(--line);color:#aab3be;padding:28px 8vw;font-size:12px}.admin{color:#141d28;background:#f1ede6;min-height:100vh}.adminHead{background:#fff;border-bottom:1px solid #d8d0c4;justify-content:space-between;align-items:center;padding:22px 6vw;display:flex}.adminHead h1{margin:0;font-size:23px}.adminHead a{color:#8b672a}.adminGrid{grid-template-columns:310px 1fr;gap:25px;max-width:1100px;margin:30px auto;padding:0 18px;display:grid}.admin aside,.editor{background:#fff;border:1px solid #ded6ca;border-radius:10px;padding:20px}.admin aside input{color:#111;background:#fff;border-color:#c9c0b4;width:100%;margin-bottom:12px}.designList{gap:5px;max-height:68vh;display:grid;overflow:auto}.designList button{text-align:right;color:#263243;background:#f7f3ed;border:1px solid #e4dbce;border-radius:5px;padding:9px}.designList button.selected{color:#e9c97e;background:#17263a}.editor{min-height:500px}.editor label{color:#5d4928;margin:15px 0 4px;font-size:13px;display:block}.editor input,.editor select,.editor textarea{color:#111;background:#fff;border-color:#c9c0b4;width:100%;margin-top:4px;display:block}.editor textarea{min-height:110px}.status{color:#58744d;font-size:13px}.empty{color:#89919a;text-align:center;padding-top:170px}@media (max-width:700px){.nav{padding:0 14px}.navlinks{display:none}.nav img{width:110px}.hero{text-align:right;grid-template-columns:1fr;padding:48px 22px 60px}.heroLogo{order:-1;max-width:240px}.hero h1{font-size:45px}.section{padding:52px 20px}.samples{grid-template-columns:1fr}.sample{min-height:300px}.grid{grid-template-columns:1fr 1fr}.founder{grid-template-columns:1fr}.founder img{height:300px}.filters{grid-template-columns:1fr;display:grid}.adminHead{display:block}.adminHead span{font-size:12px}.adminGrid{margin:15px auto;display:block}.admin aside{margin-bottom:15px}.designList{max-height:240px}.editor{min-height:450px}}@media (max-width:430px){.grid{grid-template-columns:1fr}.actions{flex-direction:column}.actions a{text-align:center}}.adminShell{color:#182332;background:#f2ede4;min-height:100vh}.adminTop{color:#f8f5ef;background:#101a28;justify-content:space-between;align-items:center;padding:25px 5vw;display:flex}.adminTop h1{margin:4px 0;font-size:28px}.adminTop small{color:#aab6c4}.back{color:#e2c27b;border:1px solid #6a7381;border-radius:6px;margin-right:7px;padding:8px 12px;font-size:12px;display:inline-block}.adminBody{grid-template-columns:220px 1fr;max-width:1300px;min-height:calc(100vh - 120px);margin:auto;display:grid}.side{background:#172436;flex-direction:column;gap:7px;padding:20px;display:flex}.side button{color:#cbd4df;text-align:right;background:0 0;border:0;border-radius:6px;padding:13px}.side button.on,.side button:hover{color:#e8c77b;background:#263a54}.adminMain{width:100%;max-width:1000px;padding:28px}.adminMain h2{margin:0 0 20px;font-size:28px}.notice{color:#315b34;background:#e6f2e5;border:1px solid #b9d5b5;border-radius:6px;margin-bottom:15px;padding:12px}.metrics{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metrics div{background:#fff;border:1px solid #dfd5c7;border-radius:8px;padding:22px}.metrics b{color:#a47c34;font-size:28px;display:block}.metrics span{color:#647080;font-size:13px}.welcome,.panel,.list{background:#fff;border:1px solid #dfd5c7;border-radius:9px;margin-top:18px;padding:22px}.welcome p{color:#637080}.split{grid-template-columns:320px 1fr;gap:16px;display:grid}.list{margin-top:0}.list input{color:#162031;background:#fff;border:1px solid #cfc4b3;border-radius:5px;width:100%;margin-bottom:10px;padding:10px}.list button{text-align:right;color:#263448;background:#f8f4ed;border:1px solid #e4dbcc;border-radius:5px;width:100%;margin:5px 0;padding:9px;display:block}.list button.picked{color:#e7c678;background:#182a40}.panel label{color:#5d4827;margin:14px 0;font-size:13px;display:block}.panel input,.panel select,.panel textarea{color:#182332;background:#fff;border:1px solid #cfc4b3;border-radius:5px;width:100%;margin-top:5px;padding:11px;display:block}.panel textarea{min-height:100px}.save{color:#ebca7e;background:#182a40;border:0;border-radius:6px;margin-top:10px;padding:12px 20px}.empty{text-align:center;color:#77818c;background:#fff;border:1px dashed #c7bba9;border-radius:8px;place-items:center;min-height:420px;display:grid}.thumb{object-fit:cover;border-radius:5px;width:130px;height:80px;margin:8px 0;display:block}@media (max-width:760px){.adminTop{padding:18px;display:block}.adminTop>div:last-child{margin-top:14px}.adminBody{display:block}.side{grid-template-columns:repeat(2,1fr);padding:10px;display:grid}.adminMain{padding:15px}.split{grid-template-columns:1fr}.list{max-height:340px;overflow:auto}.metrics{grid-template-columns:1fr 1fr}.metrics div:last-child{grid-column:span 2}}.contactBand{color:#f7f3ec;background:#111d2c;grid-template-columns:2fr repeat(3,1fr);align-items:center;gap:25px;padding:45px 8vw;display:grid}.contactBand h2{margin:5px 0;font-size:28px}.contactBand p{color:#b8c2cf;margin:0}.contactBand b,.contactBand span{display:block}.contactBand b{color:#d9b56e;margin-bottom:5px;font-size:12px}.contactBand span{color:#edf0f3;font-size:14px}@media (max-width:700px){.contactBand{grid-template-columns:1fr 1fr;gap:20px;padding:38px 20px}.contactBand>div:first-child{grid-column:span 2}}.colorFieldHead{justify-content:space-between;align-items:center;gap:12px;display:flex}.colorFieldHead>span{color:#8a6a31;align-items:center;gap:6px;font-size:11px;display:flex}.panel input[type=color]{cursor:pointer;width:38px;height:28px;padding:2px}.hint{color:#8b6b31;margin:8px 0 0;font-size:12px}.colorFieldHead>span input.colorText,.panel input[placeholder=\#RRGGBB]{text-align:left;direction:ltr;max-width:105px;padding:7px;font-family:monospace;display:inline-block}.studio{color:#f6f2e9;background:linear-gradient(135deg,#0b1421 0%,#111f31 55%,#0b121d 100%);grid-template-columns:.8fr 1.2fr;align-items:start;gap:45px;display:grid}.studioIntro{position:sticky;top:95px}.studioIntro h2{color:#fff;margin:12px 0;font-size:clamp(30px,4vw,52px);line-height:1.35}.studioIntro p{color:#d6dce4;font-size:16px;line-height:2}.studioSteps{color:#d9b56e;border-right:1px solid #d9b56e;gap:10px;margin-top:28px;padding-right:15px;font-size:13px;display:grid}.studioForm{color:#172335;background:#f8f4ed;border-radius:14px;padding:25px;box-shadow:0 20px 50px #0005}.studioGrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.studioField{margin-bottom:16px;display:block}.studioField>span,.choiceGroup legend{color:#5d4827;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.studioField input,.studioField select,.studioField textarea{color:#172335;width:100%;font:inherit;background:#fff;border:1px solid #d5cabb;border-radius:7px;padding:11px;font-size:14px}.studioField input:focus,.studioField select:focus,.studioField textarea:focus{outline-offset:1px;outline:2px solid #d9b56e}.choiceGroup{border:0;margin:6px 0 18px;padding:0}.choiceGroup legend{padding:0}.choiceGroup>div{flex-wrap:wrap;gap:8px;display:flex}.choice{cursor:pointer;position:relative}.choice input{opacity:0;pointer-events:none;position:absolute}.choice span{color:#344154;background:#fff;border:1px solid #d5cabb;border-radius:999px;padding:7px 12px;font-size:13px;transition:all .2s;display:block}.choice.active span{color:#f2d18a;background:#182a40;border-color:#182a40;box-shadow:0 4px 12px #182a4033}.fileField{color:#5d4827;border:1px dashed #c3b49f;border-radius:8px;margin:8px 0 16px;padding:13px;font-size:13px;display:block}.fileField input{width:100%;margin-top:8px;display:block}.fileField small{color:#58744d;margin-top:5px;display:block}.studioSubmit{color:#111c2b;width:100%;font:inherit;cursor:pointer;background:#c89d50;border:0;border-radius:8px;padding:14px;font-weight:700;transition:all .2s}.studioSubmit:hover{background:#e0ba72;transform:translateY(-1px)}.studioNote{text-align:center;color:#778291;margin:10px 0 0;font-size:12px}@media (max-width:900px){.studio{grid-template-columns:1fr;gap:25px}.studioIntro{position:static}.studioIntro h2{font-size:34px}.studioForm{padding:18px}}@media (max-width:520px){.studioGrid{grid-template-columns:1fr}.studio{padding:45px 16px}.studioForm{border-radius:10px}.choiceGroup>div{gap:6px}.choice span{padding:6px 9px;font-size:12px}.studioSubmit{font-size:14px}}.designCallout{color:#f7f3ec;background:#111d2c;justify-content:space-between;align-items:center;gap:25px;padding:45px 8vw;display:flex}.designCallout h2{color:#fff;margin:7px 0;font-size:clamp(28px,4vw,46px)}.designCallout p{color:#cbd4df;margin:0}.designCallout .primary{white-space:nowrap}@media (max-width:700px){.designCallout{padding:42px 20px;display:block}.designCallout .primary{text-align:center;margin-top:22px;display:block}}.adminGate{text-align:center;background:#fff;border:1px solid #dfd5c7;border-radius:12px;max-width:460px;margin:12vh auto;padding:36px 28px;box-shadow:0 18px 50px #1b27351a}.adminGate h1{color:#182a40;margin:8px 0}.adminGate p{color:#647080}.adminGate form{text-align:right;margin-top:24px}.adminGate label{color:#5d4827;display:block}.adminGate input{color:#182332;background:#fff;border:1px solid #cfc4b3;border-radius:6px;width:100%;margin-top:7px;padding:13px;display:block}.adminGate .save{cursor:pointer;width:100%}.adminGate .back{color:#8d6a2f;margin-top:18px;display:inline-block}.authError{color:#a13c3c;background:#fff0f0;border:1px solid #e5bcbc;border-radius:6px;margin-top:10px;padding:9px}
