@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}.MobileBrand.has-logo{display:inline-flex;align-items:center;min-height:40px;font-size:0}.MobileBrand .SiteBrand_Logo{display:block;width:auto;max-width:120px;height:34px;object-fit:contain}.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}}