@font-face{font-family:Tajawal;src:url('/guardian-app/fonts/tajawal-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Tajawal;src:url('/guardian-app/fonts/tajawal-700.ttf') format('truetype');font-weight:700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#07101d;color:#f4f8fc;font-family:Tajawal,Tahoma,Arial,sans-serif}.install-page{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 4%,rgba(42,184,198,.13),transparent 28%),radial-gradient(circle at 88% 32%,rgba(40,120,220,.1),transparent 28%)}.install-nav{width:min(1160px,calc(100% - 36px));height:88px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(141,178,212,.14)}.install-brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.install-brand img{width:48px;height:48px;border-radius:14px;box-shadow:0 10px 30px rgba(21,183,205,.2)}.install-brand span{display:grid}.install-brand strong{font-size:17px}.install-brand small{color:#8ea5bb;font-size:12px}.login-link{padding:11px 20px;border:1px solid #2b435e;border-radius:13px;color:#d9e7f2;text-decoration:none;font-weight:700;transition:.2s}.login-link:hover{background:#12243a;border-color:#3b6984}.install-hero{width:min(1160px,calc(100% - 36px));min-height:590px;margin:auto;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;padding:60px 0 72px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid rgba(54,205,216,.22);border-radius:999px;background:rgba(47,184,198,.08);color:#6ce1e9;font-size:13px;font-weight:700}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#41d6b3;box-shadow:0 0 0 5px rgba(65,214,179,.1)}.hero-copy h1{font-size:clamp(42px,5.2vw,70px);line-height:1.12;letter-spacing:-2px;margin:22px 0 18px}.hero-copy h1 em{font-style:normal;background:linear-gradient(90deg,#35d1d8,#58a8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:610px;color:#a8b9c9;font-size:18px;line-height:1.9;margin:0}.install-actions{display:flex;gap:12px;margin-top:30px}.install-actions button{height:68px;min-width:205px;padding:0 20px;border-radius:17px;display:flex;align-items:center;justify-content:center;gap:13px;font:inherit;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.install-actions button:hover{transform:translateY(-2px)}.install-actions svg{width:27px;height:27px}.install-actions span{display:grid;text-align:right}.install-actions small{font-size:11px;opacity:.75}.install-actions strong{font-size:18px}.install-primary{border:1px solid #46d0da;background:linear-gradient(135deg,#29b6c4,#238eaa);color:#fff;box-shadow:0 16px 38px rgba(32,163,184,.23)}.install-primary svg,.step-icon svg{stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.install-secondary{border:1px solid #2c4865;background:#101f32;color:#eef6fb}.install-status{margin-top:14px;max-width:430px;padding:12px 14px;border:1px solid rgba(67,204,215,.25);border-radius:13px;background:rgba(47,184,198,.08);color:#bcebf0;font-size:13px}.install-status.success{border-color:rgba(67,215,155,.3);background:rgba(67,215,155,.08);color:#82e6b8}.trust-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:24px;color:#8fa5b9;font-size:13px}.trust-row b{display:inline-grid;place-items:center;width:19px;height:19px;margin-left:5px;border-radius:50%;background:rgba(64,213,169,.12);color:#5bd5a7}.hero-visual{position:relative;min-height:460px;display:grid;place-items:center}.logo-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,rgba(34,181,205,.24),transparent 68%);filter:blur(10px)}.phone-card{position:relative;width:330px;padding:22px;border:1px solid rgba(92,160,200,.25);border-radius:40px;background:linear-gradient(145deg,rgba(19,41,67,.96),rgba(10,24,42,.96));box-shadow:0 45px 90px rgba(0,0,0,.38);transform:rotate(-2.5deg)}.phone-card:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.04);border-radius:32px;pointer-events:none}.phone-card img{display:block;width:100%;aspect-ratio:1;border-radius:30px;object-fit:cover}.phone-card>div{display:grid;text-align:center;margin-top:17px}.phone-card strong{font-size:22px}.phone-card small{color:#82a4bc;margin-top:4px}.float-chip{position:absolute;padding:11px 16px;border:1px solid rgba(120,191,221,.23);border-radius:14px;background:rgba(11,28,47,.94);box-shadow:0 15px 35px rgba(0,0,0,.28);font-size:13px;font-weight:700;backdrop-filter:blur(12px)}.chip-attendance{right:-3px;top:100px;color:#68ddb1}.chip-notification{left:-8px;bottom:76px;color:#80d9e5}.ios-guide{width:min(1160px,calc(100% - 36px));margin:0 auto 30px;padding:45px;border:1px solid #223a55;border-radius:32px;background:linear-gradient(145deg,rgba(17,34,56,.92),rgba(10,23,40,.92));scroll-margin-top:20px}.section-head{text-align:center;max-width:660px;margin:0 auto 30px}.section-head>span{color:#55d4dd;font-weight:700;font-size:13px}.section-head h2{font-size:32px;margin:8px 0}.section-head p{color:#91a8bb;margin:0;line-height:1.8}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.step-card{position:relative;padding:25px 22px;border:1px solid #243d58;border-radius:21px;background:#0d1b2e}.step-number{position:absolute;top:15px;left:15px;width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:rgba(58,192,204,.12);color:#5ad4de;font-weight:700}.step-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#18334d,#10253c);color:#70dbe4}.step-icon svg{width:27px;height:27px}.step-card h3{font-size:18px;margin:18px 0 6px}.step-card p{font-size:14px;line-height:1.75;color:#91a6b9;margin:0}.ready-card{width:min(1160px,calc(100% - 36px));margin:18px auto 38px;padding:25px 28px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;border:1px solid rgba(49,190,203,.24);border-radius:25px;background:linear-gradient(110deg,rgba(34,169,184,.13),rgba(15,31,51,.9))}.ready-card img{width:74px;height:74px;border-radius:20px}.ready-card small{color:#56d0da}.ready-card h2{margin:3px 0;font-size:23px}.ready-card p{margin:0;color:#91a7ba;font-size:13px}.ready-card>a{padding:14px 20px;border-radius:14px;background:#f1f7fb;color:#0d2135;text-decoration:none;font-weight:700}.ready-card>a span{margin-right:8px}footer{text-align:center;color:#647e94;padding:0 20px 35px;font-size:12px}@media(max-width:850px){.install-nav{height:76px}.install-hero{grid-template-columns:1fr;padding:45px 0 55px;gap:30px}.hero-copy{text-align:center}.hero-copy>p{margin:auto}.install-actions,.trust-row{justify-content:center}.hero-visual{min-height:390px;order:-1}.phone-card{width:280px}.logo-glow{width:330px;height:330px}.chip-attendance{right:4%;top:70px}.chip-notification{left:4%;bottom:50px}.steps{grid-template-columns:1fr}.ios-guide{padding:30px 18px}.ready-card{grid-template-columns:auto 1fr}.ready-card>a{grid-column:1/-1;text-align:center}}@media(max-width:540px){.install-nav{width:calc(100% - 26px)}.install-brand img{width:42px;height:42px}.install-brand strong{font-size:15px}.login-link{padding:9px 13px;font-size:13px}.install-hero{width:calc(100% - 26px);padding-top:30px}.hero-visual{min-height:330px}.phone-card{width:225px;padding:15px;border-radius:30px}.phone-card img{border-radius:22px}.phone-card strong{font-size:18px}.float-chip{font-size:11px;padding:9px 11px}.hero-copy h1{font-size:40px;letter-spacing:-1px}.hero-copy>p{font-size:15px}.install-actions{display:grid}.install-actions button{width:100%}.trust-row{gap:9px;font-size:11px}.ios-guide,.ready-card{width:calc(100% - 26px)}.section-head h2{font-size:25px}.ready-card{padding:20px}.ready-card img{width:60px;height:60px}.ready-card h2{font-size:18px}.ready-card p{font-size:12px}}