:root{--ink:#24232b;--muted:#77747d;--cream:#fbf9f5;--paper:#fff;--orange:#ef704d;--orange-dark:#d95d3c;--lavender:#e9e4f6;--line:#ece9e4;--green:#dcefe6;--shadow:0 18px 45px rgba(52,43,32,.08)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:245px;background:#f3f0ea;border-right:1px solid #ebe7df;padding:35px 23px 27px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:10px;font-family:'Playfair Display',serif;font-size:25px;font-weight:700}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--orange);color:#fff;font-family:serif;font-size:23px}.brand-caption{font-size:11px;color:#99948c;margin:5px 0 47px 45px}.main-nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#8a8782;text-align:left;padding:13px 14px;border-radius:10px;font:600 13px 'DM Sans';cursor:pointer;display:flex;gap:14px;align-items:center}.nav-item span{font-size:20px;font-weight:400;width:17px;text-align:center}.nav-item.active,.nav-item:hover{background:#fff;color:var(--ink);box-shadow:0 4px 12px #e7e2d9}.sidebar-bottom{margin-top:auto}.streak-card{display:flex;gap:11px;align-items:center;border-top:1px solid #e2ded7;padding-top:23px}.flame{display:grid;place-items:center;background:#f9d9c8;border-radius:50%;width:35px;height:35px;color:#e46c47}.streak-card b,.streak-card small{display:block}.streak-card b{font-size:12px}.streak-card small{font-size:10px;color:#a09c95;margin-top:3px}.settings-button{border:0;background:none;color:#a19c95;font:500 11px 'DM Sans';padding:21px 0 0;cursor:pointer}.main-content{width:100%;max-width:1450px;margin:auto;padding:0 52px 60px}.topbar{height:91px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.breadcrumb{font-size:12px;color:#aaa5a0}.breadcrumb span{margin:0 10px;color:#d2cec8}.breadcrumb b{color:var(--ink)}.top-actions{display:flex;gap:20px;align-items:center}.level-pill{background:var(--lavender);color:#776c9a;padding:8px 13px;border-radius:20px;font-size:11px;font-weight:700}.avatar{display:grid;place-items:center;background:#facdb7;color:#9a5b44;width:33px;height:33px;border-radius:50%;font-weight:700}.mobile-menu{display:none}.hero{height:320px;margin-top:33px;border-radius:13px;background:#eae6f5;display:flex;overflow:hidden;position:relative}.hero-copy{padding:38px 45px;z-index:1}.eyebrow{font-size:10px;letter-spacing:1.6px;color:#9e9992;font-weight:700;margin:0 0 13px}.hero h1,.page-heading h1{font:700 42px/1.05 'Playfair Display',serif;margin:0;letter-spacing:-1px}.hero h1 em,.page-heading h1 em{color:var(--orange);font-style:normal}.hero-copy>p:not(.eyebrow){font-size:13px;line-height:1.55;color:#76717e;margin:15px 0 22px}.primary-button,.secondary-button{border:0;border-radius:8px;padding:13px 18px;font:600 12px 'DM Sans';cursor:pointer;transition:.2s}.primary-button{background:var(--orange);color:white;box-shadow:0 5px 12px #dd8b72}.primary-button:hover{background:var(--orange-dark);transform:translateY(-1px)}.primary-button span,.secondary-button span{margin-left:20px;font-size:16px}.hero-art{position:absolute;right:0;top:0;width:51%;height:100%;overflow:hidden}.sun{position:absolute;width:150px;height:150px;background:#f4c9a7;border-radius:50%;right:145px;top:40px}.mountain{position:absolute;bottom:-80px;width:500px;height:270px;transform:rotate(42deg);border-radius:25px}.mountain-back{right:-30px;background:#d8d0ed}.mountain-front{right:55px;bottom:-120px;background:#c5b8e2}.hero-script{position:absolute;right:85px;top:47px;color:#fff;font:700 53px serif;transform:rotate(-8deg);opacity:.85}.art-label{position:absolute;right:24px;bottom:20px;color:#847b96;font:700 10px 'DM Sans';letter-spacing:1px}.art-label small{font-weight:400;letter-spacing:0;font-size:9px}.stats-row{display:flex;gap:50px;padding:28px 4px 29px;border-bottom:1px solid var(--line)}.stat{display:flex;align-items:center;gap:12px;min-width:135px}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:50%;font-size:19px}.orange{background:#f9ddcf;color:#e77551}.lilac{background:#e3def2;color:#8175a5}.green{background:#dcefe5;color:#63a483}.stat b,.stat small{display:block}.stat b{font-size:13px}.stat small{color:#99958f;font-size:10px;margin-top:3px}.course-grid{display:grid;grid-template-columns:1fr 285px;gap:35px;padding-top:31px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:17px}.section-heading h2{font:700 25px 'Playfair Display';margin:0}.tiny-note{color:#aaa49e;font-size:10px}.lesson-list{display:grid;gap:8px}.lesson-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;background:#fff;border:1px solid #f0ece7;border-radius:10px;padding:11px 16px;cursor:pointer;transition:.2s}.lesson-row:hover{border-color:#e5b09d;transform:translateX(2px)}.lesson-row.current{border:1.5px solid #efb29f}.lesson-number{font:700 18px 'Playfair Display';color:#bbb4ad}.lesson-row.current .lesson-number{color:var(--orange)}.lesson-row h3{font-size:12px;margin:0 0 3px}.lesson-row p{margin:0;font-size:10px;color:#a09b95}.lesson-tag{font-size:9px;color:#a09b95}.done{color:#63a483;font-size:16px}.today-card{background:var(--ink);color:#fff;border-radius:13px;padding:25px 23px;min-height:300px}.today-card .eyebrow{color:#aaa6ae}.today-number{font:700 54px 'Playfair Display';color:#f3baa0;line-height:1;margin:16px 0 7px}.today-card h3{font:700 17px 'Playfair Display';margin:0 0 8px}.today-card>p:not(.eyebrow){font-size:11px;color:#ada9b0;line-height:1.5;margin:0 0 29px}.progress-label{display:flex;justify-content:space-between;color:#aaa6ae;font-size:10px;margin-bottom:7px}.progress-label b{color:#f3baa0}.progress-track{height:5px;background:#4a4850;border-radius:5px;margin-bottom:22px}.progress-fill{height:100%;width:0;background:#ee9677;border-radius:5px;transition:.3s}.secondary-button{background:#fff;color:var(--ink)}.secondary-button:hover{background:#f5eee8}.full{width:100%}.hidden{display:none!important}.page-heading{padding:54px 0 33px}.page-heading h1{font-size:40px}.page-heading>p:last-child{color:#88838a;font-size:13px;line-height:1.5}.filter-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px}.search-box{background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px 14px;color:#aaa;width:260px}.search-box input{border:0;outline:0;margin-left:8px;width:205px;font:12px 'DM Sans'}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;color:#928d87;border-radius:18px;padding:8px 13px;font:11px 'DM Sans';cursor:pointer}.filter.active{background:var(--ink);border-color:var(--ink);color:#fff}.dictionary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.word-card{background:#fff;border:1px solid #eeeae4;border-radius:11px;padding:20px;position:relative}.word-card .armenian{font:700 27px serif;margin-bottom:7px}.word-card .translit{color:var(--orange);font-size:11px}.word-card .translation{font-size:13px;margin-top:9px}  .level-intro{display:flex;gap:14px;align-items:center;background:#f2ecdf;border-radius:11px;padding:16px 20px;max-width:700px;margin-bottom:24px;font-size:12px}.level-intro b{color:var(--orange)}.level-intro span{color:#847d75;font-size:11px}.next-level-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.next-level-card{background:#fff;border:1px solid #eeeae4;border-radius:11px;padding:17px;display:grid;grid-template-columns:35px 1fr auto;gap:12px;align-items:center}.next-level-card>span{font:700 17px 'Playfair Display';color:var(--orange)}.next-level-card h3{font-size:12px;margin:0 0 5px}.next-level-card p{font-size:10px;color:#99948f;margin:0}.next-level-card button{border:0;background:#f8e1d7;color:var(--orange);border-radius:7px;padding:8px;font:600 10px 'DM Sans';cursor:pointer}.letter-transcription{color:var(--orange);font-weight:600}@media(max-width:850px){.next-level-grid{grid-template-columns:1fr}}.modal-word i{display:block;color:#a5a09b;font-size:9px;font-style:normal;margin-top:7px;text-transform:uppercase;letter-spacing:.5px}.word-speak{position:absolute;right:10px;top:10px;border:0;background:#f8e1d7;color:var(--orange);border-radius:50%;width:24px;height:24px;cursor:pointer}.word-card .category{color:#aaa4a0;font-size:9px;margin-top:15px}.word-card .listen{position:absolute;right:17px;top:17px;border:0;border-radius:50%;background:#f8e1d7;color:var(--orange);width:28px;height:28px;cursor:pointer}.alphabet-tip{display:flex;gap:13px;background:#f2ecdf;border-radius:11px;padding:16px 20px;max-width:650px;margin-bottom:25px}.alphabet-tip>span{color:var(--orange);font-size:20px}.alphabet-tip b{font-size:12px}.alphabet-tip p{font-size:11px;color:#847d75;margin:5px 0 0;line-height:1.5}.alphabet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.letter-card{background:#fff;border-radius:11px;padding:19px;border:1px solid #eeeae4}.letter-card strong{font:700 35px serif}.letter-card div{font-size:11px;color:var(--orange);margin-top:4px}.letter-card small{display:block;color:#96918a;font-size:10px;margin-top:6px;line-height:1.5}.letter-card small b{color:var(--ink);font-weight:600}.modal-backdrop{position:fixed;inset:0;background:rgba(35,33,39,.46);display:grid;place-items:center;padding:20px;z-index:3}.lesson-modal{background:var(--cream);width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:16px;padding:31px}.close-modal{float:right;border:0;background:transparent;font-size:25px;color:#98938e;cursor:pointer}.modal-header{display:flex;justify-content:space-between;margin-bottom:27px}.modal-header h2{font:700 29px 'Playfair Display';margin:0}.modal-header p:last-child{font-size:12px;color:#89848a;margin-top:7px}.modal-icon{width:54px;height:54px;background:#f4d7ca;border-radius:15px;display:grid;place-items:center;color:var(--orange);font:32px serif}.lesson-steps{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:20px}.step{display:flex;gap:15px;padding:8px 0}.step>span{font-size:10px;color:var(--orange);font-weight:700}.step b{font-size:11px}.step p{font-size:10px;color:#908b88;margin:4px 0}.modal-words{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:22px}.modal-word{background:#fff;border-radius:8px;padding:12px 14px}.modal-word b{font:700 21px serif}.modal-word span{display:block;font-size:10px;color:var(--orange);margin:3px 0}.modal-word small{font-size:11px;color:#777}.mobile-menu{border:0;background:none;font-size:20px}@media(max-width:850px){.sidebar{position:fixed;left:-260px;top:0;bottom:0;z-index:5;transition:.25s}.sidebar.open{left:0}.main-content{padding:0 22px 40px}.mobile-menu{display:block}.topbar{height:70px}.hero-art{width:44%;opacity:.7}.hero-copy{padding:32px 27px}.hero h1{font-size:36px}.course-grid{grid-template-columns:1fr}.today-card{order:-1}.dictionary-grid{grid-template-columns:repeat(2,1fr)}.filter-row{align-items:flex-start;flex-direction:column}.search-box{width:100%}.search-box input{width:calc(100% - 40px)}}@media(max-width:500px){.stats-row{gap:14px;justify-content:space-between}.stat{min-width:0;gap:6px}.stat-icon{width:29px;height:29px;font-size:15px}.stat b{font-size:11px}.stat small{font-size:8px}.hero{height:335px}.hero-art{display:none}.hero h1{font-size:40px}.dictionary-grid,.alphabet-grid{grid-template-columns:repeat(2,1fr)}.lesson-row{grid-template-columns:32px 1fr auto;padding:11px}.lesson-tag{display:none}.modal-words{grid-template-columns:1fr}.page-heading{padding-top:35px}}