:root{--ink:#0b1b38;--blue:#2477c7;--yellow:#ffc82f;--ice:#f6faff;--line:#d8e5f2;--muted:#61748d;--white:#fff}*{box-sizing:border-box}html{background:var(--ice)}body{margin:0;color:var(--ink);background:radial-gradient(circle at 15% 15%,#e4f3ff 0,transparent 28%),var(--ice);font-family:"Tajawal",sans-serif;line-height:1.7}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}button,input,select,textarea{font:inherit}.reg-header{width:min(1180px,calc(100% - 32px));height:66px;margin:16px auto 0;padding:7px 10px 7px 15px;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border:1px solid rgba(216,229,242,.9);border-radius:22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 14px 40px rgba(15,58,104,.09);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px}.brand img{width:45px;height:45px;object-fit:contain}.brand span{display:grid;line-height:1.05}.brand strong{font-family:"Alexandria";font-size:13px}.brand small{font-size:7px;letter-spacing:1.4px;color:#74839a;margin-top:4px}.back{font-size:12px;color:var(--blue);font-weight:800;display:flex;align-items:center;gap:8px}.reg-shell{width:min(1180px,calc(100% - 32px));margin:16px auto 38px;display:grid;grid-template-columns:.92fr 1.08fr;gap:16px;align-items:stretch}.reg-story,.form-panel{border-radius:30px;overflow:hidden}.reg-story{min-height:760px;position:relative;color:#fff;background:var(--ink)}.story-photo{position:absolute;inset:0;background:url('../assets/images/building.webp') center/cover no-repeat}.story-wash{position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,27,58,.12),rgba(6,25,54,.55) 45%,rgba(5,23,51,.96) 100%)}.story-content{position:absolute;z-index:2;right:34px;left:34px;bottom:170px}.reg-badge{display:inline-flex;background:rgba(255,255,255,.92);color:var(--blue);padding:7px 11px;border-radius:999px;font-size:10px;font-weight:800}.story-content h1{font-family:"Alexandria";font-size:clamp(40px,4vw,56px);line-height:1.18;letter-spacing:-1.2px;margin:18px 0 12px}.story-content h1 em{font-style:normal;color:var(--yellow)}.story-content p{max-width:510px;color:#dbe7f4;font-size:15px;line-height:1.85}.story-points{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.story-points span{font-size:10px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.17)}.story-mini{position:absolute;z-index:3;right:24px;left:24px;bottom:24px;background:rgba(255,255,255,.94);color:var(--ink);border-radius:20px;padding:9px;display:flex;align-items:center;gap:12px}.story-mini img{width:100px;height:82px;object-fit:cover;border-radius:14px}.story-mini div{display:grid}.story-mini small{color:var(--blue);font-size:10px;font-weight:800}.story-mini strong{font-family:"Alexandria";font-size:15px;margin-top:3px}.form-panel{background:#fff;border:1px solid var(--line);padding:32px;box-shadow:0 20px 60px rgba(17,61,106,.08)}.form-head>span{font-size:11px;color:var(--blue);font-weight:800}.form-head h2{font-family:"Alexandria";font-size:30px;letter-spacing:-.6px;margin:4px 0 5px}.form-head p{color:var(--muted);font-size:12px;margin:0 0 24px}.reg-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field{display:grid;gap:6px}.field.full{grid-column:1/3}.field label{font-size:11px;font-weight:800}.field input,.field select,.field textarea{width:100%;border:1px solid #d9e6f1;background:#fbfdff;border-radius:13px;padding:12px 13px;outline:none;color:var(--ink);transition:.2s}.field input:focus,.field select:focus,.field textarea:focus{background:#fff;border-color:var(--blue);box-shadow:0 0 0 4px rgba(36,119,199,.08)}.field textarea{resize:vertical}.submit{grid-column:1/3;border:0;background:var(--ink);color:#fff;border-radius:15px;padding:12px 14px 12px 16px;display:flex;align-items:center;justify-content:space-between;font-weight:800;cursor:pointer;transition:.2s}.submit:hover{transform:translateY(-2px)}.submit b{width:36px;height:36px;border-radius:10px;background:var(--yellow);color:var(--ink);display:grid;place-items:center;font-size:17px}.privacy{grid-column:1/3;color:#7a8ba0;font-size:10px;margin:0}.reg-footer{width:min(1180px,calc(100% - 32px));margin:0 auto 24px;padding-top:15px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;color:#788aa0;font-size:10px}.reg-footer a{color:var(--blue);font-weight:700}@media(max-width:850px){.reg-shell{grid-template-columns:1fr}.reg-story{min-height:580px}.story-content{bottom:150px}.form-panel{padding:26px}}@media(max-width:560px){.reg-header{width:calc(100% - 16px);height:60px;margin-top:8px}.brand img{width:39px;height:39px}.brand span{display:none}.back{font-size:11px}.reg-shell{width:calc(100% - 16px);margin-top:8px}.reg-story{min-height:520px;border-radius:24px}.story-content{right:20px;left:20px;bottom:140px}.story-content h1{font-size:38px}.story-content p{font-size:13px}.story-mini{right:12px;left:12px;bottom:12px}.story-mini img{width:78px;height:68px}.form-panel{padding:22px 16px;border-radius:24px}.form-head h2{font-size:24px}.reg-form{grid-template-columns:1fr}.field,.field.full,.submit,.privacy{grid-column:1}.reg-footer{width:calc(100% - 20px);display:grid}}