/* صفحهٔ ورود مشتریان مجاز — سه‌بعدی، سبک، بدون تصویر. فقط CSS + کمی JS. */
.cag-body{margin:0;min-height:100vh;min-height:100svh;color:#eafaf5;font-family:'RestaurantArabic',Tahoma,Arial,sans-serif;background:#04211d;overflow-x:hidden;-webkit-font-smoothing:antialiased}
.cag-body *,.cag-body *::before,.cag-body *::after{box-sizing:border-box}
.cag-scene{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(90% 60% at 80% -10%,rgba(45,212,160,.30),transparent 60%),radial-gradient(70% 55% at 0% 100%,rgba(245,158,11,.20),transparent 60%),linear-gradient(170deg,#0a4a3f,#06302a 55%,#031a17)}
.cag-floor{position:absolute;left:-40%;right:-40%;bottom:-6%;height:58%;background-image:linear-gradient(rgba(125,240,205,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(125,240,205,.16) 1px,transparent 1px);background-size:56px 56px;transform:perspective(520px) rotateX(64deg);transform-origin:50% 100%;-webkit-mask-image:linear-gradient(0deg,#000 5%,transparent 88%);mask-image:linear-gradient(0deg,#000 5%,transparent 88%);animation:cagFloor 14s linear infinite}
@keyframes cagFloor{to{background-position:0 56px,56px 0}}
.cag-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.55),rgba(255,255,255,.08) 38%,rgba(52,211,153,.10) 70%,transparent 72%);box-shadow:inset -10px -14px 30px rgba(0,0,0,.25),0 30px 60px -20px rgba(0,0,0,.5);animation:cagFloat 9s ease-in-out infinite}
.cag-orb.o1{width:150px;height:150px;top:9%;inset-inline-start:7%}
.cag-orb.o2{width:92px;height:92px;top:58%;inset-inline-end:9%;animation-delay:-3s;animation-duration:11s}
.cag-orb.o3{width:58px;height:58px;top:26%;inset-inline-end:22%;animation-delay:-6s;background:radial-gradient(circle at 32% 28%,rgba(255,236,190,.7),rgba(245,158,11,.14) 55%,transparent 72%)}
@keyframes cagFloat{50%{transform:translate3d(0,-22px,0)}}
.cag-wrap{position:relative;z-index:2;width:min(560px,100% - 28px);margin:0 auto;padding:clamp(22px,5vh,54px) 0 44px;display:flex;flex-direction:column;align-items:center;gap:18px}
.cag-brand{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);font-size:12.5px;font-weight:800;color:#bff3df;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.cag-brand i{width:8px;height:8px;border-radius:50%;background:#34d399;box-shadow:0 0 0 4px rgba(52,211,153,.25);font-style:normal}
.cag-status{text-align:center;perspective:700px}
.cag-badge{position:relative;width:92px;height:92px;margin:0 auto 14px;border-radius:28px;display:grid;place-items:center;font-size:44px;line-height:1;background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.35);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 -10px 20px rgba(0,0,0,.18) inset,0 22px 40px -14px rgba(0,0,0,.6),0 0 0 8px rgba(255,255,255,.04),0 0 60px -6px rgba(52,211,153,.55);transform-style:preserve-3d;animation:cagBadge 6s ease-in-out infinite}
.cag-badge::after{content:"";position:absolute;inset:6px;border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.35),transparent 45%);pointer-events:none}
.cag-badge span{transform:translateZ(26px);filter:drop-shadow(0 8px 10px rgba(0,0,0,.35))}
@keyframes cagBadge{0%,100%{transform:rotateX(8deg) rotateY(-14deg) translateY(0)}50%{transform:rotateX(-6deg) rotateY(14deg) translateY(-8px)}}
.cag-status h1{margin:0 0 8px;font-size:clamp(21px,5.6vw,28px);line-height:1.5;font-weight:900;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25),0 12px 26px rgba(0,0,0,.35)}
.cag-status p{margin:0 auto;max-width:460px;font-size:14px;line-height:2.05;color:#c5e8dc}
.cag-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px}
.cag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#d7f5ea;font-size:12px;text-decoration:none;font-weight:700}
a.cag-chip:hover{background:rgba(255,255,255,.16)}
.cag-tilt{width:100%;perspective:1000px}
.cag-card{position:relative;width:100%;padding:22px 20px 20px;border-radius:26px;text-align:right;color:#eafaf5;background:linear-gradient(155deg,rgba(255,255,255,.17),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.26);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 40px 70px -30px rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.12);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out;will-change:transform}
.cag-card.is-live{transition:transform .06s linear}
.cag-card::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(240px 240px at var(--mx,50%) var(--my,0%),rgba(255,255,255,.22),transparent 65%);opacity:var(--gl,0);transition:opacity .3s}
.cag-card>*{transform:translateZ(18px)}
.cag-card-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}
.cag-key{flex:0 0 46px;width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:23px;background:linear-gradient(145deg,#fbbf24,#d97706);box-shadow:0 10px 20px -8px rgba(217,119,6,.8),0 1px 0 rgba(255,255,255,.6) inset}
.cag-card h2{margin:0;font-size:17px;font-weight:900;color:#fff}
.cag-card-sub{margin:0 0 14px;font-size:13px;line-height:2;color:#bfe6d8}
.cag-field{position:relative;display:block}
.cag-input{width:100%;height:60px;padding:0 54px 0 16px;border-radius:18px;border:1.5px solid rgba(255,255,255,.28);background:rgba(3,26,23,.55);color:#fff;font:inherit;font-size:24px;font-weight:800;letter-spacing:2px;direction:ltr;text-align:center;outline:none;box-shadow:0 2px 0 rgba(0,0,0,.25) inset,0 10px 24px -14px rgba(0,0,0,.7);transition:border-color .2s,box-shadow .2s,background .2s}
.cag-input::placeholder{color:rgba(190,230,216,.38);letter-spacing:3px;font-weight:600}
.cag-input:focus{border-color:#34d399;background:rgba(3,26,23,.75);box-shadow:0 0 0 4px rgba(52,211,153,.22),0 2px 0 rgba(0,0,0,.25) inset}
.cag-input.is-ok{border-color:#34d399}
.cag-input.is-bad{border-color:#fb7185;animation:cagShake .4s}
@keyframes cagShake{20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}
.cag-ico{position:absolute;top:50%;inset-inline-end:16px;transform:translateY(-50%);width:24px;height:24px;color:#8fe3c4;pointer-events:none}
.cag-meter{height:4px;border-radius:4px;background:rgba(255,255,255,.14);margin:10px 4px 14px;overflow:hidden}
.cag-meter i{display:block;height:100%;width:0;border-radius:4px;background:linear-gradient(90deg,#34d399,#fbbf24);transition:width .2s}
.cag-btn{position:relative;width:100%;height:56px;border:0;border-radius:18px;cursor:pointer;font:inherit;font-size:16px;font-weight:900;color:#053b2e;background:linear-gradient(180deg,#6ee7b7,#22c58b 55%,#12a06f);box-shadow:0 1px 0 rgba(255,255,255,.65) inset,0 -4px 0 rgba(0,0,0,.14) inset,0 16px 28px -10px rgba(18,160,111,.85);display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .15s,box-shadow .15s,filter .15s}
.cag-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}
.cag-btn:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(255,255,255,.5) inset,0 8px 16px -8px rgba(18,160,111,.85)}
.cag-btn:focus-visible,.cag-link:focus-visible,a.cag-chip:focus-visible{outline:3px solid #fbbf24;outline-offset:3px}
.cag-btn[disabled]{cursor:wait;filter:saturate(.6) brightness(.9);transform:none}
.cag-btn.is-loading::after{content:"";width:18px;height:18px;border-radius:50%;border:3px solid rgba(5,59,46,.3);border-top-color:#053b2e;animation:cagSpin .7s linear infinite}
@keyframes cagSpin{to{transform:rotate(360deg)}}
.cag-err{margin-top:12px;padding:11px 14px;border-radius:14px;background:rgba(244,63,94,.16);border:1px solid rgba(251,113,133,.5);color:#ffd7de;font-size:13px;line-height:1.9}
.cag-hint{margin-top:12px;min-height:18px;font-size:12px;color:#ffd58a;text-align:center}
.cag-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.cag-trust span{padding:9px 6px;border-radius:14px;text-align:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);font-size:11.5px;line-height:1.7;color:#c9ece0;font-weight:700}
.cag-trust b{display:block;font-size:18px;margin-bottom:2px}
.cag-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.cag-link{display:inline-flex;align-items:center;gap:6px;padding:11px 20px;border-radius:16px;text-decoration:none;font-weight:800;font-size:13px;color:#d9f7ec;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cag-link:hover{background:rgba(255,255,255,.18)}
.cag-foot{font-size:11.5px;color:#8dc4b2;text-align:center;line-height:1.9}
@media(max-width:560px){.cag-orb.o1{width:96px;height:96px}.cag-orb.o3{display:none}.cag-card{padding:18px 15px 16px;border-radius:22px}.cag-input{height:56px;font-size:21px}.cag-floor{background-size:40px 40px;animation:none}.cag-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}
@media(prefers-reduced-motion:reduce){.cag-floor,.cag-orb,.cag-badge,.cag-btn.is-loading::after,.cag-input.is-bad{animation:none}.cag-card{transition:none;transform:none!important}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.cag-card{background:rgba(9,58,50,.92)}.cag-brand,.cag-link{background:rgba(9,58,50,.85)}}