:root{font-family:'Noto Naskh Arabic','Noto Sans Arabic',Tahoma,Arial,sans-serif;background:#f5f4fa;color:#262347;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{text-decoration:none;color:inherit}[hidden]{display:none!important}.certificate-topbar{height:76px;background:#1a1636;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 max(3%,calc((100vw - 1310px)/2));font-family:'Segoe UI',Tahoma,Arial,sans-serif}.certificate-topbar strong{font-size:20px;letter-spacing:.7px}.certificate-topbar strong span{font-size:12px;color:#a9a5ca;margin-right:11px;letter-spacing:0}.back-link{border:1px solid #555172;background:#242044;padding:11px 16px;border-radius:12px;font-size:12px}.workspace,.locked{width:min(1340px,calc(100% - 40px));margin:35px auto 65px}.workspace-intro{display:flex;align-items:end;justify-content:space-between;gap:23px;margin-bottom:23px;font-family:'Segoe UI',Tahoma,Arial,sans-serif}.eyebrow{font-weight:800;letter-spacing:1px;color:#7455dd;font-size:12px}.workspace-intro h1{font-size:32px;margin:8px 0 3px}.workspace-intro p{font-size:12px;color:#76758a}.cert-controls{display:flex;align-items:end;gap:10px}.cert-controls label{font-weight:800;font-size:11px;color:#595677}.cert-controls input{display:block;min-height:44px;margin-top:8px;min-width:220px;background:white;border:1px solid #dcd9e9;border-radius:11px;padding:8px 13px;outline:none}.cert-controls input:focus{border-color:#7959e4;box-shadow:0 0 0 3px #7556e226}.button{border:0;display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:46px;padding:11px 18px;border-radius:11px;font-size:12px;font-weight:800;cursor:pointer}.button.primary{background:#7050db;color:white}.button:disabled{opacity:.45;cursor:not-allowed}.certificate-wrap{background:#e5e4eb;padding:16px;border-radius:13px;box-shadow:0 28px 65px #25213c12;overflow-x:auto}.certificate-sheet{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:1.414/1;background:#fffdf8;color:#292044;border:10px solid #1c1942;box-shadow:inset 0 0 0 3px #d8b56a,inset 0 0 0 12px #fff9ec;container-type:inline-size}.certificate-sheet:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#fffdf9 30%,#fff8ea 100%);z-index:-2}.certificate-sheet:after{content:'✦';position:absolute;top:18%;left:17%;font-size:clamp(150px,26vw,390px);color:#c8af7f10;z-index:-1;transform:rotate(-17deg);pointer-events:none}.paper-corner{width:180px;height:180px;position:absolute;pointer-events:none;opacity:.85}.paper-corner:before{content:'';position:absolute;inset:10px;border:2px solid #c4a45f;border-radius:0 70% 0 70%;transform:rotate(43deg)}.top-right{right:-105px;top:-105px}.bottom-left{left:-105px;bottom:-105px}.paper-lines span{position:absolute;display:block;border:1px solid #e4d0a4;border-radius:50%;pointer-events:none;z-index:-1}.paper-lines span:first-child{width:550px;height:550px;right:-370px;bottom:-360px}.paper-lines span:last-child{width:440px;height:440px;left:-320px;top:-290px}.paper-content{position:absolute;inset:4.8% 6.8% 3%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;gap:0}.paper-topline{display:flex;width:100%;align-items:center;justify-content:space-between;border-bottom:1px solid #dac48a;padding-bottom:1.4%;font-family:'Segoe UI',Arial,sans-serif}.paper-category{font-size:clamp(7px,1cqw,14px);letter-spacing:1.8px;color:#787285;font-weight:800}.paper-brand{font-size:clamp(14px,3cqw,38px);font-weight:900;letter-spacing:2px;color:#252043}.paper-brand i{font-style:normal;color:#bc8c42}.paper-year{font-size:clamp(9px,1.3cqw,19px);color:#b1955f;font-weight:700}.laurel{display:flex;align-items:center;gap:22px;color:#b99a52;height:11%;font-size:clamp(15px,3.3cqw,48px)}.laurel>span:first-child{transform:rotate(40deg)}.laurel>span:last-child{transform:rotate(-40deg)}.laurel .emblem{font-size:clamp(25px,5cqw,68px);color:#6b4fbf}.cert-overline{font-family:Arial,sans-serif;letter-spacing:4px;font-size:clamp(7px,1cqw,14px);font-weight:800;color:#a78955}.certificate-sheet h2{margin:0;font-size:clamp(24px,5.8cqw,80px);line-height:1.4;color:#232144;font-weight:900}.certificate-sheet h2 span{color:#b58d49}.cert-greeting,.cert-line{font-size:clamp(10px,1.75cqw,24px);margin:0;color:#686176}.student-name{font-size:clamp(20px,4.6cqw,63px);font-weight:900;color:#6442aa;line-height:1.5;border-bottom:2px solid #c8a967;padding:0 7% 0;min-width:44%;min-height:5%;overflow-wrap:anywhere}.grade-ribbon{background:#252044;color:#fff9ed;padding:0.7% 5%;font-size:clamp(12px,2.3cqw,30px);font-weight:900;border-radius:0 20px 0 20px;min-width:25%;box-shadow:0 4px 0 #d0ad67}.cert-details{max-width:82%;margin:0;font-size:clamp(9px,1.65cqw,22px);color:#59576c;line-height:1.8}.cert-details strong{color:#4f399f}.cert-bottom{display:flex;width:91%;align-items:center;justify-content:space-between;gap:9px;margin-top:auto}.cert-bottom>div:not(.cert-seal){width:32%;text-align:center;padding-top:1.4%;border-top:1px solid #d5c492}.cert-bottom small{display:block;color:#987d4f;font-size:clamp(8px,1.1cqw,16px);font-weight:800}.cert-bottom strong{display:block;font-size:clamp(9px,1.6cqw,21px);margin-top:7px;color:#292340}.cert-seal{width:11%;aspect-ratio:1;border:3px double #c09b52;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(-7deg);color:#9e803f;font-size:clamp(8px,1.25cqw,18px);font-weight:900}.cert-seal span{font-family:Arial,sans-serif}.cert-seal i{font-style:normal;font-size:clamp(12px,2.7cqw,35px)}.cert-seal small{font-size:clamp(5px,.6cqw,9px);letter-spacing:1px}.cert-legal{width:100%;border-top:1px solid #e5d7b6;color:#9b917e;padding-top:.8%;font-size:clamp(6px,.82cqw,11px);line-height:1.7}.preview-watermark{position:absolute;inset:0;z-index:5;display:grid;place-items:center;font-size:clamp(24px,6vw,75px);font-weight:900;background:#ffffff2b;color:#a9343499;transform:rotate(-16deg);pointer-events:none}.privacy-tip{font-size:12px;color:#65617f;background:#f1ecff;padding:15px 20px;border-radius:11px;line-height:2;margin-top:18px}.locked{max-width:560px;padding:55px 42px;background:white;border-radius:25px;text-align:center;box-shadow:0 20px 40px #2420540e}.lock-icon{font-size:56px}.locked h1{font-size:30px}.locked p{color:#74748d;font-size:14px;line-height:2.1;margin:10px 0 20px}@media(max-width:920px){.workspace-intro{align-items:start;display:block}.cert-controls{justify-content:start;flex-wrap:wrap;margin-top:20px}.cert-controls input{min-width:180px}.certificate-sheet{min-width:680px}.certificate-wrap{padding:8px}.cert-legal{font-size:7px}}@media(max-width:520px){.certificate-topbar{height:64px;padding:0 12px}.certificate-topbar strong{font-size:16px}.certificate-topbar strong span{display:none}.workspace,.locked{width:calc(100% - 20px);margin-top:22px}.workspace-intro h1{font-size:24px}.cert-controls{display:block}.cert-controls label input{width:100%}.cert-controls .button{width:100%;margin-top:10px}}@page{size:A4 landscape;margin:0}@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{width:297mm!important;height:210mm!important;background:white!important;margin:0!important;padding:0!important}.certificate-topbar,.workspace-intro,.privacy-tip,.locked{display:none!important}.workspace{width:297mm!important;height:210mm!important;margin:0!important;padding:0!important}.certificate-wrap{width:297mm!important;height:210mm!important;margin:0!important;padding:0!important;overflow:visible!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:white!important}.certificate-sheet{min-width:0!important;width:297mm!important;height:210mm!important;aspect-ratio:auto!important;box-shadow:inset 0 0 0 3px #d8b56a,inset 0 0 0 12px #fff9ec!important;border-width:10px!important;break-inside:avoid!important}.cert-overline{font-size:14px}.cert-legal{font-size:11px}.paper-category{font-size:14px}.paper-brand{font-size:35px}.paper-year{font-size:17px}.laurel{font-size:40px}.laurel .emblem{font-size:63px}.certificate-sheet h2{font-size:70px}.cert-greeting,.cert-line{font-size:22px}.student-name{font-size:53px}.grade-ribbon{font-size:26px}.cert-details{font-size:21px}.cert-bottom small{font-size:15px}.cert-bottom strong{font-size:21px}.cert-seal{font-size:16px}.cert-seal i{font-size:33px}.cert-seal small{font-size:9px}}