:root{--ink:#153548;--muted:#6c7d87;--line:#dce6ea;--bg:#eef4f6;--primary:#0a718e;--teal:#0d8d82;--gold:#b88a34;--shadow:0 22px 60px rgba(9,54,78,.13);font-family:"Cairo",Tahoma,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#eaf3f5,#f6f9fa 420px);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer}.gate{min-height:100vh;display:grid;place-items:center;padding:24px}.gate-card{width:min(620px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:38px;text-align:center;box-shadow:var(--shadow)}.spinner{width:50px;height:50px;margin:0 auto 18px;border:5px solid #dbe8ec;border-top-color:var(--primary);border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.gate-icon{width:70px;height:70px;border-radius:22px;background:#fff6df;color:#a4761c;display:grid;place-items:center;margin:0 auto 16px;font-size:32px}.gate h1{margin:7px 0 10px}.gate p{color:var(--muted);line-height:1.9}.gate-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px}.btn{border:0;border-radius:13px;padding:12px 17px;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn.primary{background:linear-gradient(135deg,#0a718e,#0d8d82);color:#fff;box-shadow:0 10px 24px rgba(10,113,142,.22)}.btn.secondary{background:#e9f2f5;color:#194558;border:1px solid #d2e2e7}.btn.success{background:linear-gradient(135deg,#157b62,#37a36c);color:#fff}.hero{background:linear-gradient(135deg,#092f45 0%,#0a657b 52%,#159083 100%);color:#fff;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(255,255,255,.055);left:-160px;top:-300px}.hero-shell{width:min(1420px,calc(100% - 32px));margin:auto;padding:34px 0 48px;display:flex;justify-content:space-between;gap:25px;align-items:center;position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:900;color:#b9f8e7}.hero h1{font-size:40px;margin:5px 0}.hero p{margin:0;max-width:770px;color:#dceef1;line-height:1.9}.hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.hero-pill,.hero-link{padding:9px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.23);background:rgba(255,255,255,.1);font-size:11px;font-weight:900;color:#fff;text-decoration:none}.hero-pill.gift{background:#fff3c9;color:#73500c;border-color:#f1d994}.workspace-shell{width:min(1420px,calc(100% - 28px));margin:-23px auto 60px;position:relative;z-index:2;display:grid;grid-template-columns:minmax(330px,410px) minmax(700px,1fr);gap:18px;align-items:start}.controls{display:grid;gap:12px}.control-card{background:#fff;border:1px solid #dfe9ed;border-radius:19px;padding:17px;box-shadow:0 10px 30px rgba(10,61,83,.07)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.section-head>div{display:flex;align-items:center;gap:9px}.section-head span{width:31px;height:31px;border-radius:10px;background:#e5f4f5;color:#0b7482;display:grid;place-items:center;font-size:11px;font-weight:900}.section-head h2{font-size:15px;margin:0}.text-button{border:0;background:transparent;color:#0a718e;font-weight:900;font-size:11px}.control-card label{display:grid;gap:6px;font-size:11px;font-weight:800;margin:9px 0}.control-card label small{font-weight:600;color:var(--muted)}.field{width:100%;border:1px solid #d7e3e8;border-radius:12px;background:#fbfdfe;color:var(--ink);padding:10px 11px;outline:none}.field:focus{border-color:#75b8c3;box-shadow:0 0 0 3px rgba(10,113,142,.08)}textarea.field{resize:vertical;line-height:1.8}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:9px}.toggles{display:flex;gap:10px;flex-wrap:wrap}.toggles label{display:flex;align-items:center;gap:6px;margin:0;background:#f6fafb;border:1px solid #e2ecef;padding:8px 10px;border-radius:10px}.batch-card p,.batch-card small{color:var(--muted);font-size:10px;line-height:1.8}.action-stack{display:grid;gap:8px}.preview-area{position:sticky;top:92px}.preview-toolbar{background:#fff;border:1px solid #dfe9ed;border-radius:17px 17px 0 0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 10px 30px rgba(10,61,83,.06)}.preview-toolbar span{font-size:10px;color:var(--muted);display:block}.preview-toolbar strong{font-size:14px}.certificate-stage{background:#dfe8eb;border:1px solid #ccdadd;border-top:0;padding:22px;overflow:auto;box-shadow:0 16px 40px rgba(10,61,83,.09)}.certificate{width:1120px;aspect-ratio:297/210;margin:auto;position:relative;overflow:hidden;background:#fff;color:#263842;box-shadow:0 25px 60px rgba(15,45,58,.18);isolation:isolate}.certificate:before,.certificate:after{content:"";position:absolute;pointer-events:none;z-index:-1}.cert-inner{height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:46px 70px 34px;position:relative}.cert-top{width:100%;display:grid;grid-template-columns:120px 1fr 120px;align-items:center;gap:18px}.cert-logo{width:92px;height:92px;object-fit:contain;justify-self:start}.cert-logo-placeholder{width:82px;height:82px;border-radius:20px;display:grid;place-items:center;font-size:33px;font-weight:900;justify-self:start}.cert-school{display:grid;gap:3px}.cert-school span{font-size:14px;font-weight:800;letter-spacing:.02em}.cert-school strong{font-size:20px}.cert-dept{justify-self:end;text-align:left;display:grid;gap:2px}.cert-dept b{font-size:14px}.cert-dept small{font-size:11px;opacity:.7}.cert-icon{width:74px;height:74px;border-radius:50%;margin:17px 0 7px;display:grid;place-items:center;font-size:34px;font-weight:900}.cert-kicker{font-size:13px;font-weight:800;letter-spacing:.04em}.cert-title{font-size:43px;line-height:1.25;margin:3px 0 4px;font-weight:900}.cert-presents{font-size:13px;opacity:.72;margin-top:2px}.cert-student{font-size:37px;font-weight:900;margin:4px 0 7px;line-height:1.45}.cert-body{font-size:17px;line-height:2.05;max-width:900px;margin:0 auto;color:#405461}.cert-detail{margin-top:6px;font-size:13px;font-weight:800}.cert-parent{width:min(900px,94%);margin:15px auto 0;padding:10px 20px;border-radius:999px;font-size:12.5px;line-height:1.8;font-weight:800}.cert-signatures{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:auto;padding:17px 80px 0}.signature{display:grid;gap:3px}.signature span{font-size:11px;opacity:.65}.signature strong{font-size:14px}.signature-line{height:1px;width:150px;margin:9px auto 0;opacity:.32}.cert-footer{width:100%;display:flex;justify-content:space-between;align-items:end;font-size:10px;opacity:.7;margin-top:10px}.cert-serial{font-family:monospace;direction:ltr}.cert-ribbon{position:absolute;top:0;right:0;padding:8px 34px 8px 26px;border-radius:0 0 0 24px;font-size:10px;font-weight:900}.cert-corner{position:absolute;width:82px;height:82px}.corner-a{right:18px;bottom:18px;border-right:2px solid;border-bottom:2px solid}.corner-b{left:18px;top:18px;border-left:2px solid;border-top:2px solid}.design-royal{background:linear-gradient(135deg,#fffdf7,#fff 42%,#fffaf0);border:12px solid #153e54;outline:4px solid #c29a4a;outline-offset:-21px}.design-royal:before{width:410px;height:410px;border-radius:50%;background:radial-gradient(circle,rgba(194,154,74,.11),transparent 68%);right:-150px;bottom:-200px}.design-royal .cert-title,.design-royal .cert-student{color:#153e54}.design-royal .cert-icon{background:#fff4d5;color:#af7d20;border:2px solid #d4b16b}.design-royal .cert-parent{background:#f8efd8;color:#725113;border:1px solid #e4cf9c}.design-royal .cert-ribbon{background:#153e54;color:#f3d890}.design-royal .cert-logo-placeholder{background:#edf3f4;color:#153e54}.design-royal .signature-line,.design-royal .cert-corner{border-color:#c29a4a;background-color:transparent}.design-pearl{background:linear-gradient(145deg,#ffffff,#f4f9ff 55%,#eef5ff);border:10px solid #225f91;outline:2px solid #9ec5e0;outline-offset:-19px}.design-pearl:before{width:100%;height:100%;inset:0;background-image:linear-gradient(rgba(34,95,145,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,95,145,.035) 1px,transparent 1px);background-size:34px 34px}.design-pearl .cert-title,.design-pearl .cert-student{color:#225f91}.design-pearl .cert-icon{background:#e8f2fb;color:#225f91}.design-pearl .cert-parent{background:#eaf4fb;color:#214f70;border:1px solid #c9dfef}.design-pearl .cert-ribbon{background:#225f91;color:#fff}.design-pearl .cert-logo-placeholder{background:#eaf4fb;color:#225f91}.design-pearl .cert-corner{border-color:#78acd0}.design-emerald{background:linear-gradient(150deg,#f9fffc,#fff 48%,#f2fbf6);border:11px solid #12614f;outline:3px solid #c4a661;outline-offset:-21px}.design-emerald:after{width:500px;height:170px;left:-170px;bottom:-90px;transform:rotate(-18deg);background:linear-gradient(135deg,rgba(18,97,79,.12),rgba(196,166,97,.11))}.design-emerald .cert-title,.design-emerald .cert-student{color:#12614f}.design-emerald .cert-icon{background:#e1f3e9;color:#12614f;border:1px solid #9dcdbb}.design-emerald .cert-parent{background:#e9f6ef;color:#165b4b;border:1px solid #b8ddce}.design-emerald .cert-ribbon{background:#12614f;color:#f5e6af}.design-emerald .cert-logo-placeholder{background:#e8f5ee;color:#12614f}.design-emerald .cert-corner{border-color:#c4a661}.design-burgundy{background:linear-gradient(145deg,#fffafb,#fff 50%,#faf1f3);border:11px solid #742b3e;outline:3px solid #c5a05a;outline-offset:-21px}.design-burgundy:before{width:380px;height:380px;left:-190px;top:-180px;border-radius:50%;background:rgba(116,43,62,.07)}.design-burgundy .cert-title,.design-burgundy .cert-student{color:#742b3e}.design-burgundy .cert-icon{background:#f7e7eb;color:#742b3e;border:1px solid #e1bcc5}.design-burgundy .cert-parent{background:#f8eaed;color:#6b2637;border:1px solid #e7c8cf}.design-burgundy .cert-ribbon{background:#742b3e;color:#f4dba8}.design-burgundy .cert-logo-placeholder{background:#f6e8eb;color:#742b3e}.design-burgundy .cert-corner{border-color:#c5a05a}.design-midnight{background:radial-gradient(circle at 50% 30%,#18384b,#0b2535 72%);border:10px solid #d3ad62;outline:2px solid rgba(255,255,255,.18);outline-offset:-18px;color:#eef7f7}.design-midnight:before{inset:0;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.08),transparent 30%),radial-gradient(circle at 80% 85%,rgba(211,173,98,.09),transparent 30%)}.design-midnight .cert-school span,.design-midnight .cert-body{color:#dce9ec}.design-midnight .cert-title,.design-midnight .cert-student{color:#f3d899}.design-midnight .cert-icon{background:rgba(211,173,98,.14);color:#f3d899;border:1px solid rgba(243,216,153,.45)}.design-midnight .cert-parent{background:rgba(211,173,98,.12);color:#f3e3bb;border:1px solid rgba(211,173,98,.38)}.design-midnight .cert-ribbon{background:#d3ad62;color:#0b2535}.design-midnight .cert-logo-placeholder{background:rgba(255,255,255,.09);color:#f3d899}.design-midnight .cert-corner{border-color:#d3ad62}.design-classic{background:#fff;border:8px double #315b68;outline:2px solid #c7d6da;outline-offset:-18px}.design-classic:before{inset:30px;border:1px solid #d9e2e5}.design-classic .cert-title,.design-classic .cert-student{color:#315b68}.design-classic .cert-icon{background:#eef3f4;color:#315b68;border:1px solid #c7d6da}.design-classic .cert-parent{background:#f1f5f6;color:#355b66;border:1px solid #d4e0e3}.design-classic .cert-ribbon{background:#315b68;color:#fff}.design-classic .cert-logo-placeholder{background:#eef3f4;color:#315b68}.design-classic .cert-corner{border-color:#8aa7b0}.tips{background:#fff9e8;border:1px solid #efdda8;border-top:0;border-radius:0 0 17px 17px;padding:11px 14px;color:#755a19;font-size:10px;line-height:1.8}.print-root{display:none}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:20000;background:#163b4f;color:#fff;padding:11px 18px;border-radius:12px;box-shadow:0 12px 35px rgba(0,0,0,.24)}
/* Unified platform header */
.unified-platform-bar{position:sticky;top:0;z-index:10020;background:rgba(255,255,255,.97);border-bottom:1px solid rgba(8,72,102,.12);box-shadow:0 10px 32px rgba(7,63,93,.10);backdrop-filter:blur(18px);font-family:Cairo,Tahoma,sans-serif}.unified-platform-inner{width:min(1380px,calc(100% - 28px));margin:auto;min-height:78px;display:grid;grid-template-columns:minmax(205px,.82fr) minmax(520px,2.25fr) minmax(185px,.75fr);align-items:center;gap:14px}.unified-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#14364a;min-width:0}.unified-brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#0a789d,#07536f);box-shadow:0 10px 24px rgba(8,102,138,.24);flex:0 0 auto}.unified-brand-mark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.unified-brand-copy{display:grid;gap:1px;min-width:0}.unified-brand-copy strong{font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unified-brand-copy small{font-size:9px;font-weight:700;color:#718490}.platform-switcher{display:flex;align-items:stretch;justify-content:center;gap:7px;min-width:0;overflow-x:auto;padding:7px 2px;scrollbar-width:thin}.platform-tab{min-width:126px;min-height:49px;display:flex;align-items:center;gap:8px;padding:7px 9px;border:1px solid #dbe8ee;border-radius:14px;background:#f8fbfc;color:#21485b;text-decoration:none;white-space:nowrap}.platform-tab.locked{color:#8999a2;background:#f5f7f8;border-style:dashed;cursor:not-allowed;opacity:.82}.platform-tab-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#e7f2f6;color:#087092;flex:0 0 auto}.platform-tab.locked .platform-tab-icon{background:#e9edef;color:#8b9aa2}.platform-tab-icon svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.platform-tab-copy{display:grid;gap:1px;line-height:1.25}.platform-tab-copy strong{font-size:10px;font-weight:900}.platform-tab-copy small{font-size:8px;font-weight:700;color:#69808c}.platform-plan-badge{justify-self:end;display:flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #d7e8ee;border-radius:14px;background:linear-gradient(180deg,#fff,#f6fafb)}.platform-plan-status{width:9px;height:9px;border-radius:50%;background:#c49538;box-shadow:0 0 0 5px rgba(196,149,56,.11)}.platform-plan-copy{display:grid;gap:1px}.platform-plan-copy span{font-size:8px;font-weight:700;color:#788a94}.platform-plan-copy strong{font-size:10px;font-weight:900;color:#183f52}.platform-plan-copy small{font-size:8px;font-weight:700;color:#6e828d}.cert-corner{background:transparent!important}
@media(max-width:1100px){.workspace-shell{grid-template-columns:1fr}.preview-area{position:static}.certificate-stage{padding:12px}.certificate{transform-origin:top right;transform:scale(.82);margin-bottom:-110px}.unified-platform-inner{grid-template-columns:180px minmax(420px,1fr) 165px}.platform-tab{min-width:118px}}
@media(max-width:820px){.hero-shell{align-items:flex-start;flex-direction:column}.workspace-shell{width:min(100% - 18px,760px)}.certificate{transform:scale(.6);margin-bottom:-250px}.unified-platform-inner{width:min(100% - 18px,760px);grid-template-columns:1fr auto;grid-template-rows:auto auto;min-height:auto;padding:8px 0}.platform-switcher{grid-column:1/-1;grid-row:2;justify-content:flex-start}.platform-plan-copy span,.platform-plan-copy small{display:none}}
@media(max-width:560px){.grid-2{grid-template-columns:1fr}.hero h1{font-size:31px}.certificate{transform:scale(.42);margin-bottom:-360px}.certificate-stage{padding:7px}.preview-toolbar{align-items:flex-start;flex-direction:column}}
@media print{body{background:#fff!important}.unified-platform-bar,.hero,.workspace-shell,.unified-support-toggle,.unified-support-panel,.toast{display:none!important}.print-root{display:block!important}.print-root .certificate{width:297mm;height:210mm;aspect-ratio:auto;box-shadow:none;page-break-after:always;break-after:page;transform:none!important;margin:0!important}.print-root .certificate:last-child{page-break-after:auto}@page{size:A4 landscape;margin:0}}