*{box-sizing:border-box}
body{margin:0;font-family:Tahoma,"Segoe UI","Noto Naskh Arabic","Noto Nastaliq Urdu","Microsoft YaHei",Arial,sans-serif;background:#05070f;color:#f3e7c0;min-height:100vh}
body.lang-ur{font-family:"Noto Nastaliq Urdu","Jameel Noori Nastaleeq",Tahoma,Arial,sans-serif;line-height:1.9}
a{color:#e8c566;text-decoration:none}
/* landing / design pages */
.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#05070f}
.stage{position:relative;width:min(100vw,150vh);aspect-ratio:3/2;background-size:100% 100%;background-repeat:no-repeat;container-type:inline-size;direction:ltr;font-family:Cairo,Tahoma,Arial,sans-serif;overflow:hidden;user-select:none}
.stage.bg1{background-image:url(../img/landing.jpg?v=3)}
.stage.bg2{background-image:url(../img/home.jpg?v=3)}
.stage.bg4{background-image:url(../img/investor.jpg?v=3)}
.stage.bg3{background-image:url(../img/offices.jpg?v=3);aspect-ratio:1536/948;width:min(100vw,162vh)}
.stage .h1w{color:#fff;font-weight:900}
.stage .h2g{background:linear-gradient(#fff0b8,#e5b84e 60%,#c28f2b);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900;white-space:nowrap}
.stage .hs{color:#f4efe2;font-weight:500}
body.lang-ur .stage{font-family:"Noto Nastaliq Urdu",Cairo,Tahoma,sans-serif}
body.lang-zh .stage{font-family:"Noto Sans SC","Microsoft YaHei","PingFang SC",sans-serif}
.stage .t{position:absolute;display:flex;align-items:center;justify-content:center;text-align:center;white-space:pre-line;line-height:1.3;color:#f3ead2}
body.lang-ur .stage .t{line-height:1.75}
.stage .logo{position:absolute;animation:spin 14s linear infinite;filter:drop-shadow(0 0 12px rgba(255,200,90,.3))}
@keyframes spin{to{transform:rotate(360deg)}}
.stage .gold,.stage .brand{background:linear-gradient(#fff3c4,#e2b44c 58%,#b78524);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none}
.stage .ent,.stage .brand,.stage .wh,.stage .gd,.stage .login,.stage .ft,.stage .sub,.stage .tag,.stage .gold{white-space:nowrap}
.stage .brand{letter-spacing:.01em;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.75))}
.stage .sub{letter-spacing:.27em;color:#f4ead0;font-weight:500;font-family:Cairo,Arial,sans-serif}
.stage .tag,.stage .gd{color:#e8c566}
.stage .tag{font-weight:500}
.stage .tile{align-items:center;font-weight:600;color:#f3ead2;line-height:1.15;padding:0 3px}
body.lang-ur .stage .tile{line-height:1.5}
.stage .ent{color:#1a1204;font-weight:900}
.stage .enter,.stage .hit{position:absolute;display:block;cursor:pointer;-webkit-tap-highlight-color:transparent;z-index:3}
.stage .enter{border-radius:999px;transition:box-shadow .2s}
.stage .enter:hover{box-shadow:0 0 28px 6px rgba(255,200,80,.45)}
.stage .hit{border-radius:22px}
.stage .hit:hover{box-shadow:0 0 22px 2px rgba(240,190,80,.4)}
.stage .strip{position:absolute;display:flex;align-items:center;color:#f3ead2;white-space:nowrap}
.stage .strip span{flex:1;text-align:center;position:relative;padding:0 .5%}
.stage .strip span+span:before{content:"";position:absolute;inset-inline-start:0;top:12%;height:76%;width:1px;background:rgba(255,255,255,.28)}
.stage .pill{position:absolute;z-index:4;margin:0}
.stage button.pill{background:transparent;border:0;padding:0;border-radius:14px}
.stage .pill select{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}
.stage .ct{font-weight:700;color:#fff}
.stage .cs{color:#e3dfd2;font-weight:400}
.stage .ft{color:#f3ead2;font-weight:600}
.stage .wh{color:#f4efe2}
.stage .gd{font-weight:700}
.stage .dash{position:absolute;display:flex;align-items:center;gap:3%;color:#e9c768;font-weight:700}
.stage .dash b{font-weight:700;white-space:nowrap;background:linear-gradient(#fff3c4,#e2b44c 60%,#b78524);-webkit-background-clip:text;background-clip:text;color:transparent}
.stage .dash i{flex:1;height:1.5px;background:linear-gradient(90deg,transparent,#d9ac45)}
.stage .dash i:last-child{background:linear-gradient(270deg,transparent,#d9ac45)}
.stage .slogan{color:#f6f1e4;font-weight:600}
.langbox{display:flex;align-items:center;gap:6px;color:#dfe6f7;background:#0d1730;border-radius:8px;padding:6px 10px}
.langbox svg{flex:none}
.langbox select{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;outline:0}
.langbox select option{color:#000}
/* pages */
.wrap{max-width:1000px;margin:0 auto;padding:24px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 24px;background:#0a0f1e;border-bottom:1px solid #2a2410}
.brand{font-weight:700;color:#e8c566;font-size:20px}
.card{background:#0d1328;border:1px solid #2e2812;border-radius:14px;padding:28px;margin:30px auto;max-width:520px;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.card.wide{max-width:900px}
h1,h2{margin-top:0;color:#f0cf74}
label{display:block;margin:14px 0 6px;color:#cdbf8d;font-size:14px}
input[type=text],input[type=password],input[type=email]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid #3a3213;background:#070b17;color:#fff;font:inherit;outline:0}
input:focus{border-color:#e8c566}
.btn{display:inline-block;margin-top:20px;padding:12px 28px;border:0;border-radius:999px;background:linear-gradient(#f6d77b,#c9962c);color:#1a1405;font:inherit;font-weight:700;cursor:pointer}
.btn:hover{filter:brightness(1.08)}
.err{background:#3a1114;border:1px solid #7a2a2f;color:#ffb4b4;padding:10px 14px;border-radius:10px;margin:10px 0}
.ok{background:#10301c;border:1px solid #2a6a40;color:#a8f0c0;padding:10px 14px;border-radius:10px;margin:10px 0}
.muted{color:#9c9066;font-size:13px}
@media(max-width:600px){.card{margin:16px}}

.stage .sd{color:#f3ead2;font-weight:600;line-height:1.15;white-space:normal}
.stage .hit.side{border-radius:14px}
.stage .acc{background:transparent;border:0;border-radius:14px;padding:0}
.stage .av{position:absolute;border-radius:50%;object-fit:cover;border:2px solid #d9ac45;background:#111;z-index:2;pointer-events:none;box-sizing:border-box}
.stage svg.av{padding:3px}
.stage .nm{color:#f3ead2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:2.1}
.stage .menu{position:absolute;display:none;background:#0c101c;border:1px solid #3a3213;border-radius:12px;padding:6px;z-index:9;box-shadow:0 12px 36px rgba(0,0,0,.6)}
.stage .menu.open{display:block}
.stage .menu a{display:block;padding:.7em 1em;color:#f3ead2;border-radius:8px;font-weight:600}
.stage .menu a:hover{background:#1a1f30;color:#e8c566}
.stage .menu .langs{display:flex;flex-wrap:wrap;gap:4px;padding:.3em .5em;border-top:1px solid #2a2410;border-bottom:1px solid #2a2410;margin:4px 0}
.stage .menu .langs a{padding:.35em .8em;border:1px solid #3a3213;font-size:.9em}
.stage .menu .langs a.on{background:#e8c566;color:#1a1204}
.stage .ccol{position:absolute;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}
.stage .ccol .ct{color:#fff;font-weight:700;line-height:1.2}
.stage .ccol .cs{color:#e3dfd2;margin-top:.5em;line-height:1.4}
body.lang-ur .stage .ccol .ct,body.lang-ur .stage .ccol .cs{line-height:1.8}
.stage .upg{color:#2c1c05;white-space:nowrap}
.stage .wh{white-space:nowrap}
.stage .ft2{color:#f3ead2;font-weight:600;line-height:1.3;white-space:pre-line;text-align:center}
.avwrap{width:96px;height:96px;border-radius:50%;border:2px solid #d9ac45;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#0a0f1e;margin:0 auto 6px}
.avwrap img{width:100%;height:100%;object-fit:cover}
input[type=file]{color:#cdbf8d}

.bellbd{position:absolute;display:flex;align-items:center;justify-content:center;background:#e03c3c;color:#fff;border-radius:999px;font-weight:800;pointer-events:none;box-shadow:0 0 8px rgba(224,60,60,.7)}

.stage .plbl{color:#e9ecf6;white-space:nowrap}
.stage .pill{cursor:pointer}
.stage .t,.stage .ccol .ct,.stage .ccol .cs,.stage .strip span{unicode-bidi:plaintext}
.stage button.pill{-webkit-appearance:none;appearance:none;background:transparent!important;border:0!important;box-shadow:none;outline:0;padding:0;color:transparent}
.stage button.pill:hover{box-shadow:none}