*{box-sizing:border-box}button,input,textarea,select{font:inherit}.header{color:#fff;text-align:center;background:linear-gradient(135deg,#4f46e5,#7c3aed);padding:28px 20px}.header h1{margin:0;font-size:32px}.header p{opacity:.9;margin:8px 0 0}.navbar{background:#fff;flex-wrap:wrap;justify-content:center;gap:10px;padding:12px;display:flex;box-shadow:0 2px 8px #00000014}.navbar button{color:#374151;cursor:pointer;background:#f1f5f9;border:none;border-radius:20px;padding:10px 16px;transition:all .2s}.navbar button:hover{background:#e0e7ff}.navbar button.active{color:#fff;background:#4f46e5}.main{max-width:1000px;margin:auto;padding:30px 20px}.hero{background:#fff;border-radius:20px;margin-bottom:25px;padding:30px;box-shadow:0 5px 20px #00000012}.hero h2{margin-top:0;font-size:28px}.hero p{color:#64748b;line-height:1.6}.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.card{background:#fff;border-radius:18px;padding:22px;box-shadow:0 4px 15px #0000000f}.card h3{margin-top:0}.stat-number{color:#4f46e5;font-size:30px;font-weight:700}.form-card{background:#fff;border-radius:18px;margin-bottom:20px;padding:25px;box-shadow:0 4px 15px #0000000f}input,textarea,select{border:1px solid #d1d5db;border-radius:10px;outline:none;width:100%;margin:8px 0 15px;padding:12px}input:focus,textarea:focus,select:focus{border-color:#4f46e5}textarea{resize:vertical;min-height:120px}.primary-button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:10px;padding:12px 20px;font-weight:600}.primary-button:hover{background:#4338ca}.note-card{background:#fff;border-left:5px solid #4f46e5;border-radius:15px;margin-bottom:15px;padding:20px;box-shadow:0 3px 12px #0000000d}.note-card h3{margin-top:0}.quiz-card{background:#fff;border-radius:18px;padding:25px;box-shadow:0 4px 15px #0000000f}.quiz-option{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin:10px 0;padding:13px;display:block}.quiz-option:hover{background:#eef2ff;border-color:#818cf8}.equation-box{text-align:center;background:#eef2ff;border-radius:12px;margin:20px 0;padding:18px;font-weight:600}.footer{text-align:center;color:#64748b;padding:25px;font-size:14px}@media (width<=600px){.header h1{font-size:26px}.main{padding:20px 14px}.hero{padding:22px}.navbar{gap:6px}.navbar button{padding:8px 12px;font-size:14px}}.dashboard{border-radius:22px}.dashboard-welcome{border-radius:20px;box-shadow:0 10px 30px #1e325a14}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:22px;display:grid}.dashboard-stat{background:#fff;border:1px solid #1e325a14;border-radius:18px;align-items:center;gap:15px;min-height:96px;padding:19px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 20px #1e325a12}.dashboard-stat:after{content:"";background:#506eb40f;border-radius:50%;width:90px;height:90px;position:absolute;bottom:-40px;right:-35px}.dashboard-stat>span{z-index:1;background:linear-gradient(135deg,#eef3ff,#f8faff);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;display:flex;position:relative;box-shadow:0 5px 12px #1e325a12}.dashboard-stat>div{z-index:1;position:relative}.dashboard-stat h2{color:#1e2d4d;letter-spacing:-.4px;margin:0 0 5px;font-size:25px;font-weight:750}.dashboard-stat p{color:#68758a;margin:0;font-size:13px;font-weight:500}.dashboard>div,.dashboard-welcome,.dashboard-stat{transition:box-shadow .2s,transform .2s}@media (width<=900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.dashboard-stats{grid-template-columns:1fr;gap:14px}.dashboard-stat{min-height:88px;padding:16px}.dashboard-stat h2{font-size:23px}}.dashboard-welcome{background:linear-gradient(135deg,#f7f9ff 0%,#eef4ff 100%);border:1px solid #4664aa14;padding:28px;position:relative;overflow:hidden}.dashboard-welcome:after{content:"";background:#506eb412;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-70px}.welcome-eyebrow{color:#68758a;letter-spacing:1px;margin-bottom:8px;font-size:12px;font-weight:700}.dashboard-welcome h1{color:#182640;letter-spacing:-1px;margin:0;font-size:34px;line-height:1.15}.dashboard-welcome .subtitle{color:#68758a;margin-top:10px;font-size:15px}.dashboard-cap{z-index:1;opacity:.9;font-size:58px;position:absolute;bottom:20px;right:30px}.student-name-box{margin-top:18px}.student-name-box input{box-sizing:border-box;color:#263754;background:#ffffffd9;border:1px solid #4664aa29;border-radius:12px;outline:none;width:min(280px,100%);padding:11px 14px;font-size:14px;transition:box-shadow .2s,border-color .2s}.student-name-box input:focus{border-color:#4567b273;box-shadow:0 0 0 4px #4567b214}.learning-summary{background:#fff;border:1px solid #1e325a12;border-radius:20px;margin-top:24px;padding:22px;box-shadow:0 7px 22px #1e325a0f}.learning-summary-title h2{color:#1e2d4d;margin:0;font-size:20px}.learning-summary-title p{color:#7a8799;margin:5px 0 18px;font-size:13px}.learning-summary-card{background:#f8faff;border:1px solid #1e325a0f;border-radius:15px;align-items:center;gap:13px;padding:15px;display:flex}.learning-summary-card>span{background:#fff;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.learning-summary-card strong{color:#1e2d4d;font-size:20px;display:block}.learning-summary-card small{color:#7a8799;margin-top:2px;font-size:12px;display:block}.dashboard-content{margin-top:26px}.dashboard-section-title h2{color:#1e2d4d;margin-bottom:5px}.dashboard-section-title p{color:#7a8799;margin-top:0;font-size:13px}.dashboard-actions{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:18px;display:grid}.dashboard-action{text-align:left;cursor:pointer;background:#fff;border:1px solid #1e325a12;border-radius:17px;align-items:center;gap:14px;width:100%;min-height:82px;padding:16px 18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 6px 18px #1e325a0e}.dashboard-action>span{background:#f1f5ff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.dashboard-action h3{color:#233352;margin:0 0 4px;font-size:15px}.dashboard-action>strong{color:#5674b7;margin-left:auto;font-size:21px}.upcoming-card{border-radius:19px;box-shadow:0 7px 22px #1e325a0f}@media (width<=700px){.dashboard-welcome{padding:22px}.dashboard-welcome h1{font-size:28px}.dashboard-cap{font-size:42px;bottom:16px;right:18px}.learning-summary-cards,.dashboard-actions{grid-template-columns:1fr}}:root{--premium-blue:#1d4ed8;--premium-navy:#172554;--premium-light:#eff6ff;--premium-border:#dbeafe;--premium-muted:#64748b}main{width:min(1200px,100%);margin-inline:auto;padding:28px 22px 48px}.app-nav button{border-radius:12px;transition:background .2s,transform .2s}.app-nav button:hover{background:var(--premium-light);color:var(--premium-blue);transform:translateY(-1px)}.competitive-exams-highlight{border:1px solid var(--premium-border);background:linear-gradient(135deg,#fff,#eff6ff 70%,#dbeafe);border-radius:24px;margin:8px 0 26px;padding:clamp(22px,4vw,38px);box-shadow:0 12px 32px #1e40af12}.competitive-exams-header h2{color:var(--premium-navy);letter-spacing:-.03em;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.25}.competitive-exams-header .subtitle,.competitive-exam-card small{color:var(--premium-muted);line-height:1.7}.competitive-exams-header button{background:var(--premium-blue);color:#fff;cursor:pointer;border:0;border-radius:12px;padding:13px 20px;font-weight:700;transition:background .2s,transform .2s}.competitive-exams-header button:hover{background:#1e40af;transform:translateY(-2px)}.competitive-exam-card{border:1px solid var(--premium-border);background:#fff;border-radius:17px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #1e40af0d}.competitive-exam-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #1e40af1c}.competitive-exam-card strong{color:var(--premium-navy)}.dashboard{gap:24px}.dashboard-welcome{background:linear-gradient(120deg,#fff,#eff6ff 72%,#dbeafe);border:1px solid #bfdbfe;border-radius:24px;padding:clamp(24px,4vw,42px);box-shadow:0 12px 30px #1e40af12}.welcome-eyebrow{color:var(--premium-blue);letter-spacing:.12em;font-size:.76rem;font-weight:800;line-height:1.6}.dashboard-welcome h1{color:var(--premium-navy);letter-spacing:-.035em;font-size:clamp(1.8rem,4vw,3rem);line-height:1.2}.dashboard-welcome .subtitle{color:var(--premium-muted);line-height:1.75}.dashboard-stats{gap:16px}.dashboard-stat{border:1px solid var(--premium-border);background:#fff;border-radius:18px;padding:22px;transition:transform .2s,box-shadow .2s;box-shadow:0 5px 18px #1e40af0d}.dashboard-stat:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1e40af17}.dashboard-stat h2,.learning-summary-card strong{color:var(--premium-blue);font-weight:800}.dashboard-stat p,.learning-summary-title p,.learning-summary-card small{color:var(--premium-muted)}.learning-summary{border:1px solid var(--premium-border);background:#fff;border-radius:22px;padding:clamp(20px,3vw,30px);box-shadow:0 6px 22px #1e40af0d}.learning-summary-title h2{color:var(--premium-navy)}.learning-summary-card{border:1px solid var(--premium-border);background:#f8fbff;border-radius:16px;transition:background .2s,border-color .2s}.learning-summary-card:hover{background:var(--premium-light);border-color:#93c5fd}@media (width<=700px){main{padding:18px 14px 32px}.competitive-exams-highlight,.dashboard-welcome{border-radius:19px;padding:22px 18px}.competitive-exams-header h2{font-size:1.55rem}.dashboard-stat{border-radius:15px;padding:16px}.learning-summary{border-radius:18px}}@media (prefers-reduced-motion:reduce){.app-nav button,.competitive-exams-header button,.competitive-exam-card,.dashboard-stat,.learning-summary-card{transition:none}}.app-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.app-nav button{color:#1e40af;background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;padding:11px 16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 3px 10px #1e40af0f}.app-nav button:first-child{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.app-nav button:nth-child(2){color:#166534;background:#dcfce7;border-color:#bbf7d0}.app-nav button:nth-child(3){color:#92400e;background:#fef3c7;border-color:#fde68a}.app-nav button:nth-child(4){color:#7e22ce;background:#f3e8ff;border-color:#e9d5ff}.app-nav button:nth-child(5){color:#be123c;background:#ffe4e6;border-color:#fecdd3}.app-nav button:hover{filter:saturate(1.15);transform:translateY(-2px);box-shadow:0 6px 16px #1e40af1f}@media (width<=600px){.app-nav{gap:7px}.app-nav button{border-radius:12px;padding:9px 11px}}.dashboard-welcome{isolation:isolate;background:radial-gradient(circle at 90% 15%,#93c5fd66,#0000 30%),linear-gradient(125deg,#fff 0%,#eff6ff 58%,#dbeafe 100%);border:1px solid #bfdbfe;border-radius:28px;justify-content:space-between;align-items:center;gap:28px;padding:clamp(26px,5vw,48px);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 38px #1e40af17}.dashboard-welcome:before{content:"";z-index:-1;pointer-events:none;border:30px solid #3b82f614;border-radius:50%;width:230px;height:230px;position:absolute;bottom:-115px;right:-75px}.dashboard-welcome>div:first-child{flex:1;min-width:0}.dashboard-welcome .welcome-eyebrow{color:#1d4ed8;letter-spacing:.08em;background:#ffffffd1;border:1px solid #bfdbfe;border-radius:999px;margin:0 0 14px;padding:7px 12px;font-size:.75rem;font-weight:800;display:inline-block}.dashboard-welcome h1{letter-spacing:-.04em;overflow-wrap:anywhere;margin:0 0 14px;font-size:clamp(1.9rem,4.2vw,3.2rem);line-height:1.16}.dashboard-welcome .subtitle{color:#475569;max-width:600px;margin:0 0 22px;font-size:clamp(.98rem,1.5vw,1.08rem);line-height:1.8}.dashboard-cap{background:linear-gradient(145deg,#fff,#dbeafe);border:1px solid #ffffffe6;border-radius:32px;flex:0 0 clamp(88px,13vw,148px);place-items:center;width:clamp(88px,13vw,148px);height:clamp(88px,13vw,148px);font-size:clamp(3rem,6vw,5rem);display:grid;transform:rotate(3deg);box-shadow:0 16px 32px #2563eb21,inset 0 1px #fffffff2}@media (width<=600px){.dashboard-welcome{border-radius:22px;gap:16px;padding:24px 20px}.dashboard-welcome .welcome-eyebrow{letter-spacing:.04em;font-size:.68rem}.dashboard-cap{border-radius:18px;flex-basis:64px;width:64px;height:64px;font-size:2.2rem}}@media (width<=380px){.dashboard-welcome{align-items:flex-start}.dashboard-cap{border-radius:14px;flex-basis:48px;width:48px;height:48px;font-size:1.7rem}}.dashboard-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.dashboard-stat{background:linear-gradient(145deg,#fff,#f5f9ff);border:1px solid #dbeafe;border-radius:20px;align-items:center;gap:15px;min-width:0;padding:24px 20px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #1e40af0f}.dashboard-stat:before{content:"";background:linear-gradient(#60a5fa,#2563eb);width:4px;height:100%;position:absolute;top:0;left:0}.dashboard-stat>span{background:#eaf2ff;border:1px solid #dbeafe;border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:1.65rem;display:grid}.dashboard-stat>div{min-width:0}.dashboard-stat h2{color:#1d4ed8;overflow-wrap:anywhere;margin:0 0 5px;font-size:clamp(1.2rem,2vw,1.75rem);font-weight:800;line-height:1.25}.dashboard-stat p{color:#64748b;margin:0;font-size:.88rem;font-weight:600;line-height:1.5}.dashboard-stat:hover{border-color:#93c5fd;transform:translateY(-4px);box-shadow:0 14px 28px #2563eb1f}@media (width<=900px){.dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=420px){.dashboard-stats{gap:12px}.dashboard-stat{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 15px}.dashboard-stat>span{border-radius:13px;flex-basis:42px;width:42px;height:42px;font-size:1.4rem}.dashboard-stat h2{font-size:1.2rem}.dashboard-stat p{font-size:.8rem}}.learning-summary{background:linear-gradient(135deg,#fff 0%,#f8fbff 100%);border:1px solid #dbeafe;border-radius:24px;padding:clamp(22px,3.5vw,34px);position:relative;overflow:hidden;box-shadow:0 10px 28px #1e40af0f}.learning-summary-title{margin-bottom:22px}.learning-summary-title h2{color:#172554;letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(1.35rem,2.5vw,1.8rem);font-weight:800}.learning-summary-title p{color:#64748b;margin:0;font-size:.96rem;line-height:1.65}.learning-summary-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.learning-summary-card{background:linear-gradient(145deg,#fff,#eff6ff);border:1px solid #dbeafe;border-radius:18px;align-items:center;gap:14px;min-width:0;padding:20px;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;display:flex}.learning-summary-card>span{background:#dbeafe;border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-size:1.55rem;display:grid}.learning-summary-card>div{flex-direction:column;gap:5px;min-width:0;display:flex}.learning-summary-card strong{color:#1d4ed8;overflow-wrap:anywhere;font-size:1.55rem;font-weight:800;line-height:1.2}.learning-summary-card small{color:#64748b;font-size:.85rem;font-weight:600;line-height:1.45}.learning-summary-card:hover{background:#eff6ff;border-color:#93c5fd;transform:translateY(-3px);box-shadow:0 8px 20px #2563eb14}@media (width<=700px){.learning-summary-cards{grid-template-columns:1fr;gap:12px}.learning-summary-card{padding:17px}}@media (width>=701px) and (width<=950px){.learning-summary-cards{grid-template-columns:1fr}}.dashboard-section-title{margin-bottom:22px}.dashboard-section-title h2{color:#172554;letter-spacing:-.025em;margin:0 0 8px;font-size:clamp(1.4rem,2.5vw,1.9rem);font-weight:800}.dashboard-section-title p{color:#64748b;margin:0;line-height:1.7}.dashboard-action{color:#172554;text-align:left;cursor:pointer;background:linear-gradient(110deg,#fff,#f8fbff);border:1px solid #dbeafe;border-radius:19px;align-items:center;gap:16px;width:100%;min-width:0;padding:19px 20px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;box-shadow:0 4px 15px #1e40af0a}.dashboard-action>span{background:#eaf2ff;border:1px solid #dbeafe;border-radius:15px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.7rem;display:flex}.dashboard-action>div{flex:1;min-width:0}.dashboard-action h3{color:#1e3a8a;margin:0 0 5px;font-size:1.02rem;font-weight:750}.dashboard-action p{color:#64748b;margin:0;font-size:.9rem;line-height:1.6}.dashboard-action>strong{color:#2563eb;flex:none;font-size:1.5rem;transition:transform .2s}.dashboard-action:hover{background:#f5f9ff;border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 9px 22px #2563eb17}.dashboard-action:hover>strong{transform:translate(4px)}.dashboard-action:focus-visible{outline-offset:3px;outline:3px solid #60a5fa}@media (width<=480px){.dashboard-action{border-radius:16px;gap:12px;padding:16px 14px}.dashboard-action>span{border-radius:13px;flex-basis:42px;width:42px;height:42px;font-size:1.4rem}.dashboard-action h3{font-size:.95rem}.dashboard-action p{font-size:.82rem}}.upcoming-card{background:radial-gradient(circle at 100% 0,#93c5fd52,#0000 36%),linear-gradient(145deg,#fff,#eff6ff);border:1px solid #bfdbfe;border-radius:24px;align-self:start;padding:28px 24px;position:relative;overflow:hidden;box-shadow:0 10px 28px #1e40af12}.upcoming-icon{background:#dbeafe;border:1px solid #bfdbfe;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:20px;font-size:1.9rem;display:grid}.upcoming-card h2{color:#172554;margin:0 0 18px;font-size:1.35rem;font-weight:800;line-height:1.35}.upcoming-card p{color:#475569;overflow-wrap:anywhere;margin:10px 0;font-size:.94rem;line-height:1.7}.upcoming-card .upcoming-topic{color:#1d4ed8;margin:0 0 14px;font-size:1.08rem;font-weight:750}.upcoming-card .empty{color:#64748b;background:#ffffffb3;border:1px dashed #bfdbfe;border-radius:14px;padding:14px}.upcoming-card .start{border-radius:13px;max-width:100%;margin-top:12px;font-weight:750}@media (width<=600px){.upcoming-card{border-radius:20px;padding:22px 19px}.upcoming-icon{border-radius:15px;width:50px;height:50px;font-size:1.65rem}}.dashboard-motivation{background:radial-gradient(circle at 0 100%,#93c5fd38,#0000 38%),linear-gradient(115deg,#eff6ff,#fff 65%,#dbeafe);border:1px solid #bfdbfe;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:clamp(24px,4vw,36px);display:flex;box-shadow:0 10px 28px #1e40af0f}.dashboard-motivation>div{align-items:center;gap:18px;min-width:0;display:flex}.dashboard-motivation>div>span{background:#dbeafe;border:1px solid #bfdbfe;border-radius:20px;flex:0 0 64px;place-items:center;width:64px;height:64px;font-size:2.1rem;display:grid}.dashboard-motivation h2{color:#172554;margin:0 0 9px;font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:800;line-height:1.4}.dashboard-motivation p{color:#475569;margin:0;font-size:.96rem;line-height:1.75}.dashboard-motivation>button.start{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #2563eb;border-radius:14px;flex:none;padding:13px 21px;font-weight:750;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 15px #2563eb33}.dashboard-motivation>button.start:hover{transform:translateY(-2px);box-shadow:0 10px 22px #2563eb40}.dashboard-motivation>button.start:focus-visible{outline-offset:3px;outline:3px solid #60a5fa}@media (width<=650px){.dashboard-motivation{border-radius:20px;flex-direction:column;align-items:stretch;gap:20px}.dashboard-motivation>div{align-items:flex-start;gap:13px}.dashboard-motivation>div>span{border-radius:15px;flex-basis:48px;width:48px;height:48px;font-size:1.65rem}.dashboard-motivation>button.start{align-self:flex-start;max-width:100%}}.notes-section{max-width:900px;margin:auto}.back-button{cursor:pointer;background:0 0;border:none;margin-bottom:25px;font-size:15px}.notes-section h1{margin-bottom:10px;font-size:42px}.notes-form{background:#fff;border:1px solid #e8ebf2;border-radius:18px;margin-top:30px;padding:30px}.notes-form label{margin:18px 0 8px;font-weight:700;display:block}.notes-form input,.notes-form textarea{border:1px solid #dfe3ec;border-radius:10px;outline:none;width:100%;padding:14px;font-size:16px}.notes-form input:focus,.notes-form textarea:focus{border-color:#6575d8}.notes-form textarea{resize:vertical;min-height:180px}.saved-notes{margin-top:50px}.empty{color:#788196}.note-card{background:#fff;border:1px solid #e8ebf2;border-radius:18px;margin-top:16px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #1e28460a}.note-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1e284617}.note-card small{color:#6575d8;background:#f0f2ff;border-radius:20px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-block}.note-card h3{margin:12px 0 8px;font-size:20px}.note-card p{color:#596274;white-space:pre-wrap;margin-bottom:18px;line-height:1.7}.coming{text-align:center;box-sizing:border-box;padding:100px 20px}body{color:#172033;background:#f6f8fc;margin:0;font-family:Arial,Helvetica,sans-serif}button{font-family:inherit}.app{min-height:100vh}.header{background:#fff;border-bottom:1px solid #e8ebf2;justify-content:space-between;align-items:center;height:72px;padding:0 7%;display:flex}.logo{font-size:24px;font-weight:800}nav{gap:10px;display:flex}nav button{cursor:pointer;background:0 0;border:none;padding:10px 15px;font-size:15px}nav button:hover{background:#f0f3fa;border-radius:8px}main{max-width:1200px;margin:auto;padding:60px 30px}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:50px;padding:30px 0 70px;display:grid}.welcome{letter-spacing:2px;color:#6575d8;font-size:13px;font-weight:700}.hero h1{margin:15px 0;font-size:58px;line-height:1.05}.subtitle{color:#687286;max-width:600px;font-size:19px;line-height:1.6}.start{color:#fff;cursor:pointer;background:#6575d8;border:none;border-radius:10px;margin-top:20px;padding:15px 25px;font-size:16px;font-weight:700}.start:hover{transform:translateY(-2px)}.hero-card{text-align:center;background:#fff;border-radius:25px;padding:45px;box-shadow:0 15px 40px #1e284614}.cap{margin-bottom:20px;font-size:75px}.hero-card h2{font-size:25px}.hero-card p{color:#788196}.features h2,.today h2{margin-bottom:25px;font-size:30px}.feature-grid{grid-template-columns:repeat(5,1fr);gap:18px;margin-top:24px;display:grid}.feature-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e8ebf2;border-radius:18px;min-height:190px;padding:26px 20px;transition:transform .25s,box-shadow .25s,border-color .25s}.feature-card:hover{border-color:#d8def0;transform:translateY(-6px);box-shadow:0 14px 30px #1e28461f}.feature-card:active{transform:translateY(-2px)}.icon{margin-bottom:16px;font-size:34px;display:block}.feature-card h3{margin:0 0 9px;font-size:18px}.feature-card p{color:#788196;margin:0;font-size:14px;line-height:1.5}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #1e284614}.icon{font-size:32px}.feature-card h3{margin-bottom:8px}.feature-card p{color:#788196;font-size:14px;line-height:1.5}.today{margin-top:70px}.goal{background:#fff;border:1px solid #e8ebf2;border-radius:18px;padding:25px}.goal strong{font-size:30px}.goal p{color:#788196}.progress-bar{background:#edf0f6;border-radius:20px;height:12px;overflow:hidden}.progress-bar div{background:#6575d8;width:0%;height:100%}footer{text-align:center;color:#8a92a3;padding:30px}@media (width<=900px){.hero{grid-template-columns:1fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:45px}}@media (width<=600px){.header{padding:0 20px}nav{display:none}main{padding:35px 20px}.feature-grid{grid-template-columns:1fr}.quiz-section{max-width:900px;margin:auto}.quiz-section h1{margin:10px 0;font-size:42px}.question-count{color:#788196;font-weight:700}.quiz-card{background:#fff;border:1px solid #e8ebf2;border-radius:20px;margin-top:30px;padding:35px;box-shadow:0 10px 30px #1e28460f}.quiz-card h2{margin-bottom:30px;font-size:24px;line-height:1.5}.options{gap:14px;display:grid}.option{text-align:left;cursor:pointer;background:#f9fafc;border:1px solid #dfe3ec;border-radius:12px;width:100%;padding:17px 20px;font-size:16px;transition:all .2s}.option:hover{border-color:#6575d8;transform:translate(3px)}.option.correct{background:#eaf7ec;border-color:#4caf50}.option.wrong{background:#fdecec;border-color:#e05252}.next-button{margin-top:25px}.quiz-result{text-align:center;background:#fff;border:1px solid #e8ebf2;border-radius:25px;max-width:650px;margin:50px auto;padding:60px 30px}.result-icon{font-size:70px}.quiz-result h1{margin:15px 0}.score{color:#6575d8;margin:20px 0;font-size:55px;font-weight:800}.quiz-result p:not(.score){color:#788196;margin-bottom:30px;font-size:17px}}.hero-highlights{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.hero-highlights div{background:#ffffffbf;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:14px;display:flex;box-shadow:0 3px 10px #00000014}.hero-highlights strong{font-size:18px}.hero h1 span{opacity:.85}.quiz-section{max-width:850px;margin:auto}.quiz-section h1{margin-bottom:10px;font-size:42px}.question-count{color:#788196;margin-bottom:22px;font-size:14px}.quiz-card{background:#fff;border:1px solid #e8ebf2;border-radius:20px;margin-top:20px;padding:32px;box-shadow:0 8px 25px #1e284612}.quiz-card h2{margin:0 0 28px;font-size:22px;line-height:1.5}.options{gap:14px;display:grid}.option{text-align:left;cursor:pointer;background:#fafbfe;border:1px solid #dfe3ec;border-radius:12px;width:100%;padding:16px 18px;font-size:15px;transition:all .2s}.option:hover{background:#f5f6ff;border-color:#6575d8;transform:translateY(-2px)}.option.correct{background:#eaf8ef;border-color:#62b77a}.option.wrong{background:#fff0f0;border-color:#df7070}.next-button{margin-top:24px}.quiz-result{text-align:center;background:#fff;border:1px solid #e8ebf2;border-radius:22px;max-width:600px;margin:70px auto;padding:45px 30px;box-shadow:0 10px 30px #1e284614}.result-icon{margin-bottom:10px;font-size:55px}.quiz-result h1{margin-bottom:12px}.quiz-result .score{color:#6575d8;margin:15px 0;font-size:52px;font-weight:700}.quiz-progress{background:#e9ecf5;border-radius:20px;width:100%;height:8px;margin:12px 0 25px;overflow:hidden}.quiz-progress-bar{background:#6575d8;border-radius:20px;height:100%;transition:width .3s}.progress-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:35px auto 0;display:grid}.progress-card{text-align:center;background:#fff;border:1px solid #e8ebf2;border-radius:20px;padding:30px 20px;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 24px #1e28460f}.progress-card:hover{transform:translateY(-5px);box-shadow:0 14px 30px #1e28461a}.progress-card span{margin-bottom:12px;font-size:36px;display:block}.progress-card h2{margin:0 0 8px;font-size:32px}.progress-card p{color:#788196;margin:0;font-size:14px}.overall-progress{background:#fff;border:1px solid #e8ebf2;border-radius:18px;max-width:900px;margin:30px auto 0;padding:24px;box-shadow:0 6px 20px #1e28460d}.overall-progress-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.overall-progress-header h3{margin:0;font-size:17px}.overall-progress-header span{color:#6575d8;font-weight:700}.overall-progress-track{background:#e9ecf5;border-radius:20px;width:100%;height:10px;overflow:hidden}.overall-progress-fill{background:#6575d8;border-radius:20px;height:100%;transition:width .4s}.doubt-section{max-width:850px;margin:auto}.doubt-section h1{margin-bottom:10px;font-size:42px}.doubt-card{background:#fff;border:1px solid #e8ebf2;border-radius:20px;margin-top:28px;padding:32px;box-shadow:0 8px 25px #1e284612}.doubt-card label{margin-bottom:10px;font-weight:700;display:block}.doubt-card textarea{resize:vertical;border:1px solid #dfe3ec;border-radius:12px;outline:none;width:100%;min-height:150px;padding:16px;font-family:inherit;font-size:16px}.doubt-card textarea:focus{border-color:#6575d8;box-shadow:0 0 0 3px #6575d814}.answer-box{background:#f6f7ff;border-left:5px solid #6575d8;border-radius:14px;margin-top:25px;padding:24px}.answer-box h2{margin-top:0;font-size:20px}.answer-box p{color:#596274;margin-bottom:0;line-height:1.7}.coming{max-width:900px;margin:auto}.coming h1{margin-bottom:10px;font-size:42px}.coming .doubt-card{margin-top:28px}.coming .doubt-card input{border:1px solid #dfe3ec;border-radius:10px;outline:none;width:100%;padding:14px 16px;font-family:inherit;font-size:16px}.coming .doubt-card input:focus{border-color:#6575d8;box-shadow:0 0 0 3px #6575d814}.saved-notes h2{margin-bottom:20px;font-size:24px}.note-card p:last-of-type{margin-top:8px;font-weight:600}.dashboard-actions{gap:14px;display:grid}.dashboard-action{text-align:left;cursor:pointer;border-radius:18px;align-items:center;gap:14px;width:100%;padding:18px;display:flex}.dashboard-action>span{border-radius:14px;justify-content:center;align-items:center;min-width:48px;height:48px;font-size:28px;display:flex}.dashboard-action>div{flex:1}.dashboard-action h3{margin:0 0 4px}.dashboard-action p{margin:0}.dashboard-action strong{font-size:22px}.dashboard-action{background:#fff;border:1px solid #e8edf5;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 18px #1e3c5a14}.dashboard-action:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1e3c5a21}.dashboard-action>span{background:#f1f5ff}.dashboard-action h3{color:#1f2937;font-size:17px;font-weight:700}.dashboard-action p{color:#6b7280;font-size:14px}.dashboard-action strong{color:#64748b}.dashboard-welcome{background:#f5f8ff;border:1px solid #e6ebf5;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:28px 30px;display:flex;box-shadow:0 8px 24px #1e3c5a14}.dashboard-welcome .welcome{letter-spacing:1px;color:#64748b;margin:0 0 8px;font-size:13px;font-weight:700}.dashboard-welcome h1{color:#1f2937;margin:0 0 8px;font-size:32px;line-height:1.2}.dashboard-welcome h1 span{color:#4f46e5}.dashboard-welcome .subtitle{color:#6b7280;margin:0;font-size:15px}.dashboard-cap{background:#eef2ff;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;font-size:38px;display:flex}.notes-form{box-shadow:0 6px 20px #1e3c5a0f}.notes-form label{color:#374151;font-size:14px}.notes-form input,.notes-form textarea,.notes-form select{box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.notes-form input:focus,.notes-form textarea:focus,.notes-form select:focus{border-color:#6575d8;box-shadow:0 0 0 3px #6575d81a}.notes-form textarea{line-height:1.6}.app-nav{background:#fff;border:1px solid #e6ebf5;border-radius:18px;align-items:center;gap:6px;padding:8px;display:flex;box-shadow:0 5px 18px #1e3c5a14}.app-nav button{cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;gap:6px;padding:10px 13px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;display:flex}.app-nav button:hover{background:#f1f5ff;transform:translateY(-1px)}.app-nav button span{font-size:13px}@media (width<=700px){.app-nav{z-index:1000;border-radius:20px;justify-content:space-around;padding:8px 5px;position:fixed;bottom:12px;left:12px;right:12px}.app-nav button{flex-direction:column;flex:1;justify-content:center;gap:2px;padding:7px 3px;font-size:20px}.app-nav button span{font-size:11px}}.dashboard-main{margin-top:10px}.dashboard-section-title{margin:0 0 16px}.dashboard-section-title h2{color:#1f2937;margin:0 0 5px;font-size:22px}.dashboard-section-title p{color:#6b7280;margin:0;font-size:14px}.dashboard-actions{max-width:900px}.brand{align-items:center;gap:12px;display:flex}.logo-mark{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:24px;display:flex;box-shadow:0 6px 16px #4f46e538}.brand .logo{letter-spacing:-.4px;font-size:25px;font-weight:800}.brand .tagline{color:#667085;letter-spacing:.2px;margin-top:2px;font-size:11px;font-weight:600}.brand .logo{color:#1f2937;opacity:1;visibility:visible;display:block}.logo-mark{background:linear-gradient(145deg,#4338ca,#6d28d9);border:2px solid #ffffffe6;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:23px;display:flex;box-shadow:0 5px 14px #4338ca40,inset 0 1px 2px #ffffff59}.book-logo{color:#0000;border:2px solid #fff;border-radius:3px 3px 6px 6px;width:25px;height:18px;display:block;position:relative;transform:perspective(30px)rotateX(2deg)}.book-logo:before,.book-logo:after{content:"";border-top:2px solid #fff;width:9px;height:11px;position:absolute;top:2px}.book-logo:before{border-left:2px solid #fff;border-radius:3px 0 0;left:2px}.book-logo:after{border-right:2px solid #fff;border-radius:0 3px 0 0;right:2px}