@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@600;700;800;900&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap');
@font-face{font-family:'BigNoodleTitling';src:url('fonts/BebasNeue-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09090d;color:#f6f6f8;font-family:'IBM Plex Sans Arabic',Tahoma,Arial,sans-serif}.certificate-page{min-height:100vh;overflow:hidden;background:radial-gradient(720px 500px at 84% 16%,rgba(240,36,63,.18),transparent 68%),#09090d}
.verify-nav{width:min(calc(100% - 40px),1200px);height:78px;margin:auto;display:flex;direction:ltr;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.11)}.verify-logo img{display:block;height:48px;width:auto}.back-home{direction:rtl;color:#b8b8c1;text-decoration:none;font:700 13px 'Cairo',sans-serif}.back-home:hover{color:#fff}
.verify-shell{width:min(calc(100% - 40px),1200px);min-height:calc(100vh - 78px);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:70px 0 100px}.verify-kicker{display:inline-flex;align-items:center;gap:12px;color:#c9c9d1;font:700 12px 'Space Grotesk',sans-serif;letter-spacing:.18em;text-transform:uppercase}.verify-kicker:before{content:'';width:34px;height:2px;background:#f0243f}.verify-copy h1{font:900 clamp(44px,6vw,76px)/1.2 'Cairo',sans-serif;margin:22px 0}.verify-copy h1 span{background:linear-gradient(110deg,#ff4359,#f0243f);-webkit-background-clip:text;background-clip:text;color:transparent}.verify-copy>p{max-width:590px;color:#bebec7;font-size:17px;line-height:1.95;margin:0}
.serial-form{margin-top:36px;max-width:610px}.serial-form label{display:block;margin-bottom:10px;color:#efeff2;font:800 13px 'Cairo',sans-serif}.serial-row{display:flex;gap:10px;padding:7px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(20,20,25,.86);box-shadow:0 28px 65px rgba(0,0,0,.28)}.serial-row input{min-width:0;flex:1;height:58px;border:0;outline:0;background:transparent;color:#fff;padding:0 18px;font:700 17px 'Space Grotesk',sans-serif;letter-spacing:.06em}.serial-row input::placeholder{color:#666671}.serial-row button{height:58px;padding:0 25px;border:0;border-radius:13px;background:linear-gradient(110deg,#ff4359,#f0243f);color:white;cursor:pointer;font:800 15px 'Cairo',sans-serif;display:flex;align-items:center;gap:12px;box-shadow:0 12px 28px rgba(240,36,63,.3)}.serial-row button:disabled,.download-btn:disabled{cursor:not-allowed;opacity:.6}.serial-form small{display:block;margin-top:10px;color:#74747f;font:600 11px 'Space Grotesk',sans-serif;direction:ltr;text-align:left}
.verify-message{max-width:610px;margin-top:18px;padding:14px 16px;border-radius:13px;font-size:13px;line-height:1.7}.verify-message.error{color:#ffd9df;background:rgba(240,36,63,.1);border:1px solid rgba(240,36,63,.3)}[hidden]{display:none!important}
.verify-result{max-width:610px;margin-top:22px;padding:22px;border:1px solid rgba(53,210,139,.26);border-radius:18px;background:linear-gradient(150deg,rgba(35,150,99,.09),rgba(20,20,25,.88));box-shadow:0 28px 60px rgba(0,0,0,.24)}.result-head{display:flex;align-items:center;gap:13px}.valid-mark{width:42px;height:42px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#1fbd76;color:#07160f;font-weight:900}.result-head div{display:flex;flex-direction:column}.result-head small{color:#71dbaa;font-size:11px}.result-head strong{font:800 18px 'Cairo'}.verify-result dl{display:grid;grid-template-columns:2fr 1fr 1.25fr;gap:10px;margin:20px 0}.verify-result dl div{padding:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.08);border-radius:11px}.verify-result dt{color:#81818c;font-size:10px}.verify-result dd{margin:4px 0 0;color:#efeff2;font-size:12px;line-height:1.55}.result-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.download-btn{border:0;border-radius:12px;background:linear-gradient(110deg,#ff4359,#f0243f);color:#fff;min-height:48px;padding:0 20px;cursor:pointer;font:800 13px 'Cairo';box-shadow:0 10px 25px rgba(240,36,63,.24)}.result-actions a{color:#d6d6dc;font-size:12px;text-underline-offset:4px}
.verify-visual{position:relative;min-height:530px;display:grid;place-items:center;perspective:1100px}.verify-orbit{position:absolute;width:88%;aspect-ratio:1;border-radius:50%;border:1px solid rgba(240,36,63,.24);box-shadow:inset 0 0 80px rgba(240,36,63,.08)}.certificate-mock{position:relative;width:min(530px,88vw);aspect-ratio:1.4;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:linear-gradient(145deg,#fff 0 57%,#f3f1f2 57%);color:#29272a;padding:34px 40px;box-shadow:0 50px 120px rgba(0,0,0,.56);transform:rotateY(-7deg) rotateZ(-2deg);overflow:hidden;text-decoration:none;cursor:pointer}.certificate-mock:after{content:'';position:absolute;inset:auto -10% -23% 20%;height:48%;background:#f0243f;transform:rotate(-10deg);opacity:.96}.mock-top{display:flex;align-items:center;gap:18px}.mock-top b{width:72px;height:72px;border-radius:14px;display:grid;place-items:center;background:#f0243f;color:#fff;font:900 40px 'Space Grotesk'}.mock-top span{font:400 39px/1 'BigNoodleTitling','Space Grotesk'}.mock-top small{font-size:17px;color:#f0243f}.mock-line{height:7px;background:#f0243f;margin:24px -40px 25px;transform:rotate(-7deg)}.certificate-mock em{display:block;text-align:center;font:400 18px 'BigNoodleTitling','Space Grotesk';font-style:normal;color:#777}.certificate-mock>strong{display:block;text-align:center;margin:12px 0 8px;font:400 38px 'BigNoodleTitling','Space Grotesk';text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.certificate-mock>p{text-align:center;font:400 16px 'BigNoodleTitling','Space Grotesk';color:#f0243f;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-meta{position:absolute;z-index:2;bottom:25px;left:38px;right:38px;display:flex;justify-content:space-between;color:#fff;font:400 15px 'BigNoodleTitling','Space Grotesk'}.secure-chip{position:absolute;z-index:3;bottom:12%;right:-1%;padding:11px 15px;border:1px solid rgba(255,255,255,.14);border-radius:13px;background:rgba(20,20,25,.82);backdrop-filter:blur(12px);font:700 12px 'Cairo';box-shadow:0 18px 45px rgba(0,0,0,.4)}
@media(max-width:900px){.verify-shell{grid-template-columns:1fr;padding-top:54px}.verify-copy{text-align:center}.verify-copy>p,.serial-form,.verify-message,.verify-result{margin-inline:auto}.serial-form label{text-align:right}.verify-result{text-align:right}.verify-visual{min-height:440px}.certificate-mock{transform:rotateZ(-1deg)}.secure-chip{right:6%}}
@media(max-width:560px){.verify-nav{height:68px}.verify-logo img{height:40px}.verify-shell{min-height:auto;gap:30px}.verify-copy h1{font-size:42px}.verify-copy>p{font-size:15px}.serial-row{flex-direction:column}.serial-row button{justify-content:center}.verify-result dl{grid-template-columns:1fr}.result-actions{align-items:stretch;flex-direction:column}.result-actions a{text-align:center}.verify-visual{min-height:330px}.certificate-mock{padding:24px;transform:none}.mock-top b{width:52px;height:52px;font-size:29px}.mock-top span{font-size:28px}.mock-line{margin-inline:-24px}.certificate-mock>strong{font-size:25px}.certificate-mock>p{font-size:12px}.secure-chip{bottom:4%}}