:root {
  --ink: #171b36;
  --ink-soft: #66708b;
  --paper: #f7f7ff;
  --surface: #ffffff;
  --line: rgba(92,87,157,.13);
  --brand: #6f54f5;
  --brand-dark: #5134d4;
  --brand-soft: #eeebff;
  --violet: #8b5cf6;
  --violet-soft: #f1ecff;
  --cyan: #18b6c7;
  --gradient: linear-gradient(135deg,#7757f6 0%,#596bf2 48%,#29a9e8 100%);
  --gradient-warm: linear-gradient(135deg,#8d5cf6 0%,#ec6eb1 55%,#ff9a62 100%);
  --shadow-sm: 0 14px 38px rgba(65,51,135,.09);
  --shadow-lg: 0 32px 90px rgba(57,44,125,.17);
  --radius-sm: 16px;
  --radius: 26px;
  --radius-lg: 38px;
}
body{background:radial-gradient(circle at 82% 2%,rgba(113,84,245,.11),transparent 26%),radial-gradient(circle at 8% 34%,rgba(25,184,199,.08),transparent 24%),var(--paper)}
.reveal{opacity:1!important;transform:none!important}
.ss-container{width:min(calc(100% - 48px),1200px)}
.ss-topline{color:rgba(255,255,255,.82);background:linear-gradient(90deg,#28224e,#5137b8 48%,#176fa7)}
.ss-topline a{color:#c9f8ff}.ss-topline-inner{min-height:38px}
.ss-header{top:0;border:0;background:transparent;backdrop-filter:none}.ss-nav{min-height:74px;margin-top:12px;padding:0 16px;border:1px solid rgba(255,255,255,.75);border-radius:23px;background:rgba(255,255,255,.86);box-shadow:0 16px 45px rgba(61,47,132,.10);backdrop-filter:blur(22px)}
.ss-brand-mark{border-radius:14px 14px 14px 5px;background:var(--gradient);box-shadow:0 10px 25px rgba(104,80,238,.28)}
.ss-nav-links a{border-radius:999px}.ss-nav-links a:hover,.ss-nav-links a.active{color:var(--brand-dark);background:linear-gradient(135deg,#f1edff,#eaf7ff)}
.ss-btn{border-radius:999px}.ss-btn-primary{background:var(--gradient);box-shadow:0 13px 28px rgba(96,78,232,.25)}.ss-btn-primary:hover{background:linear-gradient(135deg,#6848e8,#4266e6 52%,#1a9cdc);box-shadow:0 16px 36px rgba(96,78,232,.34)}
.ss-btn-violet{background:var(--gradient-warm)}.ss-btn-light{border-color:rgba(91,85,158,.13);background:rgba(255,255,255,.84);box-shadow:0 9px 25px rgba(57,44,125,.06)}.ss-btn-ghost{color:var(--brand-dark);background:linear-gradient(135deg,#efebff,#e9f7ff)}
.ss-menu-btn{border-radius:14px;border-color:var(--line)}

/* Landing */
.ss-hero{margin-top:-86px;padding:180px 0 92px;background:radial-gradient(circle at 84% 25%,rgba(106,84,244,.15),transparent 25%),radial-gradient(circle at 13% 72%,rgba(25,184,199,.12),transparent 22%)}
.ss-hero::before{right:-160px;top:-170px;background:radial-gradient(circle,rgba(126,91,248,.18),transparent 66%)}.ss-hero::after{background:radial-gradient(circle,rgba(36,187,203,.18),transparent 67%)}
.ss-hero-badge{padding:8px 14px;border:1px solid rgba(105,80,235,.16);color:var(--brand-dark);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(241,237,255,.88));box-shadow:0 10px 28px rgba(65,51,135,.07)}
.ss-live-dot{background:#8c5df7;box-shadow:0 0 0 5px rgba(140,93,247,.11)}
.ss-hero h1{font-size:clamp(46px,5.7vw,76px)}.ss-hero h1 span{color:transparent;background:var(--gradient);background-clip:text;-webkit-background-clip:text}.ss-hero h1 span::after{height:12px;bottom:-2px;background:linear-gradient(90deg,rgba(128,91,246,.18),rgba(45,169,232,.13))}
.ss-proof-check{color:var(--brand);background:var(--brand-soft)}
.ss-ai-card{padding:14px;border:1px solid rgba(255,255,255,.19);border-radius:38px;background:linear-gradient(145deg,#2b2457 0%,#40317f 46%,#1e6c91 100%);box-shadow:0 38px 95px rgba(49,36,112,.28)}
.ss-ai-card::before{inset:auto 12% -25px;height:65px;background:linear-gradient(90deg,rgba(126,88,247,.45),rgba(32,181,207,.35));filter:blur(38px)}
.ss-ai-window{border-radius:27px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.045))}.ss-ai-avatar{border-radius:14px;color:#4731a8;background:linear-gradient(135deg,#d9d0ff,#aef4ff)}.ss-model-pill{color:#d9d4ff;background:rgba(255,255,255,.11)}
.ss-chat-user{border-radius:18px 18px 5px 18px;background:linear-gradient(135deg,#8065f4,#4a80e9)}.ss-chat-ai{border-radius:18px 18px 18px 5px;background:rgba(255,255,255,.10)}.ss-chat-ai strong{color:#aef4ff}.ss-quick-prompt{border-radius:999px}.ss-mini-form{border-radius:18px}.ss-mini-send{border-radius:13px;color:#4c38aa;background:linear-gradient(135deg,#d8d0ff,#aef4ff)}
.ss-trust-strip{border:0;background:transparent}.ss-trust-inner{min-height:100px;padding:0 25px;border:1px solid rgba(255,255,255,.8);border-radius:26px;background:rgba(255,255,255,.78);box-shadow:var(--shadow-sm)}
.ss-section-muted{background:linear-gradient(135deg,rgba(112,83,244,.055),rgba(32,181,199,.045))}
.ss-eyebrow{color:var(--brand-dark)}.ss-eyebrow::before{background:var(--gradient)}
.ss-journey-card,.ss-course-card,.ss-dashboard-card{border:1px solid rgba(255,255,255,.85);border-radius:29px;background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(249,248,255,.88));box-shadow:var(--shadow-sm)}
.ss-journey-card:hover,.ss-course-card:hover{transform:translateY(-7px);border-color:rgba(113,84,245,.18);box-shadow:0 23px 55px rgba(65,51,135,.13)}
.ss-journey-icon,.ss-feature-num{border-radius:15px;color:#fff;background:var(--gradient)}.ss-journey-card:nth-child(2) .ss-journey-icon,.ss-journey-card:nth-child(4) .ss-journey-icon{color:#fff;background:var(--gradient-warm)}
.ss-feature-item{border-radius:20px}.ss-feature-item:hover{background:rgba(255,255,255,.8)}.ss-progress-ring{background:conic-gradient(#7357f6 0 68%,#eeeefe 68%)}.ss-progress-bar i{background:var(--gradient)}
.ss-tag{border-radius:999px;color:var(--brand-dark);background:#f0ecff}
.ss-quote{background:linear-gradient(125deg,#282253 0%,#44328c 48%,#1b688d 100%)}.ss-policy-item{border-radius:20px;background:rgba(255,255,255,.08)}
.ss-faq-item{border-radius:22px;background:rgba(255,255,255,.80);box-shadow:var(--shadow-sm)}
.ss-cta-card{border-radius:38px;background:linear-gradient(125deg,#7654ee 0%,#5b64ea 46%,#2ba7df 100%);box-shadow:0 32px 80px rgba(74,62,188,.25)}
.ss-footer{background:linear-gradient(165deg,#f0effc,#f6fbff)}

/* Shared tool pages */
.ss-page-hero{position:relative;margin-top:-86px;padding:180px 0 74px;background:radial-gradient(circle at 78% 30%,rgba(120,89,247,.18),transparent 25%),radial-gradient(circle at 15% 80%,rgba(27,185,201,.13),transparent 23%)}
.ss-page-hero::after{content:"";position:absolute;width:190px;height:190px;right:8%;bottom:-90px;border:1px solid rgba(109,82,242,.09);border-radius:50%;box-shadow:0 0 0 35px rgba(109,82,242,.025),0 0 0 70px rgba(109,82,242,.018)}
.ss-page-hero h1{font-size:clamp(39px,5vw,62px);letter-spacing:-.055em}.ss-page-hero p{font-size:17px}.ss-breadcrumb{color:var(--brand-dark)}
.ss-app-shell{padding-top:25px}.ss-card{border:1px solid rgba(255,255,255,.85);border-radius:29px;background:rgba(255,255,255,.88);box-shadow:var(--shadow-sm);backdrop-filter:blur(16px)}.ss-card-head{border-bottom-color:var(--line)}
.ss-input,.ss-select,.ss-textarea{border-radius:16px;border-color:rgba(91,85,158,.14);background:#fafaff}.ss-input:focus,.ss-select:focus,.ss-textarea:focus{border-color:rgba(111,84,245,.48);box-shadow:0 0 0 4px rgba(111,84,245,.08)}
.ss-alert{border:0;border-radius:18px;color:#5a5482;background:linear-gradient(135deg,#f2eeff,#eaf8ff)}.ss-status{border-radius:999px;color:var(--brand-dark);background:#efebff}.ss-status.online{color:#0d8c8c;background:#e7faf9}

/* Question bank */
.bank-course{min-height:138px;border:1px solid rgba(96,89,161,.11);border-radius:22px;background:linear-gradient(145deg,#fff,#faf9ff);box-shadow:0 11px 28px rgba(65,51,135,.06)}.bank-course:hover{border-color:rgba(111,84,245,.3);box-shadow:0 17px 36px rgba(65,51,135,.10)}.bank-course.active{border-color:transparent;color:#fff;background:var(--gradient);box-shadow:0 18px 40px rgba(95,77,228,.23)}.bank-course.active p,.bank-course.active .bank-course-code{color:rgba(255,255,255,.75)}
.bank-toolbar{padding:18px;border-radius:23px;background:linear-gradient(135deg,rgba(239,235,255,.70),rgba(235,248,255,.70))}
.quiz-shell{gap:20px}.quiz-option{border-radius:18px;background:#fbfbff}.quiz-option:hover,.quiz-option.selected{border-color:rgba(111,84,245,.35);background:#f1edff}.quiz-option.correct{border-color:rgba(29,175,120,.35);background:#ebfaf4}.quiz-option.wrong{border-color:rgba(235,90,111,.35);background:#fff0f3}.quiz-key{border-radius:11px;color:var(--brand-dark);background:#efebff}.quiz-source{border-radius:999px;color:#fff;background:var(--gradient)}.quiz-explanation{border-radius:19px;background:linear-gradient(135deg,#f1edff,#ebf8ff)}.quiz-dot{border-radius:11px}.quiz-dot.current{color:#fff;background:var(--gradient)}.quiz-summary>div{border-radius:17px;background:#f8f7ff}

/* Study plan */
.plan-layout{gap:20px}.plan-form-card,.plan-output{border-radius:31px}.course-entry-row{padding:5px;border-radius:18px;background:#f7f6ff}.course-remove{border-radius:13px}.course-add{border-radius:15px;color:var(--brand-dark);background:#f0ecff}.plan-empty-mark{border-radius:24px;color:#fff;background:var(--gradient);box-shadow:0 16px 38px rgba(98,79,230,.25)}.plan-content h2{color:var(--brand-dark)}

/* AI agent */
.agent-layout{min-height:calc(100vh - 124px);padding:24px;gap:18px;background:transparent}.agent-sidebar{border:1px solid rgba(255,255,255,.8);border-radius:28px;background:rgba(255,255,255,.86);box-shadow:var(--shadow-sm);backdrop-filter:blur(18px)}.agent-mode{border-radius:17px}.agent-mode:hover{background:#f6f4ff}
.agent-mode.active{color:var(--brand-dark);background:linear-gradient(135deg,#efebff,#eaf8ff)}.agent-mode-icon{border-radius:13px;color:#fff;background:var(--gradient)}.agent-profile-toggle{border-radius:16px}.agent-main{border:1px solid rgba(255,255,255,.82);border-radius:30px;background:rgba(255,255,255,.88);box-shadow:var(--shadow-lg);overflow:hidden;backdrop-filter:blur(18px)}.agent-toolbar{background:linear-gradient(90deg,rgba(246,244,255,.9),rgba(240,249,255,.9))}.agent-welcome-mark{border-radius:24px;color:#fff;background:var(--gradient);box-shadow:0 17px 40px rgba(99,80,232,.25)}.agent-suggestion{border-radius:18px;background:#fbfbff}.agent-suggestion:hover{border-color:rgba(111,84,245,.3);background:#f1edff}.agent-compose{border-radius:22px;border-color:rgba(111,84,245,.16);background:#fff;box-shadow:0 13px 35px rgba(65,51,135,.08)}.agent-compose:focus-within{border-color:rgba(111,84,245,.45);box-shadow:0 0 0 5px rgba(111,84,245,.07),0 15px 40px rgba(65,51,135,.10)}.agent-send{border-radius:16px;color:#fff;background:var(--gradient)}.agent-message.user .agent-bubble{border-radius:22px 22px 6px 22px;background:var(--gradient)}.agent-message.assistant .agent-bubble{border-radius:22px 22px 22px 6px;background:#f7f6ff}

@media(max-width:900px){.ss-container{width:min(calc(100% - 28px),1200px)}.ss-nav{margin-top:8px;border-radius:19px}.ss-mobile-nav{margin:8px 14px 0;border:1px solid rgba(255,255,255,.8);border-radius:20px;background:rgba(255,255,255,.96);box-shadow:var(--shadow-sm)}.ss-hero,.ss-page-hero{margin-top:-82px;padding-top:155px}.agent-layout{padding:14px}.agent-sidebar,.agent-main{border-radius:24px}}
@media(max-width:640px){.ss-topline-inner span{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-hero{padding-bottom:62px}.ss-hero h1{font-size:42px}.ss-ai-card{border-radius:29px}.ss-ai-window{border-radius:21px}.ss-trust-inner{padding:20px;border-radius:23px}.ss-card,.plan-form-card,.plan-output{border-radius:23px}.ss-page-hero{padding-bottom:54px}.ss-page-hero h1{font-size:38px}.bank-toolbar{padding:14px}.agent-layout{padding:10px}.agent-main{border-radius:22px}.ss-cta-card{border-radius:28px}}