*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:radial-gradient(ellipse at 12% 0%,#4d3a1d45,transparent 52%),linear-gradient(140deg,#05060a,#0b0e15 62%,#090b10);color:#f4f1ea;font-family:Tajawal,"IBM Plex Sans Arabic",Tahoma,sans-serif;line-height:1.75}a{color:#e8cf8a}.cp-head{max-width:1200px;margin:auto;padding:20px clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between;gap:12px}.cp-brand{display:flex;align-items:center;gap:12px;color:#f4f1ea;text-decoration:none;font-weight:900;letter-spacing:2px}.cp-brand img{height:54px;width:54px;object-fit:contain}.cp-brand small{display:block;letter-spacing:4px;color:#c9a96a;font-size:10px;margin-top:-8px}.cp-admin{text-decoration:none;font-size:13px;color:#a9b1c3}.cp-shell{max-width:1150px;margin:clamp(16px,5vh,70px) auto;display:grid;grid-template-columns:1.1fr 0.9fr;align-items:center;gap:clamp(25px,6vw,90px);padding:20px clamp(18px,4vw,48px)}.cp-kicker{color:#c9a96a;font-size:12px;letter-spacing:2px}.cp-hero h1{font-size:clamp(36px,5vw,68px);line-height:1.25;margin:18px 0;background:linear-gradient(110deg,#fff4db,#c9a96a);background-clip:text;color:transparent}.cp-hero p{color:#a9b1c3;max-width:48ch;font-size:17px}.cp-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:28px}.cp-badges span{border:1px solid #c9a96a38;border-radius:20px;padding:5px 13px;color:#c7bdac;font-size:12px}.cp-card{background:linear-gradient(150deg,#191b22,#0d1019);border:1px solid #c9a96a44;padding:clamp(22px,4vw,42px);border-radius:28px;box-shadow:0 25px 80px #0008,inset 0 1px #fff1}.cp-card h2{font-size:26px;margin:0 0 5px}.cp-muted{color:#a9b1c3;font-size:14px;margin:0 0 24px}.cp-card label{display:block;font-size:13px;margin:13px 0 7px}.cp-card input{display:block;width:100%;background:#090c13;color:#fff;border:1px solid #4d4950;border-radius:13px;padding:13px 14px;min-height:46px;font:inherit;outline:none}.cp-card input:focus-visible{border-color:#e8cf8a;box-shadow:0 0 0 3px #c9a96a33}.cp-card button{width:100%;border:0;border-radius:13px;min-height:49px;margin-top:22px;color:#171309;font-weight:800;font-size:15px;background:linear-gradient(115deg,#a98238,#f6e7b8,#c9a96a);cursor:pointer}.cp-card button:hover{filter:brightness(1.08)}.cp-card .cp-secondary{background:#1f222d;border:1px solid #c9a96a;color:#f4f1ea}.cp-switch{text-align:center;font-size:14px;color:#a9b1c3;margin:22px 0 0}.cp-alert,.cp-success,.cp-note,.cp-status{border-radius:12px;padding:12px 14px;margin:12px 0;background:#251b1d;border:1px solid #8b444a;color:#f5d6d8;font-size:14px}.cp-success,.cp-status{background:#17221f;border-color:#3f8c74;color:#dcf8e9}.cp-note{background:#1a1b20;border-color:#5c523c;color:#d5ccb6}.cp-status{display:flex;justify-content:space-between;gap:12px}.cp-footer{text-align:center;color:#8b8f9c;padding:30px;font-size:12px}.cp-hp{position:absolute!important;left:-99999px!important;width:1px;height:1px;overflow:hidden}@media(max-width:760px){.cp-shell{grid-template-columns:1fr;gap:18px;margin:0 auto}.cp-hero h1{font-size:33px}.cp-hero p{font-size:14px;margin-bottom:0}.cp-badges{margin-top:12px}.cp-card{border-radius:20px}.cp-head{padding:12px 18px}.cp-brand img{width:43px;height:43px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}