:root{--g-950:#022c22;--g-900:#064e3b;--g-800:#065f46;--g-700:#047857;--g-600:#059669;--g-500:#10b981;--g-400:#34d399;--g-100:#d1fae5;--g-50:#ecfdf5;--gold:#f5c76b;--ink:#0b1f1a;--muted:#5b6f69;--line:#dfe9e5;--danger:#dc2626;--ease:cubic-bezier(.22, 1, .36, 1);--font:"Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff}button,input{font:inherit}.auth__shell{grid-template-columns:1.05fr 1fr;min-height:100vh;display:grid}.showcase{color:#fff;background:linear-gradient(145deg, var(--g-950), var(--g-800) 55%, var(--g-600));background-size:160% 160%;animation:14s ease-in-out infinite gradient;position:relative;overflow:hidden}.showcase__bg{position:absolute;inset:0}.pattern{color:#ffffff17;width:100%;height:100%;animation:40s linear infinite drift;position:absolute;inset:0}.orb{filter:blur(60px);opacity:.55;border-radius:50%;animation:12s ease-in-out infinite float;position:absolute}.orb--1{background:var(--g-400);width:380px;height:380px;top:-120px;left:-80px}.orb--2{background:var(--gold);opacity:.22;width:320px;height:320px;animation-delay:-4s;bottom:-100px;right:-60px}.orb--3{background:#6ee7b7;width:220px;height:220px;animation-delay:-8s;top:45%;left:55%}.showcase__content{z-index:1;flex-direction:column;justify-content:space-between;gap:40px;height:100%;padding:clamp(32px,5vw,64px);display:flex;position:relative}.brand{animation:rise .9s var(--ease) both;align-items:center;gap:12px;display:flex}.brand__mark{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24;border:1px solid #ffffff40;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.brand__mark svg{width:22px;height:22px;color:var(--gold)}.brand__name{letter-spacing:.01em;font-size:1.05rem;font-weight:700}.showcase__copy{animation:rise .9s .15s var(--ease) both}.showcase__copy h2{letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(2rem,3.6vw,3.1rem);font-weight:800;line-height:1.08}.showcase__copy em{background:linear-gradient(90deg, #a7f3d0, var(--gold));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.showcase__copy p{color:#ffffffc7;max-width:420px;margin:0;line-height:1.65}.cards{flex-wrap:wrap;gap:16px;display:flex}.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff1f;border:1px solid #ffffff38;border-radius:18px;align-items:center;gap:14px;padding:14px 18px;display:flex;box-shadow:0 18px 40px -18px #00000073}.glass small{color:#ffffffb3;margin-bottom:2px;font-size:.72rem;display:block}.glass strong{font-size:.95rem}.glass--a{animation:rise .9s .3s var(--ease) both, bob 6s 1.2s ease-in-out infinite}.glass--b{animation:rise .9s .45s var(--ease) both, bob 7s 1.6s ease-in-out infinite reverse}.ring{width:46px;height:46px;position:relative}.ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring circle{fill:none;stroke-width:3.4px}.ring__bg{stroke:#fff3}.ring__fg{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100px;animation:fill 1.8s .8s var(--ease) forwards}.ring b{place-items:center;font-size:.72rem;display:grid;position:absolute;inset:0}.bars{align-items:flex-end;gap:4px;height:34px;display:flex}.bars i{background:linear-gradient(var(--g-400), #fff);width:6px;height:30%;animation:grow 1.2s var(--ease) forwards, pulse 3s 1.6s ease-in-out infinite;border-radius:3px}.bars i:first-child{--h:45%;animation-delay:.6s,1.8s}.bars i:nth-child(2){--h:70%;animation-delay:.7s,2s}.bars i:nth-child(3){--h:55%;animation-delay:.8s,2.2s}.bars i:nth-child(4){--h:90%;animation-delay:.9s,2.4s}.bars i:nth-child(5){--h:65%;animation-delay:1s,2.6s}.bars i:nth-child(6){--h:100%;animation-delay:1.1s,2.8s}.panel{background:radial-gradient(700px 500px at 100% 0,#6ee7b759,#0000 70%),radial-gradient(600px 460px at 0 100%,#f5c76b38,#0000 70%),linear-gradient(160deg,#f3fbf7,#e4f5ec);place-items:center;padding:32px 20px;display:grid;position:relative;overflow:hidden}.card{z-index:1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc7;border:1px solid #ffffffe6;border-radius:28px;width:100%;max-width:430px;padding:40px 36px 32px;position:relative;box-shadow:0 40px 80px -30px #064e3b4d,inset 0 2px #fffc}.watermark{pointer-events:none;color:var(--g-700);position:absolute;inset:0}.wm{position:absolute}.wm--tile{opacity:.06;width:calc(100% + 160px);height:calc(100% + 160px);animation:60s linear infinite drift;inset:-80px}.wm--star{opacity:.09;width:560px;height:560px;animation:90s linear infinite spin;top:-180px;right:-180px}.wm--moon{opacity:.08;width:300px;height:300px;color:var(--g-600);animation:9s ease-in-out infinite bob;bottom:-70px;left:-60px}.wm-dot{background:var(--g-400);opacity:.35;filter:blur(2px);border-radius:50%;animation:10s ease-in-out infinite float;position:absolute}.wm-dot--1{width:14px;height:14px;top:18%;left:12%}.wm-dot--2{background:var(--gold);width:10px;height:10px;animation-delay:-3s;top:70%;right:14%}.wm-dot--3{width:18px;height:18px;animation-delay:-6s;top:40%;right:6%}.wm-text{color:var(--g-700);opacity:.09;margin:0;font-family:Amiri,Noto Naskh Arabic,Traditional Arabic,serif;font-size:3.4rem;line-height:1;position:absolute;bottom:22px;right:28px}.card.shake{animation:shake .5s var(--ease)}.card__logo{color:#fff;background:linear-gradient(140deg, var(--g-500), var(--g-800));border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:26px;display:grid;box-shadow:0 14px 28px -10px #05966999}.card__logo svg{width:26px;height:26px}.card h1{letter-spacing:-.02em;margin:0 0 8px;font-size:2rem;font-weight:800}.card header p{color:var(--muted);margin:0 0 30px}.field{margin-bottom:18px;position:relative}.field input{width:100%;height:58px;color:var(--ink);border:1.5px solid var(--line);background:#fff;border-radius:14px;outline:none;padding:22px 48px 6px 16px;transition:border-color .25s,box-shadow .25s,background .25s}.field input:hover{border-color:#c2d6cf}.field input:focus{border-color:var(--g-600);box-shadow:0 0 0 4px #10b98129}.field label{color:var(--muted);pointer-events:none;transform-origin:0 0;transition:transform .25s var(--ease), color .25s;font-size:.95rem;position:absolute;top:19px;left:16px}.field input:focus+label,.field input:not(:placeholder-shown)+label{transform:translateY(-11px)scale(.76)}.field input:focus+label{color:var(--g-700)}.field__icon,.field__toggle{color:#9bb0a9;width:24px;height:24px;position:absolute;top:17px;right:14px}.field:focus-within .field__icon{color:var(--g-600)}.field__toggle{cursor:pointer;background:0 0;border:0;padding:0;transition:color .2s}.field__toggle:hover{color:var(--g-700)}.field__toggle svg{width:100%;height:100%}.field__toggle .eye-off,.field__toggle.is-on .eye{display:none}.field__toggle.is-on .eye-off{display:block}.field.is-invalid input{border-color:var(--danger);box-shadow:0 0 0 4px #dc26261a}.error{color:var(--danger);animation:rise .4s var(--ease) both;margin:-8px 0 16px;font-size:.85rem}.row{margin:4px 0 24px}.check{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:.9rem;display:inline-flex}.check input{opacity:0;position:absolute}.check__box{width:20px;height:20px;transition:all .2s var(--ease);background:#fff;border:1.5px solid #bcd0c8;border-radius:6px;place-items:center;display:grid}.check__box:after{content:"";width:5px;height:10px;transition:transform .2s var(--ease);border:2px solid #fff;border-width:0 2px 2px 0;margin-top:-2px;transform:rotate(45deg)scale(0)}.check input:checked+.check__box{background:var(--g-600);border-color:var(--g-600)}.check input:checked+.check__box:after{transform:rotate(45deg)scale(1)}.check input:focus-visible+.check__box{box-shadow:0 0 0 4px #10b98140}.btn{cursor:pointer;color:#fff;letter-spacing:.01em;background:linear-gradient(135deg, var(--g-500), var(--g-700) 60%, var(--g-800));width:100%;height:56px;transition:transform .25s var(--ease), box-shadow .25s, background-position .6s;background-size:160% 160%;border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;font-size:1rem;font-weight:700;display:flex;position:relative;overflow:hidden;box-shadow:0 16px 30px -12px #047857b3}.btn:before{content:"";width:60%;height:100%;transition:left .7s var(--ease);background:linear-gradient(100deg,#0000,#ffffff59,#0000);position:absolute;top:0;left:-120%;transform:skew(-20deg)}.btn:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 22px 36px -14px #047857cc}.btn:hover:before{left:140%}.btn:active{transform:translateY(0)scale(.99)}.btn:focus-visible{outline-offset:3px;outline:3px solid #10b98173}.btn__arrow{width:20px;height:20px;transition:transform .25s var(--ease)}.btn:hover .btn__arrow{transform:translate(4px)}.btn__spinner{border:2.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin;display:none}.btn.is-loading{pointer-events:none;opacity:.92}.btn.is-loading .btn__spinner{display:block}.btn.is-loading .btn__arrow{display:none}footer{text-align:center;margin-top:28px}.lock{color:var(--muted);align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.lock svg{width:16px;height:16px;color:var(--g-600)}.reveal{opacity:0;animation:rise .8s calc(.15s + var(--d,0) * 80ms) var(--ease) forwards}.plain{background:linear-gradient(180deg, #fff, var(--g-50));place-items:center;display:grid}.empty{text-align:center;animation:rise .8s var(--ease) both}.empty h1{letter-spacing:-.02em;color:var(--g-800);margin:0 0 14px;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800}.link{color:var(--muted);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;text-decoration:underline}.link:hover{color:var(--g-700)}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes gradient{0%,to{background-position:0%}50%{background-position:100%}}@keyframes float{0%,to{transform:translate(0)scale(1)}50%{transform:translate(30px,-26px)scale(1.12)}}@keyframes drift{to{transform:translate(40px,40px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes fill{to{stroke-dashoffset:20px}}@keyframes grow{to{height:var(--h)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{0%,to{transform:none}20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}@media (width<=900px){.auth__shell{grid-template-columns:1fr}.showcase{min-height:0}.showcase__content{gap:20px;padding:28px 24px}.showcase__copy p,.cards{display:none}.showcase__copy h2{margin:0;font-size:1.7rem}.panel{align-items:start;padding-top:36px;padding-bottom:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1}.skyline{animation:none}.ring__fg{stroke-dashoffset:20px}.bars i{height:var(--h)}}.scene{position:absolute;inset:0;overflow:hidden}.rosette{color:#ffffff1f;width:620px;height:620px;margin-left:-310px;animation:120s linear infinite spin;position:absolute;top:4%;left:50%}.moon{filter:drop-shadow(0 0 24px #f5c76bbf)drop-shadow(0 0 60px #f5c76b66);width:92px;height:92px;animation:8s ease-in-out infinite bob;position:absolute;top:9%;right:11%}.moon svg{width:100%;height:100%}.stars i{background:#fff;border-radius:50%;width:3px;height:3px;animation:3s ease-in-out infinite twinkle;position:absolute;box-shadow:0 0 8px 1px #fffc}.stars i:nth-child(3n){width:4px;height:4px}.cloud{opacity:.1;width:150px;animation:50s linear infinite cloud;position:absolute}.cloud--1{top:24%;left:-160px}.cloud--2{opacity:.07;width:110px;animation-duration:70s;animation-delay:-30s;top:38%;left:-160px}.skyline{width:100%;height:36%;min-height:200px;animation:rise 1.2s .2s var(--ease) both;position:absolute;bottom:0;left:0}.windows{animation:4s ease-in-out infinite glow}.lantern{transform-origin:top;background:#ffffff59;width:2px;animation:5s ease-in-out infinite sway;position:absolute;top:0}.lantern span{background:linear-gradient(var(--gold), #e8a53a);clip-path:polygon(20% 0,80% 0,100% 25%,100% 80%,70% 100%,30% 100%,0 80%,0 25%);border-radius:6px 6px 11px 11px;width:22px;height:30px;margin-left:-11px;position:absolute;bottom:-26px;left:50%;box-shadow:0 0 26px 6px #f5c76b99}.lantern--1{height:110px;left:34%}.lantern--2{height:70px;animation-delay:-1.5s;left:46%}.lantern--3{height:140px;animation-delay:-3s;left:57%}.showcase__content{padding-bottom:clamp(190px,30vh,280px)}@keyframes twinkle{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1.3)}}@keyframes cloud{to{transform:translate(calc(100vw + 340px))}}@keyframes sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes glow{0%,to{opacity:.75}50%{opacity:1}}@media (width<=900px){.scene{display:none}.showcase__content{padding-bottom:28px}.card{border-radius:24px;padding:32px 22px 26px}}.loader{z-index:100;color:#fff;background:#021a14;place-items:center;display:none;position:fixed;inset:0;overflow:hidden}html.is-loading{overflow:hidden}html.is-loading .loader{animation:loaderIn .45s var(--ease) both;display:grid}html.is-loading.is-leaving .loader{animation:loaderOut .9s var(--ease) forwards}.loader__mesh span{filter:blur(90px);opacity:.65;border-radius:50%;animation:14s ease-in-out infinite meshMove;position:absolute}.loader__mesh span:first-child{background:#047857;width:60vmax;height:60vmax;top:-25vmax;left:-15vmax}.loader__mesh span:nth-child(2){opacity:.5;background:#0d9488;width:50vmax;height:50vmax;animation-delay:-5s;bottom:-25vmax;right:-12vmax}.loader__mesh span:nth-child(3){opacity:.28;background:#b8891f;width:30vmax;height:30vmax;animation-delay:-9s;top:35%;left:55%}.loader__grid{opacity:.5;background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 48%,#000,#0000 65%);mask-image:radial-gradient(circle at 50% 48%,#000,#0000 65%)}.loader__particles i{bottom:-10px;left:var(--x);width:var(--s);height:var(--s);opacity:0;animation:floatUp var(--t) var(--d) linear infinite;background:#a7f3d0;border-radius:50%;position:absolute;box-shadow:0 0 10px 2px #a7f3d099}.loader__particles i:nth-child(3n){background:var(--gold);box-shadow:0 0 10px 2px #f5c76b99}.loader__stage{text-align:center;padding:24px;position:relative}.lorb{place-items:center;width:168px;height:168px;margin:0 auto 34px;display:grid;position:relative}.lorb__glow{background:radial-gradient(circle,#34d3998c,#f5c76b26 45%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite orbBreath;position:absolute;inset:-40px}.lorb__ring{-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--w)), #000 calc(100% - var(--w) + 1px));-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - var(--w)), #000 calc(100% - var(--w) + 1px));mask:radial-gradient(farthest-side, transparent calc(100% - var(--w)), #000 calc(100% - var(--w) + 1px));border-radius:50%;position:absolute}.lorb__ring--1{--w:4px;background:conic-gradient(from 0deg, transparent 0 30%, #34d399 75%, #f5c76b 100%);animation:1.5s cubic-bezier(.5,.15,.5,.85) infinite spin;inset:0}.lorb__ring--2{--w:3px;background:conic-gradient(from 90deg, transparent 0 40%, #a7f3d0 85%, #fff 100%);opacity:.85;animation:2.4s linear infinite reverse spin;inset:16px}.lorb__ring--3{--w:2px;background:conic-gradient(from 200deg, transparent 0 55%, #f5c76bf2 100%);animation:3.6s linear infinite spin;inset:32px}.lorb__core{width:70px;height:70px;color:var(--gold);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 30% 25%,#ffffff47,#ffffff0f);border:1px solid #ffffff47;border-radius:50%;place-items:center;animation:3s ease-in-out infinite coreFloat;display:grid;position:relative;box-shadow:0 0 40px #34d39973,inset 0 0 18px #ffffff1f}.lorb__core svg{filter:drop-shadow(0 0 10px #f5c76be6);width:32px;height:32px}.lorb__dot{animation:2.8s linear infinite spin;position:absolute;inset:0}.lorb__dot:after{content:"";background:#fff;border-radius:50%;width:9px;height:9px;margin-left:-4.5px;position:absolute;top:-4px;left:50%;box-shadow:0 0 14px 4px #a7f3d0d9}.lorb__dot--2{animation-duration:4.6s;animation-direction:reverse;inset:16px}.lorb__dot--2:after{background:var(--gold);width:6px;height:6px;margin-left:-3px;top:-3px;box-shadow:0 0 12px 3px #f5c76bd9}.loader__title{letter-spacing:.01em;animation:rise .8s .15s var(--ease) both;margin:0 0 6px;font-size:1.4rem;font-weight:700}.loader__title span{background:linear-gradient(100deg,#ffffff8c 20%,#fff 40%,#f5c76b 50%,#fff 60%,#ffffff8c 80%) 0 0/220% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:2.4s linear infinite shimmer}.loader__sub{color:#ffffff8c;animation:rise .8s .3s var(--ease) both;margin:0;font-size:.9rem}.loader__meter{width:260px;animation:rise .8s .45s var(--ease) both;align-items:center;gap:14px;margin:28px auto 0;display:flex}.loader__track{background:#ffffff1f;border-radius:5px;flex:1;height:5px;overflow:hidden}.loader__track span{transform-origin:0;background:linear-gradient(90deg,#34d399,#f5c76b);border-radius:5px;width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 14px #34d399cc}.loader__pct{text-align:right;font-variant-numeric:tabular-nums;color:#ffffffd9;min-width:42px;font-size:.85rem;font-weight:700}@keyframes loaderIn{0%{opacity:0}to{opacity:1}}@keyframes loaderOut{to{opacity:0;filter:blur(10px);transform:scale(1.1)}}@keyframes meshMove{0%,to{transform:translate(0)scale(1)}50%{transform:translate(6vmax,4vmax)scale(1.15)}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)}15%{opacity:.9}to{opacity:0;transform:translateY(-110vh)}}@keyframes orbBreath{0%,to{opacity:.7;transform:scale(.85)}50%{opacity:1;transform:scale(1.1)}}@keyframes coreFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.06)}}@keyframes shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.loader__particles{display:none}}