@font-face{font-family:Aref Ruqaa;font-weight:700;font-style:normal;font-display:block;src:url(./ArefRuqaa-Bold-B_bC39su.woff2) format("woff2")}@font-face{font-family:Aref Ruqaa;font-weight:400;font-style:normal;font-display:block;src:url(./ArefRuqaa-Bold-B_bC39su.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-weight:400;font-style:normal;font-display:block;src:url(./IBMPlexSansArabic-Regular-DGXtAqVY.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-weight:600;font-style:normal;font-display:block;src:url(./IBMPlexSansArabic-SemiBold-Bnpt6GOw.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans Arabic;font-weight:700;font-style:normal;font-display:block;src:url(./IBMPlexSansArabic-Bold-gtDnr-wY.woff2) format("woff2")}.lp{--green:#14352A;--green-deep:#0F291F;--gold:#B08D4C;--gold-soft:#C7A766;--charcoal:#1C1C1C;--ivory:#F5F2EC;--ivory-2:#EFEBE1;--gray:#6B6B6B;--nav-h:84px;--maxw:1180px;font-family:IBM Plex Sans Arabic,system-ui,sans-serif;color:var(--charcoal);background:var(--ivory);line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh}.lp *{margin:0;padding:0;box-sizing:border-box}.lp h1,.lp h2,.lp h3,.lp .aref{font-family:Aref Ruqaa,serif;font-weight:700;line-height:1.4}.lp a{text-decoration:none;color:inherit}.lp .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.lp section{position:relative}.lp .eyebrow{font-family:IBM Plex Sans Arabic;font-weight:600;font-size:.78rem;letter-spacing:.28em;color:var(--gold);display:flex;align-items:center;gap:14px;margin-bottom:22px}.lp .eyebrow:after{content:"";flex:0 0 46px;height:1px;background:var(--gold);opacity:.6}.lp .eyebrow.center{justify-content:center}.lp .eyebrow.center:before{content:"";flex:0 0 46px;height:1px;background:var(--gold);opacity:.6}.lp .gold-rule{height:1px;background:linear-gradient(to left,transparent,var(--gold),transparent);opacity:.55;border:0}.lp .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.16,.7,.3,1),transform .9s cubic-bezier(.16,.7,.3,1)}.lp .reveal.in{opacity:1;transform:none}.lp .reveal.d1{transition-delay:.08s}.lp .reveal.d2{transition-delay:.16s}.lp .reveal.d3{transition-delay:.24s}.lp .reveal.d4{transition-delay:.32s}@media (prefers-reduced-motion:reduce){.lp .reveal{opacity:1;transform:none;transition:none}}.lp .nav{position:fixed;inset:0 0 auto 0;height:var(--nav-h);z-index:100;display:flex;align-items:center;transition:background .4s ease,box-shadow .4s ease,height .4s ease,border-color .4s ease;border-bottom:1px solid rgba(176,141,76,0)}.lp .nav .wrap{display:flex;align-items:center;justify-content:space-between;width:100%}.lp .nav.scrolled{background:var(--green);height:72px;box-shadow:0 12px 40px -20px #0000008c;border-bottom-color:#b08d4c47}.lp .lp-brand{display:flex;align-items:center;gap:14px}.lp .lp-brand img{width:52px;height:52px;display:block;transition:width .4s,height .4s}.lp .nav.scrolled .lp-brand img{width:46px;height:46px}.lp .brand-txt{display:flex;flex-direction:column;line-height:1.15}.lp .brand-txt b{font-family:Aref Ruqaa;font-size:1.12rem;color:var(--ivory)}.lp .brand-txt span{font-size:.66rem;color:var(--gold-soft);letter-spacing:.12em;font-weight:500}.lp .nav-links{display:flex;align-items:center;gap:6px}.lp .nav-links a{color:var(--ivory);font-size:.92rem;font-weight:500;white-space:nowrap;padding:9px 15px;border-radius:4px;position:relative;opacity:.85;transition:opacity .25s,color .25s}.lp .nav-links a:after{content:"";position:absolute;right:15px;left:15px;bottom:4px;height:1.5px;background:var(--gold);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.lp .nav-links a:hover{opacity:1}.lp .nav-links a:hover:after{transform:scaleX(1)}.lp .nav-cta{margin-right:8px;background:var(--gold);color:var(--green-deep)!important;padding:10px 20px!important;border-radius:4px;font-weight:600;opacity:1!important;transition:background .25s,transform .25s}.lp .nav-cta:after{display:none}.lp .nav-cta:hover{background:var(--gold-soft);transform:translateY(-1px)}.lp .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}.lp .burger span{width:26px;height:2px;background:var(--ivory);transition:.3s}.lp .hero{min-height:100vh;background:var(--green);color:var(--ivory);display:flex;align-items:center;justify-content:center;text-align:center;padding:calc(var(--nav-h) + 40px) 24px 70px;overflow:hidden}.lp .hero:before,.lp .hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.lp .hero:before{width:680px;height:680px;border:1px solid rgba(176,141,76,.14);top:-220px;left:-180px}.lp .hero:after{width:460px;height:460px;border:1px solid rgba(176,141,76,.1);bottom:-160px;right:-120px}.lp .hero-inner{position:relative;z-index:2;max-width:880px}.lp .hero-logo{width:128px;height:128px;margin:0 auto 30px;display:block;filter:drop-shadow(0 18px 40px rgba(0,0,0,.4))}.lp .hero h1{font-size:clamp(2.9rem,7vw,5.4rem);color:var(--ivory);letter-spacing:.01em;margin-bottom:8px}.lp .hero .descriptor{font-size:clamp(1.05rem,2.6vw,1.5rem);color:var(--gold-soft);font-weight:500;letter-spacing:.06em;margin-bottom:30px}.lp .hero .sep{width:64px;height:1px;background:var(--gold);margin:0 auto 30px;opacity:.7}.lp .hero .tagline{font-size:clamp(1.02rem,2.2vw,1.32rem);color:#f5f2ecd1;font-weight:300;max-width:620px;margin:0 auto 44px}.lp .cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.lp .btn{display:inline-flex;align-items:center;gap:10px;font-family:IBM Plex Sans Arabic;font-weight:600;font-size:1rem;padding:15px 32px;border-radius:5px;cursor:pointer;transition:transform .25s,background .25s,color .25s,border-color .25s,box-shadow .25s}.lp .btn-gold{background:var(--gold);color:var(--green-deep);box-shadow:0 16px 38px -18px #b08d4ce6}.lp .btn-gold:hover{background:var(--gold-soft);transform:translateY(-2px)}.lp .btn-ghost{border:1px solid rgba(245,242,236,.45);color:var(--ivory)}.lp .btn-ghost:hover{border-color:var(--gold);color:var(--gold-soft);transform:translateY(-2px)}.lp .btn svg{width:18px;height:18px}.lp .scroll-hint{position:absolute;bottom:26px;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:#f5f2ec80;font-size:.72rem;letter-spacing:.2em}.lp .scroll-hint .mouse{width:22px;height:36px;border:1.5px solid rgba(245,242,236,.4);border-radius:12px;position:relative}.lp .scroll-hint .mouse:after{content:"";position:absolute;top:7px;left:50%;transform:translate(-50%);width:3px;height:7px;background:var(--gold);border-radius:2px;animation:lp-wheel 1.6s infinite}@keyframes lp-wheel{0%{opacity:0;top:7px}40%{opacity:1}80%{opacity:0;top:16px}to{opacity:0}}.lp .stats{background:var(--green-deep);border-top:1px solid rgba(176,141,76,.25);border-bottom:1px solid rgba(176,141,76,.25)}.lp .stats .wrap{display:flex;justify-content:space-around;align-items:center;gap:18px;padding:36px 28px;flex-wrap:wrap}.lp .stat{text-align:center;flex:1;min-width:200px}.lp .stat .num{font-family:Aref Ruqaa;font-size:2.5rem;color:var(--gold);line-height:1;margin-bottom:8px}.lp .stat .lbl{color:#f5f2ecd1;font-size:.96rem;font-weight:300}.lp .stat-div{width:1px;height:52px;background:#b08d4c4d}.lp .sec{padding:108px 0}.lp .sec-head{margin-bottom:54px;max-width:760px}.lp .sec-head.center{margin-inline:auto;text-align:center}.lp .sec-head h2{font-size:clamp(2rem,4.4vw,3.1rem);color:var(--green);margin-bottom:10px}.lp .sec-head p.lead{color:var(--gray);font-size:1.12rem;font-weight:300}.lp .about{background:var(--ivory)}.lp .about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start}.lp .about-body p{margin-bottom:22px;color:#33322e;font-size:1.08rem;font-weight:300}.lp .about-body p:first-child{font-size:1.18rem;color:var(--charcoal);font-weight:400}.lp .about-body p strong{color:var(--green);font-weight:600}.lp .about-aside{position:sticky;top:120px}.lp .seal{background:var(--green);color:var(--ivory);border-radius:10px;padding:42px 36px;position:relative;overflow:hidden;box-shadow:0 30px 70px -40px #14352ab3}.lp .seal:before{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(176,141,76,.18);border-radius:50%;top:-90px;left:-70px}.lp .seal img{width:78px;height:78px;margin-bottom:22px;display:block}.lp .seal h3{font-size:1.6rem;color:var(--ivory);margin-bottom:6px}.lp .seal .role{color:var(--gold-soft);font-size:.92rem;margin-bottom:24px}.lp .seal ul{list-style:none;display:flex;flex-direction:column;gap:14px}.lp .seal li{display:flex;gap:12px;align-items:flex-start;font-size:.95rem;font-weight:300;color:#f5f2ece0}.lp .seal li .dot{flex:0 0 7px;height:7px;margin-top:9px;background:var(--gold);border-radius:50%}.lp .services{background:var(--green);color:var(--ivory)}.lp .services .sec-head h2{color:var(--ivory)}.lp .services .sec-head p.lead{color:#f5f2ecb3}.lp .svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1px;background:var(--green);border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #b08d4c38}.lp .svc{background:var(--green);padding:34px 30px;display:flex;gap:18px;align-items:flex-start;transition:background .35s ease;position:relative;box-shadow:0 0 0 1px #b08d4c38}.lp .svc{transition:background .35s ease,transform .4s cubic-bezier(.22,.61,.36,1),box-shadow .4s ease}.lp .svc:hover{background:#163d30;transform:translateY(-5px);box-shadow:0 0 0 1px #b08d4c80,0 22px 40px -26px #000000b3}.lp .stagger{opacity:0;transform:translateY(24px);transition:opacity .75s cubic-bezier(.22,.61,.36,1),transform .75s cubic-bezier(.22,.61,.36,1)}.lp .stagger.in{opacity:1;transform:none}.lp .scroll-progress{position:fixed;top:0;right:0;height:3px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-soft));z-index:200;box-shadow:0 0 12px #b08d4c99}@media (prefers-reduced-motion:reduce){.lp .stagger{opacity:1;transform:none;transition:none}}.lp .svc .ico{flex:0 0 46px;height:46px;border:1px solid rgba(176,141,76,.55);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--gold);transition:background .35s,color .35s}.lp .svc:hover .ico{background:var(--gold);color:var(--green)}.lp .svc .ico svg{width:23px;height:23px}.lp .svc h3{font-family:IBM Plex Sans Arabic;font-weight:600;font-size:1.12rem;color:var(--ivory);line-height:1.5;padding-top:8px}.lp .why{background:var(--ivory-2)}.lp .why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.lp .why-left h2{font-size:clamp(2rem,4.4vw,3.1rem);color:var(--green);margin-bottom:20px}.lp .why-left .lead{color:var(--gray);font-size:1.14rem;font-weight:300;line-height:1.95}.lp .why-left .mono{margin-top:30px;font-size:5rem;font-family:Aref Ruqaa;color:var(--gold);opacity:.25;line-height:.8}.lp .why-list{list-style:none;display:flex;flex-direction:column}.lp .why-list li{display:flex;gap:18px;align-items:center;padding:22px 4px;border-bottom:1px solid rgba(176,141,76,.22);font-size:1.08rem;color:var(--charcoal);font-weight:400}.lp .why-list li:last-child{border-bottom:0}.lp .check{flex:0 0 34px;height:34px;border-radius:50%;background:#b08d4c24;display:flex;align-items:center;justify-content:center;color:var(--gold)}.lp .check svg{width:17px;height:17px}.lp .vision{background:var(--green);color:var(--ivory)}.lp .vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid rgba(176,141,76,.25);border-radius:12px;overflow:hidden}.lp .vcol{padding:56px 50px;position:relative}.lp .vcol+.vcol{border-right:1px solid rgba(176,141,76,.25)}.lp .vcol .vk{font-family:Aref Ruqaa;font-size:1.05rem;color:var(--gold);letter-spacing:.04em;margin-bottom:18px;display:flex;align-items:center;gap:14px}.lp .vcol .vk:before{content:"";width:30px;height:1px;background:var(--gold)}.lp .vcol h3{font-size:2rem;color:var(--ivory);margin-bottom:20px}.lp .vcol p{font-size:1.1rem;font-weight:300;color:#f5f2ecd9;line-height:2}.lp .team{background:var(--ivory)}.lp .team .wrap{text-align:center;max-width:840px}.lp .team .mark{width:54px;height:54px;margin:0 auto 26px;color:var(--gold)}.lp .team h2{font-size:clamp(2rem,4.4vw,3rem);color:var(--green);margin-bottom:26px}.lp .team p{font-size:1.3rem;font-weight:300;color:#33322e;line-height:2.1}.lp .team .quote-deco{font-family:Aref Ruqaa;font-size:4rem;color:var(--gold);opacity:.3;line-height:.4;margin-bottom:10px;display:block}.lp .footer{background:var(--green-deep);color:var(--ivory);padding:96px 0 0}.lp .foot-top{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start;padding-bottom:60px}.lp .foot-brand img{width:84px;height:84px;margin-bottom:22px}.lp .foot-brand h3{font-size:2.2rem;color:var(--ivory);margin-bottom:6px}.lp .foot-brand .desc{color:var(--gold-soft);font-size:1rem;margin-bottom:24px;letter-spacing:.04em}.lp .foot-brand .scope{color:#f5f2ecbf;font-size:1.04rem;font-weight:300;max-width:480px;line-height:1.95}.lp .foot-actions{display:flex;flex-direction:column;gap:14px}.lp .foot-actions .fa-title{font-family:Aref Ruqaa;color:var(--gold);font-size:1.2rem;margin-bottom:6px}.lp .foot-link{display:flex;align-items:center;gap:16px;padding:16px 20px;border:1px solid rgba(176,141,76,.3);border-radius:6px;color:var(--ivory);transition:background .3s,border-color .3s,transform .3s}.lp .foot-link:hover{background:#b08d4c1f;border-color:var(--gold);transform:translate(-4px)}.lp .foot-link .fl-ico{flex:0 0 40px;height:40px;border-radius:8px;background:#b08d4c29;display:flex;align-items:center;justify-content:center;color:var(--gold)}.lp .foot-link .fl-ico svg{width:20px;height:20px}.lp .foot-link b{display:block;font-weight:600;font-size:1rem}.lp .foot-link span{display:block;font-size:.82rem;color:#f5f2ec99;font-weight:300}.lp .foot-contact{border-top:1px solid rgba(176,141,76,.22);padding:30px 0;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;color:#f5f2ecc7;font-size:.98rem;font-weight:300}.lp .foot-contact .pin{color:var(--gold)}.lp .foot-contact .d{color:#b08d4c80}.lp .copyright{border-top:1px solid rgba(176,141,76,.22);padding:26px 0;text-align:center;color:#f5f2ec80;font-size:.84rem;font-weight:300}@media (max-width:980px){.lp .about-grid{grid-template-columns:1fr;gap:46px}.lp .about-aside{position:static}.lp .why-grid{grid-template-columns:1fr;gap:40px}.lp .vision-grid{grid-template-columns:1fr}.lp .vcol+.vcol{border-right:0;border-top:1px solid rgba(176,141,76,.25)}.lp .foot-top{grid-template-columns:1fr;gap:44px}}@media (max-width:760px){.lp{--nav-h:70px}.lp .nav-links{position:fixed;inset:var(--nav-h) 0 auto 0;background:var(--green-deep);flex-direction:column;align-items:stretch;gap:0;padding:14px 22px 28px;border-bottom:1px solid rgba(176,141,76,.3);transform:translateY(-130%);transition:transform .4s cubic-bezier(.16,.7,.3,1);box-shadow:0 30px 50px -24px #000000b3}.lp .nav-links.open{transform:translateY(0)}.lp .nav-links a{padding:14px 8px;font-size:1.02rem;border-bottom:1px solid rgba(176,141,76,.12)}.lp .nav-links a:after{display:none}.lp .nav-cta{margin:14px 0 0;text-align:center;justify-content:center;display:flex}.lp .burger{display:flex}.lp .sec{padding:74px 0}.lp .stats .wrap{gap:28px}.lp .stat-div{display:none}.lp .vcol{padding:42px 30px}.lp .foot-contact{flex-direction:column;gap:8px}.lp .foot-contact .d{display:none}}.lp-intro{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 50% 40%,#163d30 0%,var(--green-deep) 55%,#0a1d16 100%);transition:transform .7s cubic-bezier(.7,0,.25,1);will-change:transform}.lp-intro:before{content:"";position:absolute;width:120vmin;height:120vmin;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(176,141,76,.18),transparent 60%);opacity:0;animation:lp-glow 2.2s ease .4s forwards}.lp-intro.out{transform:translateY(-100%);pointer-events:none}.intro-inner{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px}.scales{width:min(230px,46vw);height:auto;color:var(--gold-soft);overflow:visible;filter:drop-shadow(0 10px 30px rgba(176,141,76,.4))}.scales .draw{stroke-dasharray:1;stroke-dashoffset:1;animation:lp-draw .75s cubic-bezier(.65,0,.35,1) forwards}.scales .beam-group{transform-box:view-box;transform-origin:100px 56px;animation:lp-sway 1.9s cubic-bezier(.36,.07,.2,1) 1.55s both}@keyframes lp-draw{to{stroke-dashoffset:0}}@keyframes lp-glow{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes lp-sway{0%,to{transform:rotate(0)}12%{transform:rotate(-8deg)}32%{transform:rotate(5.4deg)}52%{transform:rotate(-3.1deg)}70%{transform:rotate(1.7deg)}86%{transform:rotate(-.7deg)}}.intro-brand{margin-top:36px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(16px);animation:lp-introup .9s cubic-bezier(.16,.7,.3,1) 1.8s forwards}.intro-brand b{font-family:Aref Ruqaa,serif;font-weight:700;font-size:clamp(1.9rem,5.4vw,2.9rem);line-height:1.3;background:linear-gradient(100deg,var(--gold) 18%,#f4e6c4 50%,var(--gold) 82%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:lp-shimmer 2.8s linear 2.1s infinite}.intro-brand span{color:var(--gold-soft);font-size:clamp(.78rem,2.4vw,1rem);letter-spacing:.14em;font-weight:500;opacity:.82}.intro-skip{position:absolute;bottom:30px;left:50%;transform:translate(-50%);color:#f5f2ec66;font-size:.72rem;letter-spacing:.18em;opacity:0;animation:lp-introup .8s ease 2.4s forwards}@keyframes lp-introup{to{opacity:1;transform:none}}@keyframes lp-shimmer{to{background-position:-220% 0}}@media (prefers-reduced-motion:reduce){.lp-intro{display:none}}html{scroll-behavior:smooth;scroll-padding-top:84px}@media (max-width:760px){html{scroll-padding-top:70px}}:root{--green:#14352A;--green-deep:#0F291F;--gold:#B08D4C;--gold-soft:#C7A766;--charcoal:#1C1C1C;--ivory:#F5F2EC;--ivory-2:#EFEBE1;--gray:#6B6B6B}*{box-sizing:border-box;margin:0;padding:0}body{font-family:IBM Plex Sans Arabic,system-ui,sans-serif;background:var(--ivory-2);color:var(--charcoal)}.app{min-height:100vh}.topbar{background:var(--green);color:var(--ivory);padding:18px 26px}.brand{font-weight:600;letter-spacing:.2px}.layout{display:grid;grid-template-columns:420px 1fr;gap:0;align-items:start}@media (max-width:900px){.layout{grid-template-columns:1fr}}.panel{padding:24px;background:#fff;min-height:calc(100vh - 60px);border-inline-start:1px solid #eee}.panel h3{font-size:15px;color:var(--green);margin:18px 0 10px}.panel h3:first-child{margin-top:0}.thumbs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.thumb{border:2px solid #e7e2d8;border-radius:12px;background:#fff;padding:6px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:.15s}.thumb.active{border-color:var(--gold);box-shadow:0 0 0 3px #b08d4c26}.thumb-canvas{width:100%;aspect-ratio:1;border-radius:7px}.thumb-label{font-size:12px;color:var(--gray)}.fields{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:13px;color:var(--gray)}.field input,.field textarea{font-family:inherit;font-size:15px;padding:10px 12px;border:1px solid #ddd;border-radius:9px;resize:vertical;background:#fafafa}.field input:focus,.field textarea:focus{outline:none;border-color:var(--gold);background:#fff}.adjust-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.adjust-head h3{margin:0}.adjust-reset{background:none;border:none;color:var(--gold);font-family:inherit;font-size:12px;cursor:pointer;padding:0}.adjust-reset:hover{text-decoration:underline}.adjusts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.adjust{display:flex;flex-direction:column;gap:6px}.adjust-label{font-size:13px;color:var(--gray)}.adjust-ctrl{display:flex;align-items:center;gap:8px}.adjust-ctrl button{width:34px;height:34px;flex:0 0 34px;border:1px solid #ddd;border-radius:9px;background:#fafafa;color:var(--green);font-size:18px;line-height:1;cursor:pointer;font-family:inherit}.adjust-ctrl button:hover{border-color:var(--gold);background:#fff}.adjust-ctrl button:active{background:var(--ivory-2)}.adjust-val{flex:1;text-align:center;font-size:13px;color:var(--charcoal);font-variant-numeric:tabular-nums}.download{margin-top:18px;width:100%;background:var(--green);color:var(--ivory);border:none;padding:14px;border-radius:11px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer}.download:hover{background:var(--green-deep)}.hint{margin-top:10px;font-size:12px;color:var(--gray);text-align:center}.stage{display:flex;align-items:center;justify-content:center;padding:34px;position:sticky;top:0}.preview-canvas{width:min(560px,90vw);height:auto;border-radius:14px;box-shadow:0 10px 40px #00000024}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--green)}.gate-card{background:#fff;border-radius:18px;padding:40px 36px;width:340px;display:flex;flex-direction:column;gap:12px;text-align:center;box-shadow:0 20px 60px #0000004d}.gate-name{font-family:Aref Ruqaa,serif;font-size:34px;color:var(--green)}.gate-desc{color:var(--gold);font-size:15px;margin-bottom:8px}.gate-card input{font-family:inherit;text-align:center;padding:12px;border:1px solid #ddd;border-radius:10px;font-size:16px}.gate-card input:focus{outline:none;border-color:var(--gold)}.gate-card button{background:var(--green);color:#fff;border:none;padding:12px;border-radius:10px;font-family:inherit;font-size:16px;cursor:pointer}.gate-err{color:#b3261e;font-size:13px}