body.LoginBody{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--PrimaryOrange) 0%,var(--LightBlue) 100%)}.LoginCard{background:#ffffffd9;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.6);border-radius:28px;padding:48px 40px;width:100%;max-width:380px;box-shadow:0 20px 50px #0474ba40;margin:100px 16px 40px;position:relative;overflow:hidden}.LoginCard:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--PrimaryOrange),var(--LightBlue))}.LoginCard_Icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--LightBlue),var(--PrimaryBlue));color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 18px}.LoginCard h1{color:var(--PrimaryBlue);font-weight:var(--f-extrabold);font-size:28px;margin:0 0 6px;text-align:center}.LoginCard .LoginSub{text-align:center;color:#6b6b6b;font-weight:var(--f-regular);font-size:14px;margin:0 0 30px}.LoginField{margin-bottom:18px}.LoginField label{display:block;font-weight:var(--f-semibold);font-size:14px;color:var(--PrimaryBlue);margin-bottom:6px}.LoginField input{width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:2px solid #dcdcdc;font-family:Cairo,sans-serif;font-size:15px;background:#fff;transition:border-color .2s ease,box-shadow .2s ease}.LoginField input:focus{outline:none;border-color:var(--LightBlue);box-shadow:0 0 0 4px #00a7e126}.LoginOptions{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#6b6b6b;margin:-6px 0 22px;font-weight:var(--f-regular)}.LoginOptions a{color:var(--LightBlue);font-weight:var(--f-semibold)}.LoginSubmit{width:100%;padding:12px;border-radius:14px;border:solid 2px var(--PrimaryOrange);background-color:var(--LightOrange);color:var(--PrimaryBlue);font-family:Cairo,sans-serif;font-weight:var(--f-bold);font-size:16px;cursor:pointer;box-shadow:0 6px 16px #0474ba40;transition:filter .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.LoginSubmit:hover{filter:brightness(110%);border-color:var(--PrimaryBlue);transform:translateY(-2px);box-shadow:0 10px 22px #0474ba47}.LoginFooter{text-align:center;margin-top:24px;font-size:14px;color:#6b6b6b;font-weight:var(--f-regular)}.LoginFooter a{color:var(--PrimaryBlue);font-weight:var(--f-bold)}.GoogleButton{width:100%;padding:12px 16px;border-radius:14px;border:2px solid #dcdcdc;background:#fff;font-family:Cairo,sans-serif;font-weight:var(--f-bold);font-size:15px;color:#3c4043;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:border-color .2s ease,box-shadow .2s ease}.GoogleButton:hover{border-color:#b0b0b0;box-shadow:0 2px 8px #0000001a}.GoogleButton svg{width:18px;height:18px;flex-shrink:0}body.dark-mode .LoginCard{background:#1b232ce6}body.dark-mode .LoginCard h1{color:#58a6ff}body.dark-mode .LoginCard .LoginSub,body.dark-mode .LoginFooter{color:#8b949e}body.dark-mode .LoginField label{color:#58a6ff}body.dark-mode .LoginField input{background:#1c2128;border-color:#30363d;color:#e8ecf1}body.dark-mode .LoginOptions{color:#8b949e}body.dark-mode .GoogleButton{background:#1c2128;border-color:#30363d;color:#e8ecf1}body.dark-mode .GoogleButton:hover{border-color:#58a6ff}