@import "https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600;700;800&display=swap";:root{--accent:#6366f1;--accent-end:#764ba2;--red:#f87171;--red-bg:#ef44441a;--amber:#fbbf24;--amber-bg:#f59e0b1a;--dark-bg:#0d1117;--glass-bg:#ffffff0a;--glass-border:#ffffff17;--text-light:#ffffffe0;--text-muted:#ffffff59;--input-bg:#ffffff0e;--input-border:#ffffff1a}.cl-page{direction:rtl;background:radial-gradient(70% 60% at 15% 15%,#6366f138 0%,#0000 60%),radial-gradient(60% 70% at 85% 85%,#8b5cf62e 0%,#0000 55%),radial-gradient(45% 45% at 80% 10%,#0ea5e91a 0%,#0000 55%),radial-gradient(50% 50% at 20% 90%,#6366f11f 0%,#0000 55%),#0d1117;justify-content:center;align-items:center;min-height:100vh;font-family:Cairo,sans-serif;display:flex;position:relative;overflow:hidden}.cl-page:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff0e 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.cl-blob{filter:blur(100px);pointer-events:none;z-index:0;will-change:transform;border-radius:50%;position:absolute}.cl-blob-1{background:radial-gradient(circle,#6366f133 0%,#0000 70%);width:600px;height:600px;animation:14s ease-in-out infinite drift1;top:-180px;right:-120px}.cl-blob-2{background:radial-gradient(circle,#8b5cf629 0%,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite drift2;bottom:-130px;left:-100px}.cl-blob-3{background:radial-gradient(circle,#0ea5e91a 0%,#0000 70%);width:350px;height:350px;animation:22s ease-in-out infinite drift3;top:50%;left:30%}.cl-blob-4{background:radial-gradient(circle,#a855f71a 0%,#0000 70%);width:280px;height:280px;animation:26s ease-in-out infinite reverse drift1;top:20%;right:25%}@keyframes drift1{0%,to{transform:translate(0)}33%{transform:translate(40px,30px)}66%{transform:translate(-20px,50px)}}@keyframes drift2{0%,to{transform:translate(0)}33%{transform:translate(-50px,-30px)}66%{transform:translate(30px,-50px)}}@keyframes drift3{0%,to{transform:translate(0)}50%{transform:translate(60px,-40px)}}.cl-main{z-index:10;flex-direction:column;align-items:center;gap:20px;display:flex;position:relative}@keyframes cardIn{0%{opacity:0;transform:translateY(28px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cl-card{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(32px);border-radius:24px;width:400px;padding:44px 42px 36px;animation:.65s cubic-bezier(.16,1,.3,1) both cardIn;position:relative;box-shadow:0 48px 100px #00000080,0 0 0 1px #ffffff0a,inset 0 1px #ffffff1a}.cl-card:before{content:"";background:linear-gradient(90deg,#764ba2,#6366f1,#818cf8,#38bdf8,#6366f1,#764ba2) 0 0/200% 100%;border-radius:24px 24px 0 0;height:2px;animation:5s linear infinite shimmer;position:absolute;top:0;left:0;right:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.cl-logo-section{flex-direction:column;align-items:center;gap:10px;margin-bottom:32px;display:flex}.cl-logo-ring{background:#6366f124;border:1px solid #6366f147;border-radius:22px;justify-content:center;align-items:center;width:78px;height:78px;margin-bottom:2px;display:flex;box-shadow:0 0 36px #6366f138,inset 0 1px #ffffff1a}.cl-logo{object-fit:contain;width:54px;height:54px}.cl-brand-name{letter-spacing:.04em;background:linear-gradient(135deg,#e0e7ff 0%,#c4b5fd 55%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.55rem;font-weight:800}.cl-brand-sub{color:var(--text-muted);margin:0;font-size:.84rem;font-weight:400}.cl-error{background:var(--red-bg);border:1px solid #ef44442e;border-right:3px solid var(--red);color:var(--red);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:18px;padding:12px 14px;font-size:.84rem;font-weight:500;animation:.3s ease-out both cardIn;display:flex}.cl-error svg{width:15px;height:15px;stroke:var(--red);fill:none;stroke-width:2px;stroke-linecap:round;flex-shrink:0;margin-top:1px}.cl-error--subscription{background:var(--amber-bg);border-color:#f59e0b2e;border-right-color:var(--amber);color:var(--amber)}.cl-error--subscription svg{stroke:var(--amber)}.cl-error-body{flex-direction:column;gap:3px;display:flex}.cl-error-body strong{font-size:.86rem;font-weight:700}.cl-error-body span{opacity:.85;font-size:.82rem;font-weight:400}.cl-error-hint{margin-top:4px;opacity:.65!important;font-size:.78rem!important}.cl-field{flex-direction:column;gap:7px;margin-bottom:16px;display:flex}.cl-label{color:#ffffff85;font-size:.84rem;font-weight:600}.cl-input-wrap{align-items:center;display:flex;position:relative}.cl-icon{pointer-events:none;color:#ffffff40;align-items:center;transition:color .2s;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.cl-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.cl-input{border:1.5px solid var(--input-border);width:100%;color:var(--text-light);background:var(--input-bg);text-align:right;-webkit-appearance:none;direction:rtl;border-radius:11px;outline:none;padding:12px 44px 12px 14px;font-family:Cairo,sans-serif;font-size:.92rem;transition:border-color .2s,box-shadow .2s,background .2s}.cl-input::placeholder{color:#ffffff2e}.cl-input:focus{background:#6366f112;border-color:#6366f1a6;box-shadow:0 0 0 3px #6366f121}.cl-input-wrap:focus-within .cl-icon{color:#6366f1bf}.cl-input:disabled{opacity:.45;cursor:not-allowed}.cl-input--pw{padding-left:44px}.cl-eye{cursor:pointer;color:#ffffff40;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cl-eye:hover{color:#6366f1e6}.cl-eye svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.cl-submit{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-end) 100%);color:#fff;cursor:pointer;letter-spacing:.02em;border:none;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:6px;padding:13px;font-family:Cairo,sans-serif;font-size:.97rem;font-weight:700;transition:transform .2s,box-shadow .2s,opacity .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 28px #6366f173}.cl-submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff2e,#0000);width:50%;height:100%;transition:left .55s;position:absolute;top:0;left:-75%;transform:skew(-20deg)}.cl-submit:hover:not(:disabled):before{left:150%}.cl-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 36px #6366f18c}.cl-submit:active:not(:disabled){transform:translateY(0)}.cl-submit:disabled{opacity:.55;cursor:not-allowed;transform:none}@keyframes spin{to{transform:rotate(360deg)}}.cl-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:17px;height:17px;animation:.7s linear infinite spin}.cl-footer{text-align:center;color:#ffffff2e;margin-top:24px;font-size:.72rem}.cl-footer-sep{margin:0 6px}.cl-footer-link{color:#ffffff8c;text-decoration:none;transition:color .2s}.cl-footer-link:hover,.cl-footer-link:focus-visible{color:#ffffffe6}.cl-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:8px;padding:7px 18px;display:flex}.cl-badge-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 8px #22c55eb3}@keyframes pulse{0%,to{box-shadow:0 0 6px #22c55e99}50%{box-shadow:0 0 14px #22c55ee6}}.cl-badge-text{color:#fff6;direction:rtl;font-size:.76rem;font-weight:500}.cl-side{pointer-events:none;z-index:5;flex-direction:column;gap:18px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cl-side-left{left:5%}.cl-side-right{right:5%}.cl-deco-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;opacity:0;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:10px;width:172px;padding:18px 16px;animation:.7s ease-out forwards decoIn;display:flex}@keyframes decoIn{0%{opacity:0;transform:translateY(16px)}to{opacity:.52;transform:translateY(0)}}.cl-deco-0{animation:.7s ease-out .2s forwards decoIn,5.5s ease-in-out 1.2s infinite float-a}.cl-deco-1{animation:.7s ease-out .4s forwards decoIn,6.5s ease-in-out .8s infinite float-b}.cl-deco-2{animation:.7s ease-out .3s forwards decoIn,5s ease-in-out 1.5s infinite float-c}.cl-deco-3{animation:.7s ease-out .5s forwards decoIn,7s ease-in-out 1s infinite float-d}@keyframes float-a{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-12px)rotate(-.6deg)}}@keyframes float-b{0%,to{transform:translateY(0)rotate(.6deg)}50%{transform:translateY(-9px)rotate(.6deg)}}@keyframes float-c{0%,to{transform:translateY(0)rotate(.5deg)}50%{transform:translateY(-14px)rotate(.5deg)}}@keyframes float-d{0%,to{transform:translateY(0)rotate(-.5deg)}50%{transform:translateY(-10px)rotate(-.5deg)}}.cl-deco-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.cl-deco-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.cl-deco-title{color:#ffffffd1;direction:rtl;margin:0;font-size:.86rem;font-weight:700}.cl-deco-sub{color:#ffffff4d;letter-spacing:.02em;margin:2px 0 0;font-size:.68rem}.cl-deco-desc{color:#ffffff4d;direction:rtl;border-top:1px solid #ffffff0f;width:100%;margin:0;padding-top:9px;font-size:.7rem;line-height:1.5}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}.cl-toast{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:100;pointer-events:none;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;min-width:220px;max-width:280px;padding:11px 15px;position:fixed;bottom:28px;left:28px;box-shadow:0 8px 32px #00000059}.cl-toast--in{animation:.4s cubic-bezier(.16,1,.3,1) forwards toastIn}.cl-toast--out{animation:.3s ease-in forwards toastOut}.cl-toast-sender{color:#ffffff52;letter-spacing:.03em;align-items:center;gap:6px;margin-bottom:7px;font-size:.69rem;font-weight:600;display:flex}.cl-toast-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 6px #22c55e99}.cl-toast-body{align-items:center;gap:10px;display:flex}.cl-toast-icon{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.cl-toast-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.cl-toast-label{color:#ffffffb8;text-align:right;direction:rtl;font-size:.82rem;font-weight:600;line-height:1.4}@media (width<=1100px){.cl-side{display:none}}@media (width<=520px){.cl-card{border-radius:18px;width:calc(100vw - 32px);padding:36px 24px 28px}.cl-toast{display:none}}.registration-form-label{color:#1e293b;margin-bottom:6px;font-size:14px;font-weight:600;display:block}.registration-form-input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.95rem;line-height:1.4}.registration-form-input::placeholder{color:#94a3b8}.registration-form-input:focus{border-color:#6366f1a6;box-shadow:0 0 0 3px #6366f126}.registration-form-input:disabled{opacity:.65;cursor:not-allowed}@media (prefers-color-scheme:dark){.registration-form-label{color:#1e293b}.registration-form-input{color:#0f172a;background-color:#fff;border-color:#e2e8f0}.registration-form-input::placeholder{color:#94a3b8}}.registration-field-error{color:#ef4444;margin-top:4px;margin-bottom:0;font-size:.875rem;line-height:1.4}.registration-consent{color:#6b7280;text-align:center;margin:4px 0 14px;font-size:.8125rem;line-height:1.6}.registration-consent a{color:#6366f1;text-underline-offset:2px;text-decoration:underline}.registration-submit-button{justify-content:center;align-items:center;gap:10px;display:inline-flex}.registration-submit-button:disabled{opacity:.85}.registration-submit-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:1rem;height:1rem;animation:.65s linear infinite registration-submit-spin;display:inline-block}@keyframes registration-submit-spin{to{transform:rotate(360deg)}}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}input,textarea{-webkit-user-select:text;user-select:text}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow:hidden auto}[dir=rtl] body{font-family:Cairo,Segoe UI,Tahoma,sans-serif}[dir=rtl]{text-align:right}[dir=ltr]{text-align:left}body::-webkit-scrollbar{display:none}::-webkit-scrollbar{display:none}body,*{-ms-overflow-style:none;scrollbar-width:none}.container{max-width:400px;margin:0 auto;padding:20px}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px;box-shadow:0 10px 40px #0000001a}.login-header{text-align:center;margin-bottom:30px}.login-header h1{color:#333;margin-bottom:10px;font-size:28px}.login-header p{color:#666;font-size:14px}.form-group{margin-bottom:20px}.form-group label{color:#333;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input{border:1px solid #ddd;border-radius:6px;width:100%;padding:12px 15px;font-size:16px;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#667eea;outline:none}.form-group select{cursor:pointer;background-color:#fff;border:1px solid #ddd;border-radius:6px;width:100%;padding:12px 15px;font-size:16px;transition:border-color .3s}.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn:disabled{cursor:not-allowed;background:#ccc;transform:none}.error-message{color:#c33;background:#fee;border:1px solid #fcc;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}.success-message{color:#3c3;background:#efe;border:1px solid #cfc;border-radius:6px;margin-bottom:20px;padding:12px;font-size:14px}.dashboard-container{max-width:1200px;margin:0 auto;padding:40px 20px}.dashboard-header{background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:30px;padding:30px;display:flex;box-shadow:0 2px 10px #0000001a}.dashboard-header h1{color:#333;font-size:28px}.user-info{text-align:right}.user-info p{color:#666;margin-bottom:10px}.btn-logout{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:background .3s}.btn-logout:hover{background:#c82333}.dashboard-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 10px #0000001a}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px;display:grid}.info-card{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;padding:20px}.info-card h3{color:#333;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:14px}.info-card p{color:#666;font-size:18px;font-weight:600}.loading{text-align:center;color:#666;padding:20px}@media (width<=768px){input,select,textarea{font-size:16px!important}table{min-width:0}}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:2000px;transform:translateY(0)}}