*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#172033;background:#f7f9fc;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.container{width:min(1120px,100% - 32px);margin:0 auto}.nav-shell{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7f9fceb;border-bottom:1px solid #e6eaf0;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;gap:28px;height:72px;display:flex}.brand{color:#172033;letter-spacing:-.03em;font-size:1.2rem;font-weight:800;text-decoration:none}.nav-links,.nav-actions,.hero-actions,.hero-proof{align-items:center;gap:18px;display:flex}.nav-links a{color:#536071;font-size:.95rem;font-weight:600;text-decoration:none}.button{cursor:pointer;font-weight:750;font:inherit;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;text-decoration:none;transition:all .2s;display:inline-flex}.button:hover{transform:translateY(-1px)}.primary{color:#fff;background:#5b5df0;box-shadow:0 8px 24px #5b5df038}.secondary{color:#172033;background:#fff;border:1px solid #dce2ea}.ghost{color:#172033}.large{border-radius:16px;padding:14px 20px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;min-height:620px;padding-top:72px;padding-bottom:72px;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#5b5df0;margin-bottom:16px;font-size:.78rem;font-weight:800;display:inline-block}.hero h1,.section-heading h2,.cta-panel h2{color:#111827;letter-spacing:-.045em;margin:0}.hero h1{max-width:760px;font-size:clamp(3rem,6vw,5.6rem);line-height:.98}.hero-text{color:#5d6877;max-width:650px;margin:24px 0 30px;font-size:1.18rem;line-height:1.75}.hero-proof{color:#667085;flex-wrap:wrap;margin-top:24px;font-size:.92rem}.hero-proof span{align-items:center;gap:7px;display:flex}.study-card-wrap{justify-content:center;display:flex}.study-card{background:#fff;border:1px solid #e3e8ef;border-radius:28px;width:min(100%,470px);padding:24px;box-shadow:0 24px 70px #232e4d1f}.study-card-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.study-card h3{margin:4px 0 0;font-size:1.35rem}.muted{color:#7a8697;margin:0}.small{font-size:.82rem}.counter{color:#5154d8;background:#eef0ff;border-radius:12px;padding:7px 10px;font-size:.82rem;font-weight:800}.flashcard-demo{text-align:center;background:linear-gradient(135deg,#f5f6ff,#eef1ff);border:1px solid #e0e3ff;border-radius:22px;flex-direction:column;justify-content:center;align-items:center;min-height:245px;margin:22px 0;padding:28px;display:flex}.flashcard-demo p{max-width:320px;font-size:1.22rem;font-weight:700;line-height:1.55}.flashcard-demo span{color:#747b8a;font-size:.8rem}.progress-row{align-items:center;gap:18px;display:flex}.progress-row strong{font-size:1.2rem}.progress-track{background:#edf0f5;border-radius:999px;flex:1;height:10px;overflow:hidden}.progress-fill{border-radius:inherit;background:#5b5df0;width:81%;height:100%}.weak-topic{color:#7f5d16;background:#fff8e8;border-radius:14px;align-items:center;gap:10px;margin-top:18px;padding:12px 14px;font-size:.9rem;font-weight:650;display:flex}.status-dot{background:#f3b52f;border-radius:999px;width:8px;height:8px}.section{padding-top:80px;padding-bottom:80px}.section-heading{max-width:720px;margin-bottom:34px}.section-heading h2{font-size:clamp(2rem,4vw,3.3rem)}.section-heading p{color:#667085;font-size:1.05rem;line-height:1.7}.feature-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.feature-card{background:#fff;border:1px solid #e2e7ef;border-radius:22px;min-height:230px;padding:24px}.icon-box{color:#5558e3;background:#eef0ff;border-radius:14px;place-items:center;width:44px;height:44px;display:grid}.feature-card h3{margin:18px 0 10px;font-size:1.1rem}.feature-card p{color:#667085;margin:0;line-height:1.65}.cta-panel{color:#fff;background:#25285e;border-radius:30px;justify-content:space-between;align-items:center;gap:28px;padding:44px;display:flex}.cta-panel h2{color:#fff;font-size:clamp(2rem,4vw,3rem)}.cta-panel p{color:#c7ccef}.light{color:#aeb6ff}.light-button{color:#202454;background:#fff}.footer{color:#768194;border-top:1px solid #e4e8ee;justify-content:space-between;gap:20px;padding:36px 0 50px;font-size:.9rem;display:flex}.app-shell{min-height:100vh}.page-topbar{border-bottom:1px solid #e5e9f0;grid-template-columns:1fr auto 1fr;align-items:center;height:74px;display:grid}.page-topbar>:last-child{justify-self:end}.back-link{color:#596577;align-items:center;gap:7px;font-weight:700;text-decoration:none;display:inline-flex}.editor-page{padding-top:56px;padding-bottom:80px}.editor-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.editor-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,5vw,4rem)}.set-count{color:#4f53d8;background:#eef0ff;border-radius:14px;padding:10px 14px;font-size:.88rem;font-weight:800}.panel{background:#fff;border:1px solid #e2e7ef;border-radius:22px}.set-meta{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px;padding:24px;display:grid}.set-meta label,.edit-card label{flex-direction:column;gap:8px;display:flex}.set-meta label span,.edit-card label span{text-transform:uppercase;letter-spacing:.09em;color:#768194;font-size:.78rem;font-weight:800}input,textarea{width:100%;font:inherit;color:#172033;resize:vertical;background:#fbfcfe;border:1px solid #dfe4ec;border-radius:14px;outline:none;padding:13px 14px}input:focus,textarea:focus{border-color:#8d90f7;box-shadow:0 0 0 3px #5b5df01a}.card-editor-list{flex-direction:column;gap:14px;display:flex}.edit-card{grid-template-columns:46px 1fr 1.25fr 42px;align-items:start;gap:16px;padding:22px;display:grid;position:relative}.edit-card-number{color:#5154d8;background:#eef0ff;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.icon-button{color:#7a8697;cursor:pointer;background:#fff;border:1px solid #e0e5ed;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.add-card-button{color:#485468;cursor:pointer;background:#fff;border:1px dashed #b9c0cf;border-radius:18px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:16px;padding:16px;font-weight:800;display:flex}.coming-soon{align-items:center;gap:14px;margin-top:22px;padding:18px 20px;display:flex}.coming-soon span{color:#687487}.library-stats{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px;display:grid}.mini-stat{grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;padding:20px;display:grid}.mini-stat svg{color:#575ae1;grid-row:1/3}.mini-stat strong{font-size:1.05rem}.mini-stat span{color:#7b8797;font-size:.9rem}.library-list{flex-direction:column;gap:12px;display:flex}.library-row{grid-template-columns:1.4fr 1fr auto;align-items:center;gap:24px;padding:20px;display:grid}.library-row h3{margin:4px 0 5px;font-size:1.15rem}.library-row>div>span{color:#7a8697;font-size:.9rem}.library-progress{flex-direction:column;gap:8px;display:flex}.library-progress>span{color:#667085;font-size:.84rem;font-weight:700}.library-progress .progress-track{width:100%}@media (max-width:900px){.nav-links{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:52px}.feature-grid{grid-template-columns:repeat(2,1fr)}.cta-panel{flex-direction:column;align-items:flex-start}.set-meta{grid-template-columns:1fr}.edit-card{grid-template-columns:42px 1fr 42px}.edit-card label:nth-of-type(2){grid-column:2/3}.library-stats,.library-row{grid-template-columns:1fr}.library-row .button{justify-self:start}}@media (max-width:620px){.nav{height:64px}.nav-actions .ghost{display:none}.hero{gap:40px;padding-top:40px}.hero h1{font-size:3rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-proof{flex-direction:column;align-items:flex-start}.feature-grid{grid-template-columns:1fr}.cta-panel{padding:30px}.footer{flex-direction:column}.study-card{padding:18px}.flashcard-demo{min-height:210px}.page-topbar{grid-template-columns:1fr auto}.page-topbar .brand{display:none}.editor-heading{flex-direction:column;align-items:flex-start}.edit-card{grid-template-columns:1fr 42px}.edit-card-number{display:none}.edit-card label,.edit-card label:nth-of-type(2){grid-column:1/2}.icon-button{grid-area:1/2}.coming-soon{flex-direction:column;align-items:flex-start}}
select{width:100%;font:inherit;color:#172033;background:#fbfcfe;border:1px solid #dfe4ec;border-radius:14px;outline:none;padding:13px 14px}.notice{color:#5b4b17;background:#fffaf0;border-color:#f0dfaa;margin-bottom:18px;padding:15px 18px}.empty-state{text-align:center;color:#667085;padding:40px}.empty-state h3{color:#172033;margin-top:0}.auth-page{flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100vh;padding-top:48px;padding-bottom:48px;display:flex}.auth-card{flex-direction:column;gap:16px;width:min(100%,460px);padding:30px;display:flex}.auth-card h1{letter-spacing:-.04em;margin:0 0 8px;font-size:2.2rem}.auth-card label{flex-direction:column;gap:8px;display:flex}.auth-card label span{text-transform:uppercase;letter-spacing:.09em;color:#768194;font-size:.78rem;font-weight:800}.auth-card .button{width:100%;margin-top:4px}.form-message{color:#5f6674;background:#f7f7fb;border-radius:12px;margin:0;padding:11px 13px;font-size:.9rem}.text-button{color:#5558e3;font:inherit;cursor:pointer;background:0 0;border:0;padding:6px;font-weight:750}.study-workspace{max-width:900px;padding-top:46px;padding-bottom:80px}.study-header{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.study-header h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,5vw,3.6rem)}.study-header p{color:#667085;margin:10px 0 0}.study-tools{gap:10px;display:flex}.saved-button{color:#5154d8;background:#eef0ff;border-color:#cfd2ff}.study-progress-row{color:#687487;align-items:center;gap:18px;margin:30px 0 18px;font-size:.9rem;font-weight:700;display:flex}.flashcard-live{text-align:center;cursor:pointer;color:#172033;background:#fff;border:1px solid #dde3ec;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:100%;min-height:390px;padding:42px;display:flex;box-shadow:0 20px 55px #1f2b4a1a}.flashcard-live strong{max-width:680px;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.35}.flashcard-label{text-transform:uppercase;letter-spacing:.12em;color:#5b5df0;font-size:.75rem;font-weight:800}.study-controls{justify-content:center;align-items:center;gap:16px;margin:22px 0;display:flex}.star-button.active{color:#a97900;background:#fff7dc;border-color:#efd487}.rating-controls{grid-template-columns:1fr 1fr;gap:14px;display:grid}.rating-button{font:inherit;cursor:pointer;border:0;border-radius:18px;padding:17px;font-weight:850}.rating-button.learning{color:#8a5a10;background:#fff4e6}.rating-button.known{color:#20743b;background:#eaf8ee}.study-summary{text-align:center;color:#6b7686;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;padding:18px;display:grid}.study-summary strong{color:#172033;margin-bottom:3px;font-size:1.35rem;display:block}.button:disabled,.icon-button:disabled{opacity:.45;cursor:not-allowed}.button:disabled:hover{transform:none}@media (max-width:620px){.auth-card{padding:22px}.study-header{flex-direction:column;align-items:flex-start}.flashcard-live{min-height:320px;padding:26px}.rating-controls,.study-summary{grid-template-columns:1fr}.study-controls{justify-content:space-between}}
.mode-links{flex-wrap:wrap;gap:10px;margin:18px 0 4px;display:flex}.mode-link{color:#384255;background:#fff;border:1px solid #dde3ec;border-radius:13px;align-items:center;padding:10px 14px;font-weight:800;text-decoration:none;display:inline-flex}.mode-link.active{color:#5154d8;background:#eef0ff;border-color:#cfd2ff}.question-card{margin-top:18px;padding:28px}.question-card h2{margin:12px 0 24px;font-size:clamp(1.5rem,4vw,2.3rem)}.answer-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.answer-option{text-align:left;font:inherit;color:#283448;cursor:pointer;background:#fbfcfe;border:1px solid #dfe4ec;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.answer-option:hover:not(:disabled){background:#f6f6ff;border-color:#9da0f8}.answer-option.correct,.test-option.correct{color:#22653a;background:#edf9f0;border-color:#9bd0a9}.answer-option.wrong,.test-option.wrong{color:#8c3030;background:#fff0f0;border-color:#efb4b4}.answer-feedback{border-radius:16px;align-items:center;gap:14px;margin-top:18px;padding:16px;display:flex}.answer-feedback.correct{color:#22653a;background:#edf9f0}.answer-feedback.wrong{color:#8b4c18;background:#fff4ed}.answer-feedback .button{margin-left:auto}.learn-finish,.test-results,.test-setup{width:min(100%,760px);margin:40px auto;padding:34px}.learn-finish h1,.test-results h1,.test-setup h1{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(2.5rem,6vw,4.5rem)}.test-setup label{flex-direction:column;gap:8px;max-width:220px;margin:24px 0;display:flex}.test-setup label span{text-transform:uppercase;letter-spacing:.09em;color:#768194;font-size:.78rem;font-weight:800}.test-page{max-width:940px;padding-top:46px;padding-bottom:80px}.test-question-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.test-option{cursor:pointer;background:#fbfcfe;border:1px solid #dfe4ec;border-radius:16px;align-items:flex-start;gap:10px;padding:15px;display:flex}.test-option input{width:auto;margin-top:3px}.test-option.selected{background:#f3f4ff;border-color:#7d80ee}.submit-test{width:100%;margin-top:22px}.result-breakdown{flex-direction:column;gap:10px;margin:24px 0;display:flex}.result-row{border:1px solid #e2e7ef;border-radius:15px;flex-direction:column;gap:5px;padding:15px;display:flex}.result-row.correct{background:#f0faf3}.result-row.wrong{background:#fff5f5}.result-row span{color:#667085;font-size:.9rem}@media (max-width:700px){.answer-grid{grid-template-columns:1fr}.answer-feedback{flex-direction:column;align-items:flex-start}.answer-feedback .button{width:100%;margin-left:0}}
.dashboard-page{padding-top:52px;padding-bottom:80px}.dashboard-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px;display:flex}.dashboard-heading h1{letter-spacing:-.045em;max-width:760px;margin:0;font-size:clamp(2.2rem,5vw,4rem)}.dashboard-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0;display:grid}.dash-stat{grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;padding:20px;display:grid}.dash-stat svg{color:#575ae1;grid-row:1/3}.dash-stat span{color:#748093;font-size:.85rem}.dash-stat strong{font-size:1.45rem}.dashboard-grid{grid-template-columns:1.3fr .7fr;gap:18px;display:grid}.dashboard-card{padding:24px}.continue-row{color:#263146;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:16px 0;text-decoration:none;display:flex}.continue-row:first-of-type{margin-top:4px}.continue-row>div{flex-direction:column;gap:4px;display:flex}.continue-row div span{color:#778395;font-size:.86rem}.continue-row>span{color:#575ae1;font-weight:800}.focus-card h2{letter-spacing:-.03em;margin:0 0 12px;font-size:2rem}.focus-card p{color:#687487;line-height:1.7}.empty-inline{padding:12px 0}.recent-activity{margin-top:18px}.recent-activity-head{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:8px;display:flex}.recent-activity-head h2{letter-spacing:-.025em;margin:0;font-size:1.55rem}.recent-activity-head>span{color:#6f7b8d;font-size:.86rem;font-weight:800}.activity-list{flex-direction:column;display:flex}.activity-row{border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;gap:18px;padding:15px 0;display:flex}.activity-row>div:first-child{flex-direction:column;gap:4px;display:flex}.activity-row span{color:#7a8697;font-size:.84rem}.activity-result{color:#5457dd;white-space:nowrap;font-weight:850}.search-bar{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:18px;padding:12px 12px 12px 18px;display:grid}.search-bar input{box-shadow:none;background:0 0;border:0;padding:10px}.search-bar input:focus{box-shadow:none}.search-bar svg{color:#7b8797}@media (max-width:900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:620px){.dashboard-heading{flex-direction:column;align-items:flex-start}.dashboard-stats{grid-template-columns:1fr}.search-bar{grid-template-columns:auto 1fr}.search-bar .button{grid-column:1/3}.dash-stat{padding:17px}.recent-activity-head{flex-direction:column;align-items:flex-start}.activity-row{align-items:flex-start}.activity-result{padding-top:2px}}
.match-page{max-width:1000px;padding-top:46px;padding-bottom:80px}.match-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:26px;display:grid}.match-tile{min-height:130px;font:inherit;color:#344056;cursor:pointer;background:#fff;border:1px solid #dde3ec;border-radius:18px;padding:16px;font-weight:750;box-shadow:0 8px 24px #232e4d0d}.match-tile:hover:not(:disabled){border-color:#aeb1fb;transform:translateY(-2px)}.match-tile.active{color:#4144bf;background:#eef0ff;border-color:#777af0}.match-tile.matched{opacity:.12;cursor:default;transform:scale(.96)}.match-finish{background:#eef9f1;border-color:#b9dfc3;align-items:center;gap:18px;margin-top:22px;padding:20px;display:flex}.match-finish strong{color:#256c3d;font-size:1.4rem}.match-finish span{color:#557061}@media (max-width:900px){.match-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:620px){.match-grid{grid-template-columns:repeat(2,1fr)}.match-tile{min-height:110px;font-size:.9rem}}
.bulk-import{grid-template-columns:.8fr 1.3fr auto;align-items:center;gap:18px;margin:18px 0;padding:22px;display:grid}.bulk-import h3{margin:0 0 6px}.bulk-import p{color:#758193;margin:0;font-size:.9rem;line-height:1.5}.bulk-import textarea{min-height:125px}.bulk-import .button{white-space:nowrap}@media (max-width:900px){.bulk-import{grid-template-columns:1fr}.bulk-import .button{justify-self:start}}
.library-actions{align-items:center;gap:8px;display:flex}.danger-icon{color:#b64242}.danger-icon:hover{background:#fff1f1;border-color:#efc4c4}.folder-create{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:18px;padding:12px 12px 12px 18px;display:grid}.folder-create>svg{color:#5b5df0}.folder-create input{box-shadow:none;background:0 0;border:0}.folder-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.folder-card{padding:22px}.folder-card-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.folder-card-head>div{align-items:center;gap:9px;display:flex}.folder-card-head h3{margin:0}.folder-card-head svg{color:#5b5df0}.folder-set-list{flex-direction:column;gap:8px;margin-top:15px;display:flex}.folder-set-row{background:#f8f9fc;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:11px 12px;display:flex}.folder-set-row a{color:#273248;font-weight:750;text-decoration:none}.folder-set-row button{color:#9a4646;cursor:pointer;font:inherit;background:0 0;border:0;font-size:.8rem;font-weight:750}@media (max-width:760px){.folder-grid{grid-template-columns:1fr}.folder-create{grid-template-columns:auto 1fr}.folder-create .button{grid-column:1/3}.library-actions{flex-wrap:wrap}}