/* BrightWay's original rounded, purple-gradient visual style. */
@import url('../fonts/brightway-fonts.css');

:root {
  --bw-canvas: #f8f9ff;
  --bw-canvas-blue: #eef3ff;
  --bw-canvas-violet: #f3efff;
  --bw-paper: #ffffff;
  --bw-subtle: #f5f6ff;
  --bw-ink: #1a1a3e;
  --bw-muted: #3a3a6e;
  --bw-soft: #6b7194;
  --bw-line: #e2e3ff;
  --bw-brand: #6b60ff;
  --bw-brand-2: #8b6bff;
  --bw-brand-light: #a99cff;
  --bw-brand-hover: #6154ed;
  --bw-brand-text: #584bd8;
  --bw-success: #087f5b;
  --bw-warning: #885409;
  --bw-error: #b42335;
  --bw-success-soft: #e4f7ef;
  --bw-warning-soft: #fff3d8;
  --bw-error-soft: #fff0f2;
  --bw-tint: #eeedff;
  --bw-on-brand: #ffffff;
  --bw-brand-gradient: linear-gradient(135deg, #6b60ff 0%, #8b6bff 100%);
  --bw-page-gradient: linear-gradient(145deg, #eef3ff 0%, #f3efff 52%, #eef7ff 100%);
  --bg: var(--bw-page-gradient) !important;
  --bg-grad: var(--bw-page-gradient) !important;
  --bg-1: #eef3ff;
  --bg-2: #e9efff;
  --bg-3: #f0ebff;
  --bg-4: #e8f2ff;
  --bg-5: #eef7ff;
  --surface: rgba(255,255,255,.95);
  --surface-2: rgba(255,255,255,.86);
  --surface-3: rgba(255,255,255,.72);
  --text: var(--bw-ink);
  --text-dark: var(--bw-ink);
  --text-mid: var(--bw-muted);
  --text-soft: var(--bw-soft);
  --border: rgba(107,96,255,.18);
  --border-soft: rgba(107,96,255,.1);
  --accent: var(--bw-brand);
  --accent2: var(--bw-brand-2);
  --primary: var(--bw-brand);
  --primary-light: var(--bw-brand-light);
  --pink: var(--bw-brand-2);
  --grad: linear-gradient(135deg, #6b8eff 0%, #8b6bff 100%) !important;
  --grad-btn: linear-gradient(135deg, #6b8eff 0%, #8b6bff 100%) !important;
  --font: 'Be Vietnam Pro', system-ui, sans-serif !important;
  --font-display: 'Quicksand', 'Be Vietnam Pro', sans-serif !important;
  --radius-md: 20px !important;
  --radius-lg: 28px !important;
  --radius-xl: 32px !important;
  --shadow: 0 12px 32px rgba(99,102,241,.16) !important;
  --shadow-soft: 0 4px 18px rgba(99,102,241,.1) !important;
  --shadow-lg: 0 24px 60px rgba(99,102,241,.2) !important;
  /* Shared design-system scale. Keep aliases above for legacy pages. */
  --bw-space-1: 4px;
  --bw-space-2: 8px;
  --bw-space-3: 12px;
  --bw-space-4: 16px;
  --bw-space-5: 24px;
  --bw-space-6: 32px;
  --bw-space-7: 48px;
  --bw-radius-sm: 10px;
  --bw-radius-md: 16px;
  --bw-radius-lg: 24px;
  --bw-radius-pill: 999px;
  --bw-shadow-surface: 0 2px 5px rgba(39,35,92,.04), 0 18px 44px rgba(54,48,130,.08);
  --bw-shadow-overlay: 0 12px 32px rgba(45,40,105,.16);
  --bw-container: 1200px;
  --bw-container-wide: 1400px;
  --bw-focus-ring: 0 0 0 4px rgba(107,96,255,.22);
  --bw-duration-fast: 160ms;
  --bw-duration-base: 220ms;
  --bw-target-min: 44px;
  --bw-type-xs: .75rem;
  --bw-type-sm: .875rem;
  --bw-type-body: 1rem;
  --bw-type-h1: clamp(1.55rem,3vw,2.35rem);
  --bw-type-h2: clamp(1.35rem,2.4vw,1.8rem);
  --bw-type-h3: 1.125rem;
  --bw-type-h4: 1rem;
  --bw-type-title: var(--bw-type-h1);
}
:root[data-theme="dark"] {
  --bw-canvas: #16142b;
  --bw-paper: #222044;
  --bw-subtle: #2b2850;
  --bw-ink: #f5f5fa;
  --bw-muted: #d1d5fa;
  --bw-line: #494371;
  --bw-brand: #b4a4ff;
  --bw-brand-2: #8f85ff;
  --bw-brand-light: #c9bcff;
  --bw-brand-hover: #c9bcff;
  --bw-brand-text: #c9bcff;
  --bw-success: #8ce0bd;
  --bw-warning: #f4cf81;
  --bw-error: #ffadb8;
  --bw-success-soft: #163c35;
  --bw-warning-soft: #3d321e;
  --bw-error-soft: #42242e;
  --bw-tint: #38315b;
  --bw-on-brand: #ffffff;
  --bg-1: #16142b;
  --bg-2: #1b1834;
  --bg-3: #211d40;
  --bg-4: #19172f;
  --bg-5: #1d1938;
  --surface: rgba(34,32,68,.95);
  --surface-2: rgba(34,32,68,.86);
  --surface-3: rgba(34,32,68,.7);
  --text: var(--bw-ink);
  --text-dark: var(--bw-ink);
  --text-mid: var(--bw-muted);
  --text-soft: #a9add3;
  --border: rgba(180,164,255,.24);
  --border-soft: rgba(180,164,255,.14);
  --accent: var(--bw-brand);
  --accent2: var(--bw-brand-2);
  --primary: var(--bw-brand);
  --primary-light: var(--bw-brand-light);
  --pink: var(--bw-brand-2);
}
html body {
  font-family: var(--font) !important;
  color: var(--bw-ink);
  -webkit-font-smoothing: antialiased;
  font-synthesis: none;
}
html body :is(h1,h2,h3,h4,.page-title,.section-title) {
  font-family: var(--font-display) !important;
  letter-spacing: 0;
}
html body :is(button,input,select,textarea) { font-family: inherit; }
body :is(a,button,input,select,textarea,summary):focus-visible {
  outline: 3px solid var(--bw-brand);
  outline-offset: 4px;
}

/* Reusable primitives for shared and progressively-migrated surfaces. */
html body .bw-ui-container { width:min(calc(100% - 32px),var(--bw-container)); margin-inline:auto; }
html body .bw-ui-card { border:1px solid var(--bw-line); border-radius:var(--bw-radius-lg); background:color-mix(in srgb,var(--bw-paper) 86%,transparent); box-shadow:var(--bw-shadow-surface); }
html body .bw-ui-button { min-height:var(--bw-target-min); display:inline-flex; align-items:center; justify-content:center; gap:var(--bw-space-2); padding:10px 18px; border:1px solid var(--bw-line); border-radius:var(--bw-radius-pill); background:var(--bw-paper); color:var(--bw-brand-text); font:600 var(--bw-type-sm)/1.35 var(--font); text-decoration:none; cursor:pointer; transition:background var(--bw-duration-fast),border-color var(--bw-duration-fast),transform var(--bw-duration-fast); }
html body .bw-ui-button[data-variant="primary"] { border-color:transparent; background:var(--bw-brand-gradient); color:var(--bw-on-brand); box-shadow:0 9px 22px rgba(93,78,231,.2); }
html body .bw-ui-button[data-variant="tertiary"] { border-color:transparent; background:transparent; box-shadow:none; }
html body .bw-ui-field { min-height:44px; width:100%; padding:10px 13px; border:1px solid var(--bw-line); border-radius:var(--bw-radius-md); background:var(--bw-paper); color:var(--bw-ink); font:inherit; }
html body .bw-ui-badge { display:inline-flex; align-items:center; min-height:28px; padding:4px 10px; border-radius:var(--bw-radius-pill); background:var(--bw-tint); color:var(--bw-brand-text); font-size:var(--bw-type-xs); font-weight:700; }
html body :is(.bw-ui-empty,.bw-ui-loading,.bw-ui-error,.bw-ui-toast) { padding:var(--bw-space-4); border-radius:var(--bw-radius-md); background:var(--bw-subtle); color:var(--bw-muted); line-height:1.6; }
html body .bw-ui-error { border-left:3px solid var(--bw-error); }
html body .bw-ui-button:disabled { opacity:.55; cursor:not-allowed; box-shadow:none; transform:none; }
html body .bw-ui-button[aria-busy="true"] { cursor:progress; }
html body .bw-content-state { max-width:620px; margin:var(--bw-space-5) auto; padding:var(--bw-space-6); border-radius:var(--bw-radius-lg); background:var(--bw-subtle); color:var(--bw-muted); text-align:center; line-height:1.7; }
html body .bw-content-state h2 { margin:0 0 var(--bw-space-3); color:var(--bw-ink); font-size:var(--bw-type-h2); }
html body .bw-content-state p { margin:0 0 var(--bw-space-4); }
html body :is(.cal-m-week div,.wb-m-week div) { color:var(--bw-muted); }
html body :is(.cal-m-day.sun,.cal-m-week .sun,.wb-d.sun) { color:var(--bw-error); }
html body :is(.cal-m-day.has-event,.wb-d.has) { background:color-mix(in srgb,var(--ev-color) 55%,#23184f); color:#fff; }
html body .iv-ans-tab.active { background:var(--bw-brand-text); color:var(--bw-paper); }
html body .bw-ui-toast { position:fixed; right:var(--bw-space-4); bottom:var(--bw-space-4); z-index:1000; max-width:min(380px,calc(100vw - 32px)); background:var(--bw-paper); box-shadow:var(--bw-shadow-overlay); }
html { scroll-padding-top:88px; }

/* Reference homepage: generous two-column hero and a visible Waybi strip. */
html body #home-view { background: #fff; font-family: var(--font); }
html body #home-view .bw-hero { padding: 60px 24px 48px !important; background: #fff !important; }
html body #home-view .bw-hero-grid {
  max-width: 1400px;
  grid-template-columns: minmax(0,.88fr) minmax(0,1.12fr);
  gap: 64px;
  align-items: center;
}
html body #home-view .bw-hero-h1 {
  font-family: var(--font-display) !important;
  font-size: clamp(2.6rem,4.1vw,4.2rem) !important;
  font-weight: 700 !important;
  line-height: 1.16 !important;
  margin-bottom: 26px !important;
  letter-spacing: 0 !important;
  color: #1a1a3e !important;
}
html body #home-view .accent-yellow {
  background: var(--bw-brand-gradient) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  font-style: italic;
}
html body #home-view .bw-hero-text .badge {
  padding: 12px 22px;
  border-radius: 999px;
  border: 1px solid var(--bw-line);
  background: var(--bw-tint);
  color: var(--bw-brand);
  font-size: 16px;
  font-weight: 800;
  margin-bottom: 28px;
}
html body #home-view .bw-hero-text .badge::before { content:'✨'; margin-right:8px; }
html body #home-view .bw-hero-text .lede { font-size: 21px; line-height: 1.7; max-width: 560px; margin-bottom: 26px; color: #3a3a6e; }
html body #home-view .bw-hero-cta-row { gap: 14px; flex-direction:column; align-items:flex-start; }
html body #home-view .bw-btn-xl { min-height: 66px !important; padding: 18px 28px !important; font-size: 21px !important; font-weight: 800; border-radius: 999px; }
html body #home-view .bw-btn-primary { background: var(--grad-btn); box-shadow: 0 14px 30px rgba(99,102,241,.24); }
html body #home-view .bw-btn-outline { border: 1px solid #d4d0ff; color: #6450f7; background: #fff; }
html body #home-view .bw-hero-visual { width:100%; max-width:700px; margin:0; border-radius:32px; }
html body #home-view .bw-hero-carousel { aspect-ratio:16 / 10; border-radius:28px; box-shadow:0 22px 56px rgba(30,41,59,.16); }
html body #home-view .bw-hero-caption { padding:7px 13px; font-size:13px; border-radius:999px; }
html body #home-view .bw-hero-dots button.is-active { background:var(--grad); }
html body #home-view .bw-trust-bar { max-width:1400px; border-radius:24px; background:#fff; box-shadow:var(--shadow-soft); border:1px solid #efeeff; }
html body #home-view .bw-waybi-home { padding:18px 24px; background:#f5f7ff; border-bottom:1px solid #e5e7ff; }
html body #home-view .bw-waybi-home-inner { max-width:1400px; grid-template-columns:80px minmax(0,1fr); gap:20px; }
html body #home-view .bw-waybi-home-visual { min-height:72px; }
html body #home-view .bw-waybi-home-visual img { width:80px; }
html body #home-view .bw-waybi-home-copy h2 { font-size:23px; font-weight:700; margin-bottom:4px; }
html body #home-view .bw-waybi-home-copy > p { font-size:17px; }
html body #home-view .bw-waybi-actions .bw-btn { min-height:54px; padding:14px 26px; font-size:18px; border-radius:999px; }
html body #home-view :is(.bw-tool-card,.bw-step,.bw-audience-card,.bw-stat-card) { border-radius:26px; box-shadow:var(--shadow-soft); }
html body #home-view .bw-tool-card .icon { display:block; }
html body #home-view :is(.section-title,.section-eyebrow,.section-sub) { text-align:center; }

/* New flow components follow the same visual style without changing their behavior. */
html body .flow-next { border-radius:24px; background:linear-gradient(135deg,var(--bw-subtle),var(--bw-tint)); box-shadow:var(--shadow-soft); }
html body .flow-next h2 { font-weight:700; }
html body .flow-actions a { border-radius:999px; padding:12px 20px; font-weight:700; }
html body .flow-actions a:first-child { background:var(--grad-btn); color:#fff; border-color:transparent; box-shadow:0 8px 22px rgba(99,102,241,.18); }
html body :is(.calc-card,.result-summary,.result-empty,.res-card,.profile-header,.auth-card) { border-radius:24px; }
html body .calc-btn-primary { background:var(--grad-btn); border-radius:999px; box-shadow:0 8px 22px rgba(99,102,241,.2); }
html body .calc-btn-secondary { border-radius:999px; }
html body .summary-grid { grid-template-columns:repeat(auto-fit,minmax(125px,1fr)); }
html body .school-row-name { white-space:normal; overflow-wrap:anywhere; }
html body .btn-nav-login { background:var(--grad-btn); border-radius:999px !important; box-shadow:0 5px 14px rgba(99,102,241,.25); color:#fff !important; }
html body #waybi-left { display:none !important; }
html body :is(#waybi-panel,#bwChatPanel) { border-radius:26px; box-shadow:var(--shadow-lg); }
html body :is(#waybi-header,.bw-chat-header,.bw-chat-send,#waybi-send) { background:var(--grad-btn); }
html body :is(#waybi-fab,#bwChatLauncher) { box-shadow:0 10px 28px rgba(99,102,241,.24); border:2px solid #e4dfff; }
html body .sidebar-link-icon { display:inline-flex; align-items:center; }

/* One BrightWay icon language: soft violet-blue surfaces and restrained emoji colour. */
html body :is(.page1-guide-icon, #home-view .bw-audience-card .emoji, #home-view .bw-stage-card .emoji, #home-view .bw-trust-item .ico, .lp-cat-icon, .lp-strip-icon) {
  color:var(--bw-brand) !important;
  background:linear-gradient(135deg,#eaf0ff,#f1eaff) !important;
  border:1px solid #dcd9ff;
  box-shadow:0 7px 16px rgba(99,102,241,.12);
  filter:grayscale(.52) saturate(.62) hue-rotate(205deg);
}
html body :is(#home-view .bw-tool-card .icon, #home-view .bw-audience-card .emoji, #home-view .bw-stage-card .emoji, #home-view .bw-trust-item .ico, .lp-cat-icon, .lp-strip-icon) {
  border-radius:14px;
  display:inline-grid;
  place-items:center;
}
html body #home-view .bw-tool-card .icon { display:grid; place-items:center; flex:0 0 96px; width:96px; height:96px; aspect-ratio:1 / 1; margin:0 auto 14px; padding:8px; border-radius:22px; background:linear-gradient(135deg,#f0f2ff,#f8f2ff); }
html body #home-view .bw-tool-card .icon img { display:block; width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; object-position:center; filter:none; }
html body #home-view .bw-trust-item .ico { width:28px; height:28px; font-size:15px; }
html body #home-view .bw-stage-card .emoji { padding:5px; }
html body #home-view .bw-inline-icon { width:24px; height:24px; object-fit:contain; vertical-align:middle; margin-right:5px; filter:none; }
html body #home-view .bw-trust-icon { width:26px; height:26px; object-fit:contain; flex:0 0 26px; }
html body #home-view .bw-tab-icon { width:20px; height:20px; object-fit:contain; vertical-align:middle; margin-right:4px; filter:none; }

@media(max-width:1100px) and (min-width:901px) {
  html body #home-view .bw-hero-grid { gap:36px; }
  html body #home-view .bw-hero-h1 { font-size:3rem !important; }
  html body #home-view .bw-hero-text .lede { font-size:17px; }
  html body #home-view .bw-btn-xl { font-size:17px !important; padding:15px 22px !important; }
}
@media(max-width:900px) {
  html body #home-view .bw-hero-grid { grid-template-columns:minmax(0,1fr); gap:30px; }
  html body #home-view .bw-hero-h1 { font-size:clamp(2.2rem,7vw,3.5rem) !important; }
  html body #home-view .bw-hero-visual { max-width:600px; }
}
@media(max-width:640px) {
  html body #home-view .bw-hero { padding:34px 18px 30px !important; }
  html body #home-view .bw-hero-h1 { font-size:clamp(2rem,8vw,2.8rem) !important; }
  html body #home-view .bw-hero-text .badge { font-size:12px; padding:10px 14px; }
  html body #home-view .bw-hero-text .lede { font-size:15px; }
  html body #home-view .bw-btn-xl { min-height:50px !important; font-size:16px !important; padding:13px 20px !important; }
  html body #home-view .bw-hero-cta-row { align-items:center; }
  html body #home-view .bw-waybi-home { padding:12px 16px; }
  html body #home-view .bw-waybi-home-inner { grid-template-columns:56px minmax(0,1fr); gap:12px; }
  html body #home-view .bw-waybi-home-visual { min-height:56px; }
  html body #home-view .bw-waybi-home-visual img { width:56px; }
  html body #home-view .bw-waybi-home-copy h2 { font-size:17px; }
  html body #home-view .bw-waybi-home-copy > p { font-size:13px; }
  html body #home-view .bw-waybi-actions .bw-btn { min-height:42px; font-size:14px; padding:10px 18px; }
  html body .summary-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html body .flow-actions a { padding:10px 16px; font-size:13px; }
}
html body.senior-mode #home-view .bw-hero-h1 { font-size:clamp(2.6rem,4.6vw,4.8rem) !important; }
@media(max-width:640px) { html body.senior-mode #home-view .bw-hero-h1 { font-size:2.5rem !important; } }
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto !important; }
  body *,body *::before,body *::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; }
}

/* 2026 premium polish: shared depth, light and interaction language. */
:root {
  --bw-shadow-xs: 0 1px 2px rgba(39,35,92,.04), 0 6px 18px rgba(54,48,130,.06);
  --bw-shadow-card: 0 2px 4px rgba(39,35,92,.04), 0 18px 48px rgba(54,48,130,.09);
  --bw-shadow-lift: 0 4px 8px rgba(39,35,92,.06), 0 28px 68px rgba(54,48,130,.15);
}
html { background:#f5f6ff; }
html body {
  background:
    radial-gradient(circle at -4% 2%, rgba(123,92,255,.22), transparent 34rem),
    radial-gradient(circle at 104% 16%, rgba(80,177,255,.20), transparent 32rem),
    radial-gradient(circle at 52% 66%, rgba(202,119,255,.09), transparent 38rem),
    linear-gradient(165deg,#fbfbff 0%,#f0f3ff 48%,#faf7ff 100%);
  background-attachment:fixed;
}
html body::selection { background:rgba(107,96,255,.2); color:var(--bw-ink); }
html body :is(h1,h2,h3) { text-wrap:balance; }
html body p { text-wrap:pretty; }
html body :is(button,a,input,select,summary) { -webkit-tap-highlight-color:transparent; }
html body :is(.calc-card,.result-summary,.result-empty,.res-card,.profile-header,.auth-card) {
  border-color:rgba(107,96,255,.13) !important;
  box-shadow:var(--bw-shadow-xs) !important;
  backdrop-filter:blur(20px) saturate(145%);
  -webkit-backdrop-filter:blur(20px) saturate(145%);
}
html body :is(.calc-card,.result-summary,.result-empty,.res-card,.auth-card) {
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(247,247,255,.66)) !important;
}
html body :is(.calc-btn-primary,.flow-continue,.btn-nav-login) {
  position:relative;
  overflow:hidden;
  box-shadow:0 10px 25px rgba(93,78,231,.24), inset 0 1px rgba(255,255,255,.28) !important;
}
html body :is(.calc-btn-primary,.flow-continue,.btn-nav-login)::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(110deg,transparent 20%,rgba(255,255,255,.28) 45%,transparent 70%);
  transform:translateX(-120%);
  transition:transform .55s ease;
  pointer-events:none;
}
html body :is(.calc-btn-primary,.flow-continue,.btn-nav-login):hover::after { transform:translateX(120%); }
html body #home-view {
  background:
    radial-gradient(circle at 7% 7%,rgba(111,91,255,.13),transparent 27rem),
    radial-gradient(circle at 88% 5%,rgba(91,178,255,.14),transparent 30rem),
    rgba(251,251,255,.48) !important;
}
html body #home-view .bw-hero { position:relative; overflow:hidden; background:transparent !important; }
html body #home-view .bw-hero::before,
html body #home-view .bw-hero::after { content:""; position:absolute; border-radius:50%; pointer-events:none; }
html body #home-view .bw-hero::before { width:420px; height:420px; left:-240px; top:-210px; background:radial-gradient(circle,rgba(139,107,255,.16),transparent 68%); }
html body #home-view .bw-hero::after { width:360px; height:360px; right:-170px; bottom:-190px; background:radial-gradient(circle,rgba(85,186,255,.14),transparent 68%); }
html body #home-view .bw-hero-grid { position:relative; z-index:1; }
html body #home-view .bw-hero-carousel { border:1px solid rgba(255,255,255,.9); box-shadow:0 2px 3px rgba(31,28,81,.05),0 30px 75px rgba(52,47,122,.18); }
html body #home-view .bw-hero-carousel::after { content:""; position:absolute; inset:0; border-radius:inherit; box-shadow:inset 0 0 0 1px rgba(255,255,255,.4); pointer-events:none; }
html body #home-view .bw-metric-band { border:1px solid rgba(255,255,255,.45); box-shadow:0 20px 50px rgba(80,64,215,.22),inset 0 1px rgba(255,255,255,.25); }
html body #home-view :is(.step,.bw-tool-card,.bw-faq-item) { border:1px solid rgba(107,96,255,.11) !important; box-shadow:var(--bw-shadow-xs) !important; transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease; }
html body #home-view :is(.step,.bw-tool-card):hover { transform:translateY(-5px); border-color:rgba(107,96,255,.28) !important; box-shadow:var(--bw-shadow-card) !important; }
html body #home-view .bw-faq-item[open] { border-color:rgba(107,96,255,.25) !important; box-shadow:var(--bw-shadow-card) !important; }
@media(max-width:640px) {
  html body { background:linear-gradient(180deg,#fafaff,#f5f6ff); }
  html body #home-view .bw-hero::before { width:260px; height:260px; left:-170px; top:-140px; }
  html body #home-view .bw-hero::after { display:none; }
}

/* 2026 aurora glass pass: richer depth without sacrificing legibility. */
html body :is(a,button,input,select,summary):focus-visible {
  outline:3px solid rgba(107,96,255,.27);
  outline-offset:3px;
}
html body #home-view :is(.admissions-home,.bw-roadmap,.bw-tools,.bw-faq) {
  background:transparent !important;
}
html body #home-view :is(.bw-trust-bar,.bw-waybi-home) {
  background:linear-gradient(135deg,rgba(255,255,255,.58),rgba(238,241,255,.44)) !important;
  border-color:rgba(255,255,255,.76) !important;
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
}
html body #home-view .bw-waybi-home {
  border-top:1px solid rgba(255,255,255,.72);
  border-bottom:1px solid rgba(107,96,255,.11) !important;
  box-shadow:0 15px 40px rgba(54,48,130,.06);
}
html body #home-view :is(.bw-step,.bw-tool-card,.bw-faq-item,.admissions-news-card) {
  position:relative;
  background:linear-gradient(145deg,rgba(255,255,255,.69),rgba(241,243,255,.51)) !important;
  border:1px solid rgba(255,255,255,.78) !important;
  box-shadow:0 2px 4px rgba(39,35,92,.035),0 18px 44px rgba(54,48,130,.08) !important;
  backdrop-filter:blur(22px) saturate(150%);
  -webkit-backdrop-filter:blur(22px) saturate(150%);
}
html body #home-view :is(.bw-step,.bw-tool-card,.admissions-news-card) {
  overflow:hidden;
}
html body #home-view :is(.bw-step,.bw-tool-card,.admissions-news-card)::before {
  content:"";
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  top:0;
  height:2px;
  border-radius:0 0 999px 999px;
  background:linear-gradient(90deg,transparent,rgba(107,96,255,.72),rgba(91,183,255,.62),transparent);
}
html body #home-view :is(.bw-step,.bw-tool-card,.admissions-news-card):hover {
  transform:translateY(-6px);
  border-color:rgba(154,139,255,.42) !important;
  box-shadow:0 6px 12px rgba(39,35,92,.05),0 30px 64px rgba(54,48,130,.14) !important;
}
html body #home-view .bw-tool-card .icon {
  background:linear-gradient(145deg,rgba(255,255,255,.74),rgba(228,228,255,.5));
  border:1px solid rgba(255,255,255,.84);
  box-shadow:0 14px 30px rgba(82,67,196,.12),inset 0 1px rgba(255,255,255,.65);
}
html body #home-view .bw-faq-item[open] {
  background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(239,240,255,.61)) !important;
}
html body #home-view .admissions-school-shortcuts a {
  background:rgba(255,255,255,.45);
  border-color:rgba(107,96,255,.18);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
html body #home-view :is(.bw-section-kicker,.admissions-eyebrow) {
  letter-spacing:.14em;
  text-shadow:0 5px 16px rgba(107,96,255,.16);
}
html body #home-view :is(.bw-roadmap,.bw-tools,.bw-faq) h2 {
  letter-spacing:-.028em;
}
html body ::-webkit-scrollbar { width:11px; height:11px; }
html body ::-webkit-scrollbar-track { background:rgba(238,239,252,.65); }
html body ::-webkit-scrollbar-thumb { background:linear-gradient(180deg,#a79cff,#7465ef); border:3px solid rgba(245,246,255,.9); border-radius:999px; }
@media(max-width:700px) {
  html body { background-attachment:scroll; }
  html body #home-view :is(.bw-step,.bw-tool-card,.admissions-news-card):hover { transform:none; }
}