@font-face{font-family:Sanad;src:local('Tahoma')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#fafbf8;color:#203a36;font-family:Sanad,Tahoma,Arial,sans-serif;font-size:15px;line-height:1.8}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b99d58;outline-offset:3px}[hidden]{display:none!important}.header{height:92px;display:flex;align-items:center;justify-content:space-between;max-width:1320px;margin:auto;padding:0 48px;border-bottom:1px solid #e3e9e2;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:29px;font-weight:bold}.brand-icon{background:#17483e;color:white;width:39px;height:43px;border-radius:13px 13px 4px 13px;display:inline-grid;place-items:center;font-size:26px}.brand-caption{font-size:11px;font-weight:normal;border-right:1px solid #cdd7cf;padding-right:13px;margin-right:5px;color:#78847b}nav{display:flex;gap:30px;align-items:center;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#174e43;color:white;padding:14px 25px;border:1px solid #174e43;border-radius:8px;font-size:14px;font-weight:bold;transition:transform .2s,background .2s}.button:hover{background:#236555;transform:translateY(-2px)}.button.small{font-size:12px;padding:10px 18px}.button.secondary{background:white;color:#23483e;border-color:#d8e2db}.text-btn{background:none;border:0;color:inherit;font-size:12px;padding:5px}.hero{max-width:1320px;margin:auto;padding:74px 48px 78px;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.4px;font-weight:bold;color:#527266;display:flex;gap:8px;align-items:center}.dot,.live-dot{height:6px;width:6px;display:inline-block;background:#488875;border-radius:50%}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(34px,4vw,56px);line-height:1.5;letter-spacing:-1.8px;margin:20px 0}.hero em{font-style:normal;color:#3d7966;position:relative}.hero em:after{content:'';height:7px;position:absolute;bottom:-9px;left:0;right:0;border-top:2px solid #bdac71;border-radius:50%}.hero-copy>p{max-width:450px;color:#74817a;font-size:15px;line-height:2.1;margin:25px 0}.hero-actions{display:flex;gap:25px;align-items:center;margin:28px 0}.quiet-link{font-size:13px}.benefits{display:flex;gap:18px;color:#7d8980;font-size:10px}.hero-art{height:420px;position:relative;direction:rtl}.orbit{position:absolute;width:370px;height:370px;border:1px solid #dce5d9;background:#f0f4eb;border-radius:50%;top:20px;left:30px}.orbit:after{content:'';position:absolute;inset:-25px;border:1px dashed #e1e6d9;border-radius:50%}.hero-paper{background:white;box-shadow:0 18px 45px #2b463321;position:absolute;border:1px solid #e5e7df}.hero-paper.front{width:264px;height:337px;left:34px;top:47px;transform:rotate(-8deg);padding:29px 24px}.hero-paper.back{width:237px;height:300px;left:206px;top:18px;transform:rotate(12deg);text-align:center;padding:25px;color:#8f7846;outline:1px solid #cabc92;outline-offset:-13px}.certificate-mark{font-size:40px}.back h3{font-family:serif;font-size:21px;margin:15px 0}.back small{font-size:10px}.seal{font-size:43px;margin-top:28px}.mini-top{display:flex;gap:12px;align-items:center}.mini-top h3{font-size:15px;margin:0}.mini-top small{font-size:8px;color:#6f877d}.avatar{width:40px;height:40px;border-radius:50%;background:#e4eee5;display:grid;place-items:center;font-size:12px}.paper-rule{height:2px;background:#235b4d;margin:20px 0}.mini-columns{display:grid;grid-template-columns:1fr 1.8fr;gap:20px}.mini-columns b{font-size:9px;display:block;margin:14px 0 7px}.fake-line{height:4px;background:#e2e8e3;margin:8px 0;width:100%;border-radius:3px}.fake-line.short{width:65%}.floating-note{position:absolute;top:-8px;left:15px;background:#fff;box-shadow:0 5px 25px #2433220a;border:1px solid #e2e7dc;padding:7px 15px;border-radius:20px;z-index:2;font-size:10px}.floating-note span{color:#ac965d;font-size:19px;margin-left:8px}.format-badge{position:absolute;bottom:6px;left:156px;background:#fff;border:1px solid #e2e8df;border-radius:10px;box-shadow:0 8px 30px #28452b12;z-index:3;display:flex;align-items:center;gap:12px;padding:12px 20px;white-space:nowrap;font-size:11px}.format-badge>span{width:32px;height:32px;background:#e6f0e4;display:grid;place-items:center;color:#40764e;border-radius:8px;font-size:21px}.format-badge small{display:block;color:#90988e;letter-spacing:2px;font-size:8px}.library{background:#f0f3ed;border-top:1px solid #e3e8de;border-bottom:1px solid #e3e8de;padding:60px max(48px,calc((100% - 1224px)/2)) 70px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}h2{font-size:27px;line-height:1.6;letter-spacing:-.7px;margin:9px 0}.section-heading p{color:#7c897f;font-size:12px;margin:8px 0}.search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #dbe1d5;border-radius:8px;padding:8px 13px;min-width:265px}.search span{font-size:25px;color:#79867c}.search input{border:0;background:transparent;outline:0;width:100%;font-size:12px;color:#254237}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.filter-row button{border:1px solid #dce3d7;border-radius:30px;padding:7px 19px;background:transparent;font-size:12px;color:#728074}.filter-row button.active{background:#244d40;border-color:#244d40;color:white}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:23px}.card{background:#fff;border:1px solid #e0e6da;border-radius:12px;overflow:hidden;text-align:right;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #23462e12}.card-preview{height:233px;position:relative;overflow:hidden;background:#e5ebe3;padding:25px 30px 0;display:flex;justify-content:center}.card:nth-child(3n+2) .card-preview{background:#eee9df}.card:nth-child(3n+3) .card-preview{background:#e4e9eb}.thumb{background:#fff;width:158px;min-width:158px;height:226px;box-shadow:0 8px 13px #273b2420;padding:21px 17px;color:var(--thumb-color,#245247);text-align:right}.thumb h4{font-size:13px;margin:0 0 3px}.thumb small{font-size:6px;display:block}.thumb b{font-size:7px;display:block;margin:12px 0 5px}.thumb .fake-line{height:3px;margin:6px 0}.thumb.certificate{text-align:center;border:4px double #aa945f;padding-top:30px}.thumb.certificate h4{font-family:serif;font-size:18px}.thumb.certificate .fake-line{margin:10px auto}.thumb.letter h4{text-align:center;margin:15px 0 25px}.thumb.modern{border-right:32px solid var(--thumb-color,#245247);padding:18px 11px}.thumb.minimal{border-top:6px solid var(--thumb-color,#245247)}.tag{position:absolute;top:12px;right:12px;padding:2px 8px;background:#ffffffd9;border-radius:5px;font-size:8px;color:#65755e}.card-content{padding:17px}.card-content h3{font-size:14px;margin:0 0 5px}.card-content p{font-size:10px;color:#849082;margin-bottom:16px}.card-bottom{display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#8b9588}.card-bottom button{border:0;background:#eef4ec;color:#345c45;padding:5px 12px;border-radius:5px;font-size:10px;font-weight:bold}.how{max-width:1320px;margin:auto;padding:76px 48px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:38px}.how h2{font-size:23px}.step>span{color:#92a78f;font-size:23px;font-family:Georgia,serif}.step h3{font-size:14px;margin:10px 0}.step p{font-size:12px;color:#7c897a}.header+main{}footer{max-width:1320px;margin:auto;padding:30px 48px;display:flex;align-items:center;gap:30px;border-top:1px solid #e3e9df}footer p{font-size:11px;color:#7b8a7c;margin:0}footer>span{margin-right:auto;font-size:10px;color:#8c9689}#editor{max-width:1320px;padding:30px 48px;margin:auto}.editor-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.editor-heading h1{font-size:24px;margin:7px 0}.local-label{font-size:11px;color:#678573}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:25px}.form-panel{border:1px solid #dfe6da;border-radius:12px;background:white;padding:22px;height:fit-content}.panel-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ece2;padding-bottom:15px;margin-bottom:18px;font-size:13px}.form-panel label{display:block;font-size:12px;color:#576a5c;margin-bottom:15px}.form-panel input:not([type=checkbox]):not([type=color]),.form-panel textarea,.form-panel select{display:block;width:100%;border:1px solid #dce4d7;border-radius:6px;background:#fcfdfb;padding:9px 11px;font-size:13px;color:#264936;margin-top:5px}.form-panel textarea{min-height:94px;resize:vertical}.appearance{border-top:1px solid #e5eade;margin:22px 0;padding-top:20px}.appearance b{display:block;font-size:13px;margin-bottom:16px}.appearance label{display:flex;justify-content:space-between;align-items:center}.appearance select{width:120px}.appearance input[type=color]{border:0;background:none;width:70px;height:35px}.remember{display:flex!important;align-items:center;gap:8px;margin-bottom:0!important}.form-hint{font-size:10px;color:#89947f;margin-bottom:10px}.danger{color:#a3614d}.preview-panel{min-width:0;background:#e8ece5;border:1px solid #dde3d7;border-radius:12px;overflow:hidden}.preview-toolbar{display:flex;justify-content:space-between;padding:13px 20px;font-size:12px;background:#f6f8f3;border-bottom:1px solid #dce3d7}.preview-toolbar small{color:#8b9683}.paper-scroll{padding:28px;overflow:auto;max-height:970px;direction:ltr}.document{--accent:#176459;--doc-size:16px;direction:rtl;background:white;color:#293b36;width:794px;min-height:1123px;padding:68px 65px;box-shadow:0 5px 20px #34512a12;font-family:Tahoma,Arial,sans-serif;font-size:var(--doc-size);line-height:2;overflow-wrap:anywhere;text-align:right}.document h1{color:var(--accent);font-size:2em;margin:0 0 4px;line-height:1.6}.document .subtitle{color:var(--accent);font-size:1.05em;margin-bottom:18px}.document h2{font-size:1.1em;border-bottom:1px solid #e0e5e0;color:var(--accent);padding-bottom:7px;margin:24px 0 10px;letter-spacing:0;break-after:avoid}.document p{white-space:pre-wrap;margin-bottom:15px}.document .contact{font-size:.8em;color:#61736c;border-bottom:3px solid var(--accent);padding-bottom:20px}.document.modern{border-right:20px solid var(--accent)}.document.minimal{border-top:12px solid var(--accent)}.document.certificate{text-align:center;border:12px double var(--accent);padding:95px 70px}.document.certificate h1{margin:40px 0 25px;font-family:Georgia,Tahoma,serif;font-size:2.9em}.document.certificate .recipient{font-size:2em;color:var(--accent);margin:30px 0}.document .cert-symbol{font-size:60px;color:var(--accent)}.document .signature{margin-top:65px;display:flex;justify-content:space-between;gap:30px;white-space:pre-wrap}.document.letter h1{text-align:center;margin:65px 0 45px;font-size:1.8em}.document.letter p{line-height:2.4}.preview-note{font-size:10px;color:#778672;text-align:center;margin:10px}.export-bar{position:sticky;bottom:12px;border:1px solid #d4dfd0;background:#fffffff5;box-shadow:0 5px 35px #234a2815;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px 22px;margin:24px 0;z-index:5}.export-bar b{font-size:12px}.export-bar small{display:block;font-size:10px;color:#87957e}.export-buttons{display:flex;gap:8px}.export-buttons .button{padding:10px 16px;font-size:12px;gap:5px}button:disabled{opacity:.55;cursor:wait}.close{position:absolute;left:15px;top:10px;font-size:25px;border:0;background:none;color:#66806d}dialog{border:1px solid #dde6d7;border-radius:15px;padding:40px;max-width:490px;color:#294c37;background:#fff;box-shadow:0 20px 80px #173b3226}dialog::backdrop{background:#12362b66;backdrop-filter:blur(4px)}dialog p{font-size:14px;white-space:pre-line}#modal-actions{display:flex;gap:10px;flex-wrap:wrap}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:#214e3f;color:white;padding:12px 24px;z-index:20;border-radius:8px;max-width:90vw;font-size:13px;display:none}@media(min-width:1500px){.paper-scroll{display:flex;justify-content:center}}@media(max-width:1050px){.grid{grid-template-columns:repeat(3,1fr)}.hero{gap:10px}.hero-art{transform:scale(.85);transform-origin:center}.brand-caption{display:none}.workspace{grid-template-columns:300px minmax(0,1fr)}.export-bar{flex-wrap:wrap}}@media(max-width:760px){.header{padding:0 22px;height:76px}nav{gap:15px}nav a:nth-child(2),nav button{display:none}.header>.button{font-size:10px;padding:8px 10px}.brand{font-size:23px}.hero{padding:40px 24px;grid-template-columns:1fr;text-align:center}.hero-copy .eyebrow,.hero-actions,.benefits{justify-content:center}.hero-copy>p{margin:24px auto}.hero h1{font-size:38px}.hero-art{height:380px;max-width:440px;width:100%;margin:0 auto;transform:scale(.88)}.library{padding:40px 22px}.section-heading{align-items:stretch;flex-direction:column;gap:14px}.section-heading h2{font-size:23px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card-preview{padding:20px 10px 0;height:210px}.thumb{transform:scale(.9);transform-origin:top}.card-content{padding:12px}.card-content h3{font-size:12px}.card-content p{min-height:35px;font-size:10px}.card-bottom{flex-wrap:wrap;gap:8px}.filter-row{gap:6px}.filter-row button{padding:6px 12px;font-size:10px}.how{padding:40px 24px;grid-template-columns:1fr 1fr;gap:28px}.how>div:first-child{grid-column:1/-1}.how .step:last-child{grid-column:1/-1}footer{padding:25px;flex-wrap:wrap;gap:15px}footer>span{width:100%;margin:0}.workspace{display:flex;flex-direction:column}#editor{padding:20px 15px}.editor-heading{align-items:flex-start;gap:12px}.editor-heading h1{font-size:19px}.local-label{font-size:9px}.paper-scroll{padding:15px;max-height:660px}.export-bar{position:static;padding:15px}.export-buttons{width:100%;flex-wrap:wrap}.export-buttons .button{flex:1;min-width:95px}.form-panel{padding:20px}.preview-note{padding:0 12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@page{size:A4;margin:15mm}@media print{body{background:white}body>*{display:none!important}body>#editor{display:block!important;max-width:none;padding:0}#editor>*{display:none!important}#editor>.workspace{display:block!important}.workspace>.form-panel{display:none!important}.preview-panel{border:0;background:none;overflow:visible}.preview-panel>*{display:none!important}.preview-panel>.paper-scroll{display:block!important;padding:0;overflow:visible;max-height:none}.document{box-shadow:none;width:100%;min-height:0;padding:10mm;font-size:var(--doc-size);print-color-adjust:exact;-webkit-print-color-adjust:exact}.document p{orphans:3;widows:3}.document.certificate{min-height:245mm;padding:25mm 15mm}}