@import"https://fonts.googleapis.com/css2?family=Cairo:wght@200;300;400;500;600;700;800;900&display=swap";:root{--PrimaryOrange: #0474BA;--LightOrange: #00A7E1;--WhiteTone: #EBEBEB;--LightBlue: #00A7E1;--PrimaryBlue: #0474BA;--f-extralight: 200;--f-light: 300;--f-regular: 400;--f-medium: 500;--f-semibold: 600;--f-bold: 700;--f-extrabold: 800;--f-extrablack: 900;font-family:Cairo,sans-serif;font-weight:var(--f-medium)}html{margin:0;padding:0}body{margin:0;padding:0;font-family:Cairo,sans-serif}a{text-decoration:none;color:#fff}.QuickTools{backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:linear-gradient(135deg,#14141440,#14141426);border:1px solid rgba(255,255,255,.45);border-radius:100px;max-width:fit-content;padding:10px;position:fixed;top:10px;left:10%;transform:translate(-50%);z-index:1000;display:flex;gap:4px;box-shadow:0 8px 32px #0474ba38,inset 0 1px #fff9,inset 0 -1px #0474ba40}.QuickTools .ti{font-size:28px;color:#fff;transition:color .2s ease,transform .2s ease}.QuickTools a{padding:6px;display:flex;border-radius:50%;transition:background .2s ease}.QuickTools a:hover{background:#ffffff26}.QuickTools a:hover .ti{color:var(--LightBlue);transform:scale(1.1)}.ti{margin:auto}.Header{background:linear-gradient(135deg,#14141440,#14141426);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.45);border-radius:100px;max-width:fit-content;padding:10px;position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:1000;box-shadow:0 8px 32px #0474ba38,inset 0 1px #fff9,inset 0 -1px #0474ba40}.Header_Links{display:inline-flex;margin:auto 20px;font-weight:var(--f-medium);position:relative;transition:color .2s ease,opacity .2s ease;opacity:.85}@media(max-width:600px){.Header{width:calc(100% - 24px);max-width:none;box-sizing:border-box;padding:8px}.Header_Content{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}.Header .Header_Links{margin:0;padding:6px 8px;font-size:13px}.QuickTools,html[dir=rtl] .QuickTools{inset:auto auto 16px 16px;transform:none}}.Header_Links:hover{opacity:1}.Header_Links:not(#ActiveLink):not(#LoginButton):after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--LightBlue);border-radius:2px;transform:scaleX(0);transform-origin:center;transition:transform .2s ease}.Header_Links:not(#ActiveLink):not(#LoginButton):hover:after{transform:scaleX(1)}#ActiveLink{font-weight:var(--f-bold);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);background:linear-gradient(135deg,#14141440,#14141426);border:1px solid rgba(255,255,255,.45);border-radius:100px;padding:5px 10px;box-shadow:0 8px 32px #0474ba38,inset 0 1px #fff9,inset 0 -1px #0474ba40}#LoginButton{margin-right:0;background-color:var(--LightBlue);padding:3px 20px;border:1px solid var(--PrimaryBlue);border-radius:100px;font-weight:var(--f-bold)}.auth-pending #LoginButton{visibility:hidden}.Sections{display:flex;height:100vh;width:100%}.LeftSide{display:flex;flex-direction:column;height:100%;width:70%}.RightSide{display:flex;flex-direction:column;height:100%;width:30%;background-color:var(--WhiteTone)}.RightSide_Button{display:flex;margin:auto auto 10%;padding:14px 44px;border:solid 2px var(--PrimaryOrange);border-radius:20px;background-color:var(--LightOrange);color:var(--PrimaryBlue);font-weight:var(--f-bold);font-size:large;cursor:pointer;box-shadow:0 6px 16px #0474ba40;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease,border-color .2s ease}.RightSide_Button:hover{cursor:pointer;filter:brightness(110%);border:solid 2px var(--PrimaryBlue);transform:translateY(-3px);box-shadow:0 10px 22px #0474ba47}.RightSide_Button:active{transform:translateY(-1px)}.RightSideText{font-family:Cairo,sans-serif;font-weight:var(--f-extralight);font-size:larger;word-spacing:2px;text-align:center;padding:20px}.LearnMore_Container{margin-left:auto;margin-right:auto;margin-top:auto}.LearnMore_Text{font-size:x-large;margin-bottom:0;color:var(--WhiteTone)}.LearnMore_Icon{margin-left:auto;margin-right:auto;margin-top:0;animation:Bounce 2s ease-in-out infinite alternate}@keyframes Bounce{0%{transform:translateY(-15px)}50%{transform:translateY(-10px)}to{transform:translateY(-15px)}}@media(max-width:900px){.Sections{flex-direction:column;height:auto;min-height:100vh}.LeftSide,.RightSide{width:100%}.LeftSide{min-height:60vh}}body.dark-mode{--PrimaryOrange: #035c93;--LightOrange: #0089b8;--LightBlue: #0089b8;--PrimaryBlue: #035c93;background:#0d1117;color:#e8ecf1}body.dark-mode .RightSide{background:#161b22}body.dark-mode .RightSideText{color:#c9d1d9}.NavProfile{position:relative;display:inline-flex;align-items:center;margin-left:6px}.NavAvatar{width:36px;height:36px;border-radius:50%;background:var(--LightBlue);color:#fff;font-weight:var(--f-bold);border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;font-family:Cairo,sans-serif;font-size:15px;transition:transform .2s ease,filter .2s ease}.NavAvatar:hover{transform:scale(1.06);filter:brightness(1.08)}.NavProfile_Menu{position:absolute;right:0;top:46px;background:#fff;border-radius:14px;box-shadow:0 12px 30px #0003;padding:8px;min-width:170px;display:none;z-index:1200}.NavProfile_Menu.is-open{display:block}.NavProfile_Menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:#2f3b52;font-size:14px;font-weight:600}.NavProfile_Menu a:hover{background:var(--WhiteTone)}body.dark-mode .NavProfile_Menu{background:#161b22}body.dark-mode .NavProfile_Menu a{color:#e8ecf1}body.dark-mode .NavProfile_Menu a:hover{background:#1c2128}.AnnouncementBanner{background:var(--PrimaryOrange);color:#fff;text-align:center;padding:12px 20px;font-weight:var(--f-semibold);font-size:14px}.SiteFooter{background:var(--PrimaryBlue);color:var(--WhiteTone);text-align:center;padding:28px 20px;font-weight:var(--f-regular);font-size:14px}.SiteFooter p{margin:0}body.dark-mode .SiteFooter{background:#161b22;color:#8b949e}html[dir=rtl] .Sections{flex-direction:row-reverse}html[dir=rtl] .QuickTools{left:auto;right:10%;transform:translate(50%)}html[dir=rtl] .Header{left:50%;right:auto}html[dir=rtl] .BTEC_Text,html[dir=rtl] .Talents_Text,html[dir=rtl] .Discovery_Text{margin-left:0;margin-right:5%}html[dir=rtl] .NavProfile{margin-left:0;margin-right:10px}html[dir=rtl] .NavProfile_Menu{right:auto;left:0}html[dir=rtl] .NavProfile_Menu a{flex-direction:row-reverse;text-align:right}html[dir=rtl] #CardsContainer,html[dir=rtl] .StagesGrid{direction:rtl}html[dir=rtl] .about-row,html[dir=rtl] .card-meta,html[dir=rtl] .status{flex-direction:row-reverse}@media(max-width:900px){html[dir=rtl] .Sections{flex-direction:column}}dialog.ProjectModal{border:none;border-radius:20px;padding:0;width:90%;max-width:440px;max-height:82vh;overflow-y:auto;box-shadow:0 20px 60px #00000040}dialog.ProjectModal::backdrop{background:#0a141e8c;backdrop-filter:blur(2px)}.ProjectModal_Inner{padding:28px 30px}.ProjectModal_Header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ProjectModal_School{color:var(--PrimaryBlue);font-weight:var(--f-bold);font-size:13px;text-transform:uppercase;letter-spacing:.03em;margin:0}.ProjectModal_Close{background:none;border:none;font-size:22px;color:#9a9a9a;cursor:pointer;line-height:1;flex-shrink:0}#projectDetailsModal h3{margin:6px 0 4px;font-size:20px;font-weight:var(--f-extrabold)}.ProjectModal_Meta{display:flex;align-items:center;gap:6px;color:#6b6b6b;font-size:13px;font-weight:var(--f-medium);margin:0 0 12px}.ProjectModal_EventLink{display:block;color:var(--PrimaryBlue);font-size:13px;font-weight:var(--f-semibold);text-decoration:none;margin:0 0 12px}.ProjectModal_EventLink:hover{text-decoration:underline}.ProjectModal_Description{color:#4a4a4a;font-size:14px;line-height:1.6;margin:0 0 18px;white-space:pre-line}.ProjectModal_LinkBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;background:var(--PrimaryBlue);color:#fff;font-weight:var(--f-semibold);font-size:14px;text-decoration:none}.ProjectModal_LinkBtn:hover{background:var(--LightBlue)}.leaflet-marker-icon{cursor:pointer}body.dark-mode dialog.ProjectModal{background:#161b22;color:#e8ecf1}body.dark-mode .ProjectModal_Description{color:#c9d1d9}body.dark-mode .ProjectModal_Meta,body.dark-mode .ProjectModal_Close{color:#8b949e}.PageLoader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--WhiteTone);transition:opacity .3s ease}.PageLoader.is-hidden{opacity:0;pointer-events:none}.PageLoader_Spinner{width:44px;height:44px;border:4px solid rgba(4,116,186,.15);border-top-color:var(--PrimaryBlue);border-radius:50%;animation:PageLoaderSpin .8s linear infinite}@keyframes PageLoaderSpin{to{transform:rotate(360deg)}}body.dark-mode .PageLoader{background:#0d1117}body.dark-mode .PageLoader_Spinner{border-color:#00a7e126;border-top-color:var(--LightBlue)}@media(max-width:760px){html,body{scroll-snap-type:none}body{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}*,*:before,*:after{box-sizing:border-box}main,section,.LeftSide,.RightSide{min-width:0}input,select,textarea{font-size:16px!important;max-width:100%}button,input,select{min-height:44px}input[type=checkbox],input[type=radio],input[type=hidden]{min-height:0}p,h1,h2,h3,label,.FieldHint{overflow-wrap:anywhere}.Header{top:auto;bottom:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:12px;right:12px;transform:none;width:auto;max-width:none;border-radius:20px;background:#143b59;padding:8px}.Header_Content{display:flex;align-items:center;justify-content:space-around;gap:3px;flex-wrap:nowrap}.Header .Header_Links{margin:0;padding:10px 7px;font-size:13px;min-height:44px;align-items:center;white-space:nowrap}.Header #LoginButton{margin:0;padding:8px}.NavProfile_Menu{top:auto;bottom:calc(100% + 12px);max-width:calc(100vw - 32px)}.MobileBrandBar{position:absolute;top:0;left:0;right:0;height:68px;display:flex;align-items:center;padding:0 20px;background:#fff;border-bottom:1px solid #e2eaf0}.MobileBrand{color:#0474ba;font-size:24px;font-weight:900;letter-spacing:1px}.QuickTools,html[dir=rtl] .QuickTools{position:absolute;inset:12px 16px auto auto;transform:none;padding:0;border:0;border-radius:12px;background:transparent;box-shadow:none}html[dir=rtl] .QuickTools{left:16px;right:auto}.QuickTools a{color:#143b59}.QuickTools a{min-width:40px;min-height:40px;justify-content:center;align-items:center}.QuickTools .ti{font-size:22px}.AppInstall{position:static;display:block;width:fit-content;margin:20px auto;font-size:14px;box-shadow:none}.AppInstall[hidden]{display:none}body.LoginBody,body.RegisterBody{display:block;min-height:100dvh;padding-top:76px}.LoginCard,.RegisterCard{width:calc(100% - 32px);max-width:480px;margin:0 auto 24px;padding:26px 20px;border-radius:20px}.LoginCard h1,.RegisterCard h1{font-size:25px;line-height:1.5}.RegisterRow,.FormRow{grid-template-columns:minmax(0,1fr);gap:12px}.LoginOptions{gap:12px;flex-wrap:wrap}.GoogleButton{white-space:normal;line-height:1.5}.Sections,#Section1,#Section3,#AboutHero{height:auto;min-height:0;flex-direction:column}#Section1,#AboutHero{padding-top:76px}.LeftSide,.RightSide{width:100%;height:auto;min-height:0}#Section1 .LeftSide,#Section3 .LeftSide{padding:24px 20px}#Section1 .BTEC_Text,#Section1 .Talents_Text,#Section1 .Discovery_Text,#Section3 .BTEC_Text,#Section3 .Talents_Text,#Section3 .Discovery_Text{margin:0;font-size:clamp(34px,10vw,52px);line-height:1.3;letter-spacing:0;color:#fff}#Section3 .LeftSide{display:none}.RightSide{padding:20px;gap:16px}.RightSideText{padding:0;margin:0;font-size:17px;line-height:1.8;text-align:start}.RightSide_Button{width:100%;justify-content:center;margin:0;padding:12px 20px;font-size:16px}.RightSide_Button,.AddProject_Button{background:#0474ba;color:#fff;border-color:#0474ba}.LearnMore_Container{display:none}#HomeMapContainer{height:360px;min-height:360px}#HomeMapContainer h1{font-size:28px;margin:16px}#AboutHero .LeftSide{padding:20px}#AboutHero h1{font-size:40px;line-height:1.25}#AboutHero p{font-size:17px;line-height:1.8}#AboutHero .RightSide{padding:24px 20px}#Stages{padding:32px 16px}.StagesGrid,.StatsGrid,.SettingsGrid,.MyEventsGrid,.MyProjectsGrid{grid-template-columns:minmax(0,1fr)}#CardsContainer{grid-template-columns:minmax(0,1fr);padding:16px;gap:18px}#EventsTitle{font-size:28px;margin:24px auto 0}.card{border-width:2px}.card:hover{transform:none}.card-body{padding:16px}#EventHero{padding-top:76px}#EventBody{padding:20px 16px;gap:24px}.EventSidebar{padding:20px}.MyRequests_Wrap,.AddProject_Wrap{width:100%;padding:80px 16px 24px}.Dashboard_Header{gap:16px;margin-bottom:24px}.Dashboard_Header h1{font-size:26px}.Dashboard_Header p{font-size:15px;line-height:1.7}.Dashboard_Header>button,.Dashboard_Header>a{width:100%;justify-content:center}#myRequestsTable,#myRequestsTable tbody{display:block;width:100%;white-space:normal;overflow:visible}#myRequestsTable thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#myRequestsTable tr{display:grid;gap:8px;padding:16px;margin-bottom:14px;border:1px solid var(--admin-border);border-radius:16px;background:var(--admin-surface)}#myRequestsTable td{display:block;white-space:normal;padding:0;border:0;overflow-wrap:anywhere}#myRequestsTable td[data-label]:before{content:attr(data-label);display:block;font-size:12px;color:var(--admin-text-muted);margin-bottom:2px}#myRequestsTable td:first-child{font-size:18px;font-weight:700}#myRequestsTable .TableAction{display:block;margin-top:8px;padding:10px 0}dialog.Modal,dialog.ProjectModal{width:calc(100% - 16px);max-width:none;max-height:calc(100dvh - 24px);margin:auto;border-radius:20px}.Modal_Inner,.ProjectModal_Inner{padding:20px 16px}.Modal_Header{align-items:flex-start;gap:12px}.Modal_Header h3{font-size:22px}.Modal_Close{min-width:44px}.Modal_Actions{display:flex;flex-wrap:wrap;gap:10px;padding-top:16px}.Modal_Actions>button{flex:1 1 120px;margin:0;white-space:normal}.TeamMember{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:12px;background:var(--admin-surface-alt,#f4f8fc);border-radius:12px}.TeamMember input{width:100%;min-width:0}.TeamMember input:nth-child(2){grid-column:1}.TeamMember .RemoveMember{grid-column:2;grid-row:1 / 3;align-self:center}#requestLocationMap,#schoolLocationMap{height:300px!important}.LocationSearch{align-items:stretch}.LocationSearch_Result{color:var(--admin-text,#142c40)}#requestLocationSearchResults+small a{color:#0474ba}body.DashboardBody{display:block;padding-top:76px}.Dashboard_Main{width:100%;max-width:100%;padding:20px 16px;min-width:0}.Sidebar{width:auto;height:auto;margin:0 16px;border-radius:16px;padding:8px;position:relative;display:block;overflow:visible}.MobileMenuToggle{display:flex;width:100%;justify-content:space-between;align-items:center;background:transparent;color:#fff;border:0;padding:10px;font:600 16px Cairo,sans-serif}.Sidebar_Nav,.Sidebar_Footer{flex-direction:column;overflow:visible;margin:0}.Sidebar:has(.MobileMenuToggle[aria-expanded=false]) .Sidebar_Nav,.Sidebar:has(.MobileMenuToggle[aria-expanded=false]) .Sidebar_Footer{display:none}.Topbar{flex-wrap:wrap;gap:8px}.Topbar_Search{min-width:0;width:100%;max-width:100%;flex-basis:100%;flex-wrap:wrap}.Topbar_Search input{min-width:0;width:0}.Topbar_Search .CsvExport{flex-basis:100%;width:100%}.Topbar_Menu{max-width:calc(100vw - 40px)}.TableToolbar{align-items:stretch}.TableToolbar input[type=search]{min-width:0;width:100%}.TableToolbar button{width:100%}.CsvExport{margin:8px 0!important;max-width:100%}.Dashboard_Main .AdminTable{max-width:100%}.PagerInfo{white-space:normal;text-align:center}.SiteFooter{padding:24px 20px;overflow-wrap:anywhere}.Toast{max-width:calc(100vw - 32px);bottom:100px}}@media(min-width:761px){.MobileMenuToggle,.MobileBrandBar{display:none}}@media(max-width:760px){body{background:#f5f8fb}.Header,html[dir=rtl] .Header{left:12px;right:12px;width:auto;max-width:none;transform:none;border:1px solid #ffffffc9;background:#f5faffd1;box-shadow:0 8px 32px #143b5926,inset 0 1px #fff;border-radius:28px;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%)}html[dir=rtl] .Sections{flex-direction:column}.Header_Content{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.Header .Header_Links{display:flex;flex-direction:column;justify-content:center;gap:3px;min-width:0;font-size:11px;padding:7px 2px}.Header .Header_Links:before{content:"";width:22px;height:22px;background:currentColor;mask:var(--nav-icon) center/contain no-repeat;-webkit-mask:var(--nav-icon) center/contain no-repeat}.Header [data-i18n=nav_home]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'%3E%3Cpath d='M3 10 12 3l9 7v11h-6v-7H9v7H3z'/%3E%3C/svg%3E")}.Header [data-i18n=nav_events]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Crect x='3' y='5' width='18' height='16' rx='3'/%3E%3Cpath d='M7 2v6m10-6v6M3 11h18m-14 4h3m4 0h3'/%3E%3C/svg%3E")}.Header [data-i18n=nav_about]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 11v6m0-10v2'/%3E%3C/svg%3E")}.Header [data-i18n=nav_login]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21v-2a8 8 0 0 1 16 0v2'/%3E%3C/svg%3E")}.Header .NavProfile,html[dir=rtl] .Header .NavProfile{margin:0;justify-self:center}.Header .NavAvatar{width:44px;height:44px;min-height:44px}.Header .Header_Links{color:#526778;font-weight:600;opacity:1;border-radius:12px}.Header #ActiveLink{background:#e8f3fb;color:#0369a1;border:0;box-shadow:none;backdrop-filter:none}.Header #LoginButton{background:#0474ba;color:#fff;border:0;border-radius:12px}#Section1{margin-top:68px;padding:32px 20px 28px;background:#f5f8fb;gap:20px}#Section1 .LeftSide{padding:0;display:block}#Section1 .BTEC_Text{font-size:14px;line-height:1.5;letter-spacing:2px;color:#0474ba;margin-bottom:8px}#Section1 .Talents_Text,#Section1 .Discovery_Text{font-size:40px;line-height:1.2;font-weight:800;color:#143b59}#Section1 .RightSide{padding:0;background:transparent;gap:20px}#Section1 .RightSideText{font-size:16px;line-height:1.8;color:#526778}.RightSide_Button{border-radius:12px;box-shadow:none;min-height:48px}#Section2{padding:0 16px 24px;gap:0;background:#f5f8fb}#HomeMapContainer{height:280px;min-height:280px;border-radius:18px 18px 0 0;border:1px solid #dce6ed}#HomeMapContainer h1{align-self:center;margin:12px;padding:6px 14px;font-size:18px;font-weight:700;color:#143b59;background:#fff;border-radius:10px}#Section2 .RightSide{padding:20px;background:#fff;border:1px solid #dce6ed;border-top:0;border-radius:0 0 18px 18px}#Section2 .RightSide p{color:#526778;font-size:16px}#Events{color:#fff;background:#0474ba;border:0}#Section3{padding:0 16px 24px;background:#f5f8fb}#Section3 .RightSide{border:1px solid #dce6ed;background:#e8f3fb;border-radius:18px;padding:20px}#Section3 .RightSideText{color:#143b59;font-size:16px}#Register{background:#0474ba;border:0;color:#fff}.SiteFooter{background:transparent;color:#526778;font-size:13px;text-align:center;border-top:1px solid #dce6ed}.AnnouncementBanner{margin-top:68px}body:has(.AnnouncementBanner[style*=block]) #Section1{margin-top:0}body.dark-mode{background:#101923}body.dark-mode .MobileBrandBar,body.dark-mode .Header{background:#172532;border-color:#304353}body.dark-mode .MobileBrand,body.dark-mode .QuickTools a,body.dark-mode .Header .Header_Links{color:#dbeeff}body.dark-mode #Section1,body.dark-mode #Section2,body.dark-mode #Section3{background:#101923}body.dark-mode #Section1 h1,body.dark-mode #Section1 .RightSideText,body.dark-mode #Section2 .RightSide p,body.dark-mode #Section3 .RightSideText{color:#e0edf6}body.dark-mode #Section2 .RightSide,body.dark-mode #Section3 .RightSide{background:#172532;border-color:#304353}body.dark-mode .SiteFooter{color:#aec1d0;border-color:#304353}}.AppInstall{position:fixed;inset-inline-end:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:900;padding:10px 16px;border:1px solid #fff;border-radius:24px;background:#0474ba;color:#fff;font:600 14px/1.4 system-ui;box-shadow:0 3px 14px #0002;cursor:pointer}.AppInstall[hidden]{display:none}.AppInstallDialog{box-sizing:border-box;width:min(440px,calc(100% - 32px));padding:24px;border:0;border-radius:16px;font:16px/1.6 system-ui;color:#142c40}.AppInstallDialog::backdrop{background:#0008}.AppInstallDialog button{font:inherit;padding:8px 20px;border:0;border-radius:8px;background:#0474ba;color:#fff;cursor:pointer}body.dark-mode .AppInstallDialog{background:#17232e;color:#fff}@media(display-mode:standalone){.AppInstall{display:none}}