/* Cloudreve session presentation; application screens retain their own theme. */
.business-session { background: #eef2f6 !important; color: #1b2b40; font-family: "Segoe UI", "Microsoft YaHei", sans-serif; }
.business-session > .MuiContainer-root { max-width: 1180px !important; padding: 48px 32px; }
.business-session > .MuiContainer-root > .MuiGrid-root { min-height: calc(100vh - 96px) !important; display: grid; grid-template-columns: 1.12fr 1fr; align-content: center; align-items: stretch; gap: 0; }
.business-hero { position: relative; overflow: hidden; min-height: 610px; padding: 52px; border-radius: 20px 0 0 20px; background: radial-gradient(ellipse at 100% 100%, #254e70 0, transparent 60%), linear-gradient(145deg, #0d2037, #152f4a); color: #fff; display: flex; flex-direction: column; justify-content: space-between; }
.business-hero::after { content: ""; position: absolute; width: 430px; height: 430px; border: 1px solid #ffffff12; border-radius: 50%; right: -230px; bottom: -120px; box-shadow: 0 0 0 65px #ffffff03, 0 0 0 130px #ffffff03; pointer-events: none; }
.business-wordmark { font-size: 15px; font-weight: 600; letter-spacing: 3px; display: flex; align-items: center; gap: 12px; }
.business-symbol { display: inline-grid; place-items: center; width: 36px; height: 36px; border: 1px solid #c6ae7c80; border-radius: 9px; color: #d5bd8c; font-size: 22px; }
.business-eyebrow { display: block; margin-bottom: 22px; color: #d5bd8c; font-size: 11px; letter-spacing: 3px; }
.business-hero h1 { position: relative; margin: 0 0 24px; font-size: clamp(32px, 3.4vw, 44px); font-weight: 500; line-height: 1.45; letter-spacing: 2px; }
.business-hero p { margin: 0; color: #aebfd0; font-size: 14px; line-height: 1.95; max-width: 330px; }
.business-rule { width: 42px; height: 2px; background: #c6ae7c; margin-bottom: 28px; }
.business-features { display: flex; flex-wrap: wrap; gap: 18px; margin-top: 38px; font-size: 12px; color: #d7e1eb; }
.business-features span::before { content: ""; display: inline-block; width: 4px; height: 4px; background: #c6ae7c; margin: 0 8px 3px 0; border-radius: 50%; }
.business-hero-footer { position: relative; z-index: 1; font-size: 10px; letter-spacing: 2px; color: #8da3b9; margin-top: 48px; }
.business-session .business-form-column { background: #fff; border: 1px solid #e1e7ef; border-left: 0; border-radius: 0 20px 20px 0; padding: 60px 48px !important; display: flex; flex-direction: column; justify-content: center; box-shadow: 16px 24px 70px #12263e0b; min-width: 0; }
.business-session .business-card { padding: 0 !important; border: 0; box-shadow: none !important; background: transparent !important; color: #1b2b40; }
.business-session .business-card > .MuiBox-root:first-child { margin-bottom: 38px; }
.business-session .MuiTypography-h6 { font-size: 26px; font-weight: 600; line-height: 1.5; letter-spacing: .3px; margin-bottom: 18px; color: #152b43; }
.business-session .MuiTypography-colorTextSecondary { color: #738095; }
.business-session .MuiOutlinedInput-root { border-radius: 9px; background: #f8fafc; color: #1b2b40; }
.business-session .MuiOutlinedInput-notchedOutline { border-color: #dbe2eb; }
.business-session .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline { border-color: #8ba0b7; }
.business-session .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline { border-color: #315b81; }
.business-session .MuiInputLabel-root { color: #738095; }
.business-session .MuiInputLabel-root.Mui-focused { color: #315b81; }
.business-session .MuiInputLabel-root.Mui-error { color: #d32f2f; }
.business-session .MuiButton-root { border-radius: 9px; text-transform: none; font-weight: 600; box-shadow: none; }
.business-session .MuiButton-containedPrimary { min-height: 49px; background: #193b5b; color: #fff; letter-spacing: 1px; box-shadow: 0 6px 16px #193b5b18; }
.business-session .MuiButton-containedPrimary:hover { background: #264e72; box-shadow: 0 8px 22px #193b5b25; }
.business-session .MuiButton-containedPrimary.Mui-disabled { background: #e3e8ee; color: #909cab; box-shadow: none; }
.business-session .MuiButton-outlined { min-height: 44px; border-color: #dbe2eb; color: #315b81; }
.business-session .MuiLink-root, .business-session .MuiButton-textPrimary { color: #315b81; }
.business-session .MuiDivider-root { border-color: #e8edf3; }
.business-session .MuiFormControl-root { margin-top: 18px; }
@media (max-width: 800px) {
  .business-session > .MuiContainer-root { max-width: 540px !important; padding: 24px 20px; }
  .business-session > .MuiContainer-root > .MuiGrid-root { grid-template-columns: 1fr; min-height: calc(100dvh - 48px) !important; }
  .business-hero { min-height: 0; padding: 30px; border-radius: 16px 16px 0 0; gap: 30px; }
  .business-hero h1 { font-size: 28px; margin-bottom: 12px; }
  .business-hero p { font-size: 12px; max-width: none; }
  .business-eyebrow, .business-rule, .business-features, .business-hero-footer { display: none; }
  .business-session .business-form-column { border-left: 1px solid #e1e7ef; border-radius: 0 0 16px 16px; padding: 32px 28px !important; }
  .business-session .business-card > .MuiBox-root:first-child { margin-bottom: 24px; }
  .business-session .MuiTypography-h6 { font-size: 23px; }
}
@media (prefers-reduced-motion: reduce) { .business-session *, .business-session *::after { animation: none !important; transition: none !important; } }