/* ================================================================ DARK MODE — PREMIUM CYAN/PURPLE (No Gold) ================================================================ */ /* Replace gold accents with cyan/purple */ .motion-welcome .welcome-heading .char { background: linear-gradient(180deg, #ffffff 0%, #e0e7ff 40%, #60a5fa 80%, #a855f7 100%) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0 4px 30px rgba(96,165,250,.4)) !important; } .motion-welcome .welcome-logo-big svg { filter: drop-shadow(0 0 30px rgba(96,165,250,.5)) drop-shadow(0 0 60px rgba(168,85,247,.3)) drop-shadow(0 4px 20px rgba(0,0,0,.5)) !important; } .motion-welcome .welcome-logo-big::before { border-top-color: rgba(96,165,250,.9) !important; border-right-color: rgba(96,165,250,.3) !important; } .motion-welcome .welcome-logo-big::after { border-bottom-color: rgba(168,85,247,.7) !important; border-left-color: rgba(168,85,247,.2) !important; } .motion-welcome .welcome-contact-btn { border-color: rgba(96,165,250,.3) !important; box-shadow: 0 8px 24px rgba(0,0,0,.4), inset 0 1px 0 rgba(255,255,255,.06) !important; } .motion-welcome .welcome-contact-btn:hover { border-color: rgba(96,165,250,.7) !important; box-shadow: 0 24px 56px rgba(0,0,0,.5), 0 0 40px rgba(96,165,250,.3), inset 0 1px 0 rgba(255,255,255,.12) !important; } .motion-welcome .welcome-next-btn { background: linear-gradient(135deg, rgba(96,165,250,.15), rgba(168,85,247,.08)) !important; border-color: rgba(96,165,250,.6) !important; color: #60a5fa !important; box-shadow: 0 16px 44px rgba(96,165,250,.25), inset 0 1px 0 rgba(255,255,255,.12) !important; } .motion-welcome .welcome-next-btn:hover { color: #ffffff !important; border-color: #60a5fa !important; box-shadow: 0 30px 70px rgba(96,165,250,.45), 0 0 80px rgba(96,165,250,.35) !important; } .motion-welcome .welcome-next-btn::before { background: linear-gradient(135deg, rgba(96,165,250,.4), rgba(168,85,247,.2)) !important; } .motion-welcome .welcome-icon-btn, .motion-welcome .welcome-theme-btn { border-color: rgba(96,165,250,.3) !important; color: rgba(226,232,240,.85) !important; } .motion-welcome .welcome-icon-btn:hover, .motion-welcome .welcome-theme-btn:hover { color: #60a5fa !important; border-color: rgba(96,165,250,.7) !important; box-shadow: 0 16px 36px rgba(96,165,250,.35), inset 0 1px 0 rgba(255,255,255,.15) !important; } .motion-welcome .welcome-icon-btn::before, .motion-welcome .welcome-theme-btn::before { background: conic-gradient(from 0deg, transparent, rgba(96,165,250,.7), transparent 30%) !important; } .motion-welcome .welcome-logout-btn { border-color: rgba(96,165,250,.3) !important; color: rgba(226,232,240,.85) !important; } .motion-welcome .welcome-logout-btn:hover { color: #f87171 !important; border-color: rgba(248,113,113,.6) !important; background: linear-gradient(135deg, rgba(248,113,113,.12), rgba(248,113,113,.03)) !important; } /* Marquee — blue/purple */ .marquee-item { color: rgba(96,165,250,.6) !important; } .marquee-item:hover { color: rgba(96,165,250,1) !important; } .marquee-star { color: #a855f7 !important; } /* Progress bar — blue/purple */ .motion-progress { background: linear-gradient(90deg, #60a5fa, #a855f7, #60a5fa) !important; box-shadow: 0 0 12px rgba(96,165,250,.7), 0 0 24px rgba(96,165,250,.3) !important; } /* Ambient background — blue/purple */ .motion-welcome.welcome-page::before { background: radial-gradient(circle 500px at var(--mx, 20%) var(--my, 30%), rgba(96,165,250,.2) 0%, transparent 60%), radial-gradient(circle 600px at var(--mx2, 80%) var(--my2, 70%), rgba(168,85,247,.22) 0%, transparent 60%), radial-gradient(circle 400px at var(--mx3, 40%) var(--my3, 90%), rgba(236,72,153,.12) 0%, transparent 60%), radial-gradient(circle 450px at var(--mx4, 90%) var(--my4, 20%), rgba(59,130,246,.15) 0%, transparent 60%) !important; } .motion-welcome.welcome-page::after { background-image: linear-gradient(rgba(96,165,250,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(96,165,250,.05) 1px, transparent 1px) !important; } /* Header accent */ .header { background: linear-gradient(135deg, rgba(15,23,42,.95), rgba(30,41,59,.95), rgba(15,23,42,.95)) !important; border-bottom: 1px solid rgba(96,165,250,.15) !important; } /* Orbs — blue/purple */ .floating-orbs .orb:nth-child(1), .floating-orbs .orb:nth-child(2) { background: radial-gradient(circle, #e0e7ff, #60a5fa) !important; box-shadow: 0 0 20px rgba(96,165,250,.8) !important; } .floating-orbs .orb:nth-child(3) { background: radial-gradient(circle, #e9d5ff, #a855f7) !important; box-shadow: 0 0 25px rgba(168,85,247,.6) !important; } .floating-orbs .orb:nth-child(4) { background: radial-gradient(circle, #fce7f3, #ec4899) !important; box-shadow: 0 0 18px rgba(236,72,153,.7) !important; } /* ===== SCROLL FIX ===== */ html, body { overflow-y: auto !important; overflow-x: hidden; } body { height: auto !important; min-height: 100vh; } .container { height: auto !important; min-height: 100vh; overflow: visible !important; } .page-wrap { overflow-y: visible !important; height: auto !important; min-height: 100vh; } .welcome-page { overflow-y: visible !important; height: auto !important; }
Sign in to continue your learning journey
Before we begin, tell us your name
20 questions + 1 bonus | NCERT-based | +4/−1 marking
You've completed all 20 main questions. Now test your deepest understanding with the bonus question!