:root{font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq",serif;color:#f7f9ff;background:#050505}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 15%,rgba(108,99,255,.28),transparent 34%),radial-gradient(circle at 88% 78%,rgba(0,229,255,.18),transparent 32%),#050505;color:#f7f9ff;display:grid;place-items:center;padding:24px;direction:rtl}.auth-shell{width:min(980px,100%);min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;background:#0e1017;border:1px solid #252938;border-radius:26px;overflow:hidden;box-shadow:0 28px 90px #0009}.auth-brand{position:relative;padding:54px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,rgba(108,99,255,.22),rgba(0,229,255,.07))}.auth-brand:after{content:"";position:absolute;width:230px;height:230px;border:1px solid rgba(0,229,255,.28);border-radius:50%;left:-70px;bottom:-80px}.auth-logo{width:150px;height:auto}.auth-brand h1{font-size:46px;margin:25px 0 10px}.auth-brand p{color:#b9c0d4;line-height:2;font-size:16px}.brand-line{width:74px;height:5px;background:linear-gradient(90deg,#6c63ff,#00e5ff);border-radius:10px}.auth-panel{background:#fff;color:#161923;padding:64px 50px;display:flex;flex-direction:column;justify-content:center}.auth-panel h2{font-size:30px;margin:0 0 8px}.auth-panel>p{color:#70788d;margin:0 0 28px}.auth-panel label{display:grid;gap:8px;margin:11px 0;font-weight:700}.auth-panel input{width:100%;height:48px;border:1px solid #d7dbe6;border-radius:10px;padding:8px 13px;font:inherit;background:#fafbfe}.auth-panel input:focus{outline:3px solid rgba(108,99,255,.16);border-color:#6c63ff}.auth-btn{width:100%;border:0;border-radius:10px;background:linear-gradient(135deg,#6c63ff,#4f8ef7);color:#fff;padding:12px 18px;font:700 17px inherit;cursor:pointer;margin-top:15px}.message{padding:10px 12px;border-radius:8px;background:#fff0f1;color:#9b2631;font-size:14px}.success{background:#e9fff9;color:#076e54}.auth-note{font-size:12px;color:#7d8495;margin-top:18px}.setup-shell{width:min(760px,100%);background:#fff;color:#171923;border-radius:22px;padding:34px;box-shadow:0 30px 100px #0009}.setup-shell h1{margin-top:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.form-grid label{display:grid;gap:6px}.form-grid input{height:45px;border:1px solid #d7dbe6;border-radius:9px;padding:8px 12px;font:inherit}.full{grid-column:1/-1}.ltr{direction:ltr;text-align:left}@media(max-width:720px){.auth-shell{grid-template-columns:1fr}.auth-brand{padding:28px;min-height:220px}.auth-brand h1{font-size:34px}.auth-panel{padding:34px 24px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}}

.public-login{direction:ltr;font-family:Inter,"Segoe UI",Arial,sans-serif;background:radial-gradient(circle at 12% 10%,rgba(44,83,255,.3),transparent 30%),radial-gradient(circle at 88% 82%,rgba(0,213,255,.2),transparent 30%),#050812}
.public-auth-shell{width:min(1120px,100%);min-height:660px;grid-template-columns:1.22fr .78fr;border-color:#2a3351;background:#11182c}
.public-intro{padding:42px 50px;gap:25px;background:linear-gradient(145deg,rgba(33,51,111,.72),rgba(5,17,35,.94));isolation:isolate}
.public-intro:after{z-index:-1;width:320px;height:320px;border-color:rgba(0,229,255,.2);left:-95px;bottom:-140px}
.public-intro .auth-logo{width:142px}
.auth-brand-copy{max-width:610px}
.product-kicker,.login-kicker{display:block;font:800 11px/1.2 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:1.8px;color:#42dcff;margin-bottom:14px}
.public-intro .brand-line{width:82px;height:4px;margin-bottom:15px}
.public-intro h1{font:800 clamp(34px,4vw,52px)/1.08 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-1.5px;margin:0 0 17px;color:#fff}
.public-intro .intro-lead{font:400 15px/1.65 Inter,"Segoe UI",Arial,sans-serif;color:#bdc9e5;margin:0 0 21px;max-width:590px}
.how-card{padding:15px 17px;border:1px solid rgba(110,211,255,.22);border-radius:14px;background:rgba(255,255,255,.055);backdrop-filter:blur(8px)}
.how-card>strong{display:block;font-size:13px;color:#fff;margin-bottom:9px}
.how-card ol{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.how-card li{display:flex;align-items:center;gap:9px;color:#cbd5ed;font-size:12px;line-height:1.45}
.how-card li span{flex:0 0 23px;height:23px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#665cff,#00cbe8);color:#fff;font-weight:800}
.public-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.public-btn{display:inline-flex;justify-content:center;align-items:center;min-width:132px;padding:10px 16px;border-radius:9px;text-decoration:none;font-size:13px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}
.public-btn:hover{transform:translateY(-2px)}
.public-btn.primary{color:#fff;background:linear-gradient(135deg,#665cff,#328aff);box-shadow:0 8px 24px rgba(77,105,255,.25)}
.public-btn.secondary{color:#e9fbff;border:1px solid rgba(78,218,255,.55);background:rgba(0,210,255,.08)}
.public-btn.email{color:#fff;border:1px solid rgba(145,137,255,.55);background:rgba(108,99,255,.16)}
.public-intro>small{font:600 10px/1.4 Inter,"Segoe UI",Arial,sans-serif;color:#7585aa;letter-spacing:.3px}
.public-login-panel{padding:54px 46px;direction:ltr;font-family:Inter,"Segoe UI",Arial,sans-serif}
.public-login-panel .login-kicker{color:#5b54df;margin-bottom:10px}
.public-login-panel h2{font:800 31px/1.2 Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.5px}
.public-login-panel>p{font-size:14px;line-height:1.5;margin-bottom:25px}
.public-login-panel label{font:700 12px/1.4 Inter,"Segoe UI",Arial,sans-serif;color:#3d4558}
.public-login-panel input{font:500 14px/1.2 Inter,"Segoe UI",Arial,sans-serif;direction:ltr}
.public-login-panel .auth-btn{font:800 14px/1.2 Inter,"Segoe UI",Arial,sans-serif;padding:14px 18px}
.panel-contact{align-self:flex-start;margin-top:13px;color:#5149cf;font-size:12px;font-weight:800;text-decoration:none;border-bottom:1px solid #aca8e9}
@media(max-width:820px){.public-auth-shell{grid-template-columns:1fr}.public-intro{padding:35px 30px}.public-intro h1{font-size:38px}.public-login-panel{padding:40px 30px}}
@media(max-width:520px){.public-login{padding:10px}.public-auth-shell{border-radius:17px}.public-intro{padding:27px 21px}.public-intro h1{font-size:31px;letter-spacing:-.8px}.public-intro .intro-lead{font-size:14px}.public-actions{display:grid;grid-template-columns:1fr 1fr}.public-btn{min-width:0}.public-login-panel{padding:32px 21px}}

.info-page{display:block;padding:0;direction:ltr;font-family:Inter,"Segoe UI",Arial,sans-serif;background:#070b15;color:#edf2ff}
.info-nav{position:sticky;top:0;z-index:20;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px max(24px,calc((100% - 1120px)/2));border-bottom:1px solid #29324b;background:rgba(7,11,21,.92);backdrop-filter:blur(14px)}
.info-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;font-weight:800}.info-brand img{width:112px;height:38px;object-fit:contain}.info-brand span{padding-left:13px;border-left:1px solid #36405d}
.info-nav nav{display:flex;align-items:center;gap:10px}.info-nav nav a{color:#c6cfe4;text-decoration:none;font-size:13px;font-weight:700;padding:9px 13px;border-radius:8px}.info-nav .nav-contact{color:#fff;background:linear-gradient(135deg,#665cff,#338cff)}
.info-main{width:min(1120px,calc(100% - 40px));margin:auto}
.info-hero{position:relative;overflow:hidden;text-align:center;padding:105px 30px 90px;border-bottom:1px solid #28314a}.info-hero:before{content:"";position:absolute;inset:-60px 10% auto;height:360px;background:radial-gradient(ellipse,rgba(80,91,255,.32),transparent 68%);pointer-events:none}.info-hero>*{position:relative}.info-hero h1{max-width:850px;margin:0 auto 22px;font-size:clamp(42px,6.5vw,76px);line-height:1.02;letter-spacing:-3px}.info-hero p{max-width:760px;margin:0 auto;color:#aeb9d2;font-size:17px;line-height:1.75}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:11px;margin-top:30px}
.info-section{padding:78px 0;border-bottom:1px solid #252e45}.intro-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.info-section h2{font-size:clamp(28px,4vw,43px);line-height:1.15;letter-spacing:-1.2px;margin:9px 0 15px}.section-number{display:inline-grid;place-items:center;min-width:38px;height:25px;padding:0 8px;border:1px solid #45537a;border-radius:99px;color:#50daf5;font-size:10px;font-weight:800;letter-spacing:1px}.section-copy p,.section-heading p,.feature-panel p{color:#aeb9d2;line-height:1.75}.section-copy p:first-child{margin-top:0;font-size:18px}.section-heading{display:flex;align-items:flex-start;gap:18px;margin-bottom:28px}.section-heading h2{margin-top:0}.section-heading p{margin:0}
.workflow-grid,.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.workflow-grid article,.capability-grid article{padding:24px;border:1px solid #29334e;border-radius:15px;background:linear-gradient(145deg,#111a2f,#0b1120)}.workflow-grid article>b{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#665cff,#20bfe1);font-size:12px}.workflow-grid h3,.capability-grid h3{font-size:16px;margin:18px 0 9px}.workflow-grid p,.capability-grid p{margin:0;color:#98a7c6;font-size:13px;line-height:1.65}
.split-section{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-panel{padding:34px;border:1px solid #2d3856;border-radius:19px}.ai-panel{background:linear-gradient(145deg,rgba(74,66,196,.27),#0d1425)}.urdu-panel{background:linear-gradient(145deg,rgba(0,157,182,.2),#0d1425)}.feature-panel ul{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}.feature-panel li{position:relative;padding-left:24px;color:#d6dded;font-size:13px}.feature-panel li:before{content:"✓";position:absolute;left:0;color:#4de0d2;font-weight:900}
.capability-grid article>span{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:#18233d;color:#57dcf3;font-size:20px}.info-cta{margin:78px 0;display:flex;align-items:center;justify-content:space-between;gap:35px;padding:44px;border:1px solid #354367;border-radius:22px;background:linear-gradient(135deg,rgba(96,78,229,.25),rgba(0,188,218,.13))}.info-cta>div>span{color:#51d9f2;font-size:10px;font-weight:800;letter-spacing:1.5px}.info-cta h2{max-width:650px;margin:10px 0 0;font-size:clamp(26px,3.5vw,42px);line-height:1.15}.info-cta .hero-actions{flex:0 0 auto;margin:0;display:grid}.info-footer{width:min(1120px,calc(100% - 40px));margin:auto;padding:0 0 35px;display:flex;justify-content:space-between;color:#6f7c9a;font-size:11px}
@media(max-width:800px){.workflow-grid,.capability-grid{grid-template-columns:1fr 1fr}.intro-grid,.split-section{grid-template-columns:1fr;gap:25px}.info-cta{display:block}.info-cta .hero-actions{margin-top:25px;display:flex;justify-content:flex-start}}
@media(max-width:540px){.info-nav{padding:11px 15px}.info-brand span{display:none}.info-nav nav a:first-child{display:none}.info-main{width:min(100% - 26px,1120px)}.info-hero{padding:72px 5px 62px}.info-hero h1{font-size:42px;letter-spacing:-1.8px}.info-hero p{font-size:15px}.info-section{padding:55px 0}.workflow-grid,.capability-grid{grid-template-columns:1fr}.feature-panel{padding:25px}.info-cta{margin:55px 0;padding:27px}.info-footer{width:calc(100% - 26px);display:grid;gap:7px}}
