@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&family=Cormorant+Garamond:wght@400;500;600;700&display=swap');
:root{--bg:#061914;--ink:#fff0c7;--gold:#efc36b;--green:#0b4538;--mist:#bfd9ca;--edge:#d3a65d;--night:#03100e;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 12%,#184b42 0,transparent 45%),linear-gradient(130deg,#031b19,#0c171c 68%,#040b0d);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif}button,input,textarea,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ffd783;outline-offset:3px}button:disabled{opacity:.5}img{display:block;max-width:100%}button,select,input,textarea{border-radius:inherit}.topbar{height:64px;max-width:1190px;margin:0 auto;padding:0 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.signature{display:flex;gap:10px;align-items:center;font-size:14px}.signature b,.signature small{display:block}.signature small{font:italic 13px Georgia;color:var(--gold)}.brand-star{font-size:31px;color:var(--gold);filter:drop-shadow(0 0 12px #ffdc7a)}.header-actions{display:flex;gap:8px}.tiny{border:1px solid #b48a4c;background:#09271fcc;color:#f7e1b7;padding:9px 14px;border-radius:30px;font-size:12px}.tiny.gold{background:linear-gradient(120deg,#6e5128,#ce9d4f);color:#fff}.visualArea{display:grid;grid-template-columns:minmax(0,385px) minmax(0,660px);justify-content:center;align-items:center;gap:30px;margin:auto;padding:12px 20px 0;max-width:1190px;direction:ltr}.desktopAside{direction:rtl;padding:20px 0}.overline{color:var(--gold);font-size:10px;letter-spacing:.19em}.desktopAside h1{font-size:clamp(39px,4vw,65px);line-height:1.35;margin:16px 0 22px}.desktopAside em{font:italic .93em Georgia,serif;color:#e5bb83}.desktopAside p{font-size:15px;line-height:2;color:#d2d8c7}.desktopAside .hint{font-size:11px;opacity:.64;margin-top:32px}.action{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:14px 20px;border-radius:30px;background:linear-gradient(90deg,#e9b963,#ffdfa0);color:#15231b;font-weight:700}.action.ghost{color:#ffdfae;background:#0d4437;border:1px solid #ad8c51}.approvedStage{position:relative;width:100%;max-width:570px;aspect-ratio:941/1672;container-type:inline-size;isolation:isolate;margin-inline:auto;box-shadow:0 26px 65px #0008;border-radius:50px;overflow:hidden}.approvedArt{width:100%;height:100%;object-fit:fill;user-select:none;-webkit-user-drag:none}.hotspots{position:absolute;inset:0}.hot{position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);width:calc(var(--w)*1%);height:calc(var(--h)*1%);background:transparent;border:0;outline-offset:1px;border-radius:14px;touch-action:manipulation}.hot:hover{background:#f8d37c1b;box-shadow:inset 0 0 0 1px #e0bd6877}.hot:active{background:#ffe6a235}.reality-note{max-width:850px;margin:10px auto 54px;display:flex;gap:12px;align-items:start;padding:10px 20px;color:#9fb1a7;font-size:12px;line-height:1.75}.reality-note span{font-size:24px;color:#eec46b}.reality-note p{margin:0}.section{padding:80px 6%;max-width:1210px;margin:auto}.section h2{font-size:clamp(30px,4vw,55px);line-height:1.4;margin:5px 0 10px}.intro{max-width:820px;color:#c0cdbc;line-height:2;font-size:14px}.chapterGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px}.chapter{min-height:170px;text-align:right;background:radial-gradient(circle at 22% 0,#37645755,transparent 70%),linear-gradient(125deg,#0e332d,#091b1a);border:1px solid #b5925666;border-radius:21px;padding:21px 18px;color:var(--ink);display:flex;flex-direction:column;gap:13px;transition:transform .18s,border-color .18s}.chapter:hover{transform:translateY(-4px);border-color:var(--gold)}.chapter-icon{font-size:30px;color:var(--gold)}.chapter b{font-size:15px}.chapter small{font-size:11px;color:#b7c9bc}.alt-section{max-width:none;background:linear-gradient(145deg,#07221f,#07141a);padding-inline:max(6%,calc((100vw - 1070px)/2))}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:22px}.photos figure{margin:0;border:1px solid #567969;border-radius:18px;overflow:hidden;background:#132820}.photos img{width:100%;aspect-ratio:1;object-fit:cover}.photos figcaption{padding:10px 14px;font-size:12px;color:#e8d6b2}.linkGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:27px}.linkCard{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:20px;background:#10332a;border:1px solid #b9a17877;min-height:172px}.linkCard:hover{background:#174d3c}.linkCard>span{font-size:28px;color:var(--gold)}.linkCard b{font-size:15px}.linkCard small{color:#b4caba;line-height:1.6}footer{padding:28px 6%;display:flex;gap:22px;justify-content:space-between;flex-wrap:wrap;max-width:1200px;margin:auto;border-top:1px solid #886b4566;color:#96b19d;font-size:11px}footer div{display:flex;gap:18px}
.overlay[hidden]{display:none}.overlay{position:fixed;inset:0;z-index:100;background:#000c;backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;padding:16px}.modal{background:linear-gradient(155deg,#0b332d,#071716);border:1px solid #deb46c88;color:#fff0d4;border-radius:24px;width:min(100%,610px);max-height:min(91dvh,920px);overflow:auto;position:relative;box-shadow:0 30px 120px #000d,0 0 38px #cba25b24;padding:28px 26px 34px;direction:rtl}.modalClose{float:left;background:#264f42;border:1px solid #ddb46c77;color:#ffe4ab;width:39px;height:39px;border-radius:50%;font-size:25px}.modal h2{font-size:26px;margin:14px 0}.modal h3{font-size:15px;color:#e7c281;margin-top:24px}.modal p{line-height:2;color:#c7dac9;font-size:14px}.modal .source-note{background:#193f34;border-right:3px solid #e1bf7e;padding:13px;border-radius:8px;margin:15px 0;font-size:12px;line-height:1.9}.modal .source-note a{text-decoration:underline;color:#ffdda5}.modal .ask{margin-top:20px;border-top:1px solid #b08f5f66;padding-top:16px}.modal .form-row{display:flex;gap:8px}.modal input,.modal textarea{width:100%;min-height:43px;background:#0b2b25;border:1px solid #9a8a5d;color:#fff1d1;border-radius:10px;padding:11px;font-size:15px}.modal .primary{border:0;background:linear-gradient(130deg,#ffdda2,#d3a045);color:#153024;border-radius:13px;padding:12px 17px;font-weight:700}.modal .secondary{border:1px solid #b5a16a;background:#184238;color:#fce9c0;border-radius:13px;padding:12px 14px}.modal .modalActions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.modal .modalActions>*{flex:1;min-width:115px;text-align:center}.modal .answer{margin-top:12px;border:1px solid #5c876f;border-radius:10px;padding:12px;line-height:1.9;font-size:13px;white-space:pre-wrap}.modal .qrImage{width:min(100%,310px);margin:20px auto;background:#fffae8;border-radius:22px;padding:12px}.modal .menu-links{display:grid;gap:10px;margin:25px 0}.modal .menu-links a,.modal .menu-links button{background:#144333;color:#ffdfab;text-align:right;padding:14px;border:1px solid #8f885788;border-radius:12px;font-weight:600}.modal .mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:18px}.modal .mini-grid button{padding:14px 12px;background:#184638;border:1px solid #b59a6177;color:#fbe5b6;border-radius:11px;text-align:right}.modal .mini-grid small{display:block;color:#adc7b0;font-size:10px;margin-top:7px}.modal .mini-grid b{font-size:13px}
@media(max-width:850px){.topbar{display:none}.visualArea{display:block;max-width:570px;padding:0;margin:auto}.desktopAside{display:none}.approvedStage{max-width:none;width:100%;border-radius:0;box-shadow:none}.reality-note{margin:8px auto 20px}.section{padding:45px 20px}.chapterGrid,.linkGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.photos{gap:6px}.hot{border-radius:5px}.modal{padding:20px 17px;border-radius:23px 23px 0 0;max-height:92dvh}.overlay{padding:0;align-items:end}}@media(max-width:420px){.chapterGrid,.linkGrid{gap:9px}.chapter{padding:17px 12px;min-height:147px}.chapter b,.linkCard b{font-size:13px}.section h2{font-size:29px}.linkCard{padding:16px 13px}.modal .mini-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}