*{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:hover{transform:translateY(-4px);box-shadow:0 14px 30px #1e325a1f}.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-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.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 p{color:#7a8799;margin:0;font-size:12px;line-height:1.4}.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}}.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}