:root{--j-ink:#17324d;--j-muted:#64748b;--j-blue:#2367e8;--j-cyan:#12b9b1;--j-gold:#f4b740;--j-paper:#f6f9ff;--j-line:#dce7f5}.journey-body{margin:0;background:radial-gradient(circle at 12% 8%,#dff8f5 0,transparent 28%),radial-gradient(circle at 92% 16%,#e6edff 0,transparent 30%),var(--j-paper);color:var(--j-ink);font-family:"Tajawal","Segoe UI",sans-serif}.journey-shell{width:min(1160px,calc(100% - 28px));margin:auto;padding-bottom:70px}.journey-nav{display:flex;gap:8px;align-items:center;justify-content:center;margin:16px 0 34px;position:sticky;top:8px;z-index:5;background:#fffffff0;border:1px solid var(--j-line);padding:8px;border-radius:999px;box-shadow:0 10px 35px #17426e12;backdrop-filter:blur(12px)}.journey-nav a{color:var(--j-ink);text-decoration:none;padding:8px 14px;border-radius:999px;font-weight:700}.journey-nav a:hover{background:#eaf2ff;color:var(--j-blue)}.journey-hero{min-height:430px;border-radius:34px;padding:55px;display:grid;grid-template-columns:1.35fr .65fr;align-items:center;gap:30px;background:linear-gradient(135deg,#0b315b,#115b88 55%,#0b887f);color:#fff;overflow:hidden;position:relative;box-shadow:0 28px 70px #0d416c35}.journey-hero:after{content:"";position:absolute;width:320px;height:320px;border:70px solid #ffffff0d;border-radius:50%;left:-90px;top:-130px}.journey-hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.05;margin:10px 0 20px;max-width:780px}.journey-hero p{font-size:1.18rem;line-height:1.9;max-width:690px}.journey-kicker{color:var(--j-cyan);font-size:.82rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;margin:0}.journey-hero .journey-kicker{color:#7ff6e9}.journey-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.journey-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--j-line);background:#fff;color:var(--j-ink);padding:11px 18px;border-radius:13px;text-decoration:none;font:inherit;font-weight:800;cursor:pointer;transition:.2s}.journey-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #17324d1c}.journey-button.primary{color:#fff;border-color:var(--j-blue);background:linear-gradient(135deg,var(--j-blue),#3b82f6)}.journey-button.wide{width:100%;font-size:1.05rem}.journey-orbit{width:230px;height:230px;border:1px dashed #ffffff70;border-radius:50%;display:flex;align-items:center;justify-content:space-around;font-size:2rem;animation:float 5s ease-in-out infinite}.journey-orbit strong{display:grid;place-items:center;width:105px;height:105px;border-radius:50%;background:#fff;color:#124e74;font-size:1.35rem;box-shadow:0 0 0 20px #ffffff12}.path-line{margin:30px 0;display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:#fff;border:1px solid var(--j-line);padding:20px;border-radius:20px;font-weight:900}.path-line b{color:#9aacc0}.journey-grid.two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.journey-card{background:#fff;border:1px solid var(--j-line);border-radius:22px;padding:24px;box-shadow:0 12px 38px #17324d0a}.level-card{position:relative;overflow:hidden}.level-card h2{font-size:1.8rem;margin:5px 0}.level-icon{font-size:3rem;float:left}.text-link{color:var(--j-blue);text-decoration:none;font-weight:900}.cefr-note{color:var(--j-muted);text-align:center;font-size:.9rem;margin:28px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:38px 0}.page-heading h1{font-size:clamp(2rem,5vw,3.6rem);margin:5px 0}.page-heading p{color:var(--j-muted)}.page-heading.compact{margin-bottom:20px}.progress-ring{--progress:0;width:130px;height:130px;border-radius:50%;display:grid;place-content:center;text-align:center;background:radial-gradient(closest-side,#fff 78%,transparent 80% 99%),conic-gradient(var(--j-cyan) calc(var(--progress)*1%),#dce7f5 0)}.progress-ring strong{font-size:1.6rem}.progress-ring span{font-size:.75rem;color:var(--j-muted)}.daily-quest{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.daily-quest div{display:grid;gap:5px;padding:16px;background:#f7faff;border-radius:16px}.daily-quest span{font-size:1.8rem}.daily-quest small{color:var(--j-muted)}.next-card{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:22px 0;border-right:5px solid var(--j-cyan)}.next-card h2{margin:5px 0}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 38px}.stats-row article{background:#17324d;color:#fff;border-radius:18px;padding:22px;display:grid}.stats-row strong{font-size:1.8rem}.stats-row span{color:#c8d8e7}.section-title{display:flex;justify-content:space-between;align-items:end}.section-title h2{margin:4px 0}.skill-bars{display:grid;gap:14px}.skill-bars>div{display:grid;grid-template-columns:110px 1fr 50px;gap:12px;align-items:center}.skill-bars i{height:10px;border-radius:20px;background:#e5edf7;overflow:hidden}.skill-bars i b{display:block;height:100%;border-radius:20px;background:linear-gradient(90deg,var(--j-cyan),var(--j-blue))}.unit-path{display:grid;gap:16px;max-width:900px;margin:auto}.unit-node{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:20px;background:#fff;border:1px solid var(--j-line);border-radius:22px;padding:22px;position:relative}.unit-node:before{content:"";position:absolute;right:34px;top:-17px;height:17px;border-right:3px dotted #b8c9dc}.unit-node:first-child:before{display:none}.unit-node h2{margin:4px 0}.unit-node p{margin:4px 0;color:var(--j-muted)}.node-number{display:grid;place-items:center;width:58px;height:58px;background:#eaf1ff;color:var(--j-blue);border-radius:18px;font-size:1.3rem;font-weight:900}.unit-node.done{border-color:#8ddfd5}.unit-node.done .node-number{background:#d9f8f3;color:#08776d}.unit-node.locked{opacity:.6}.lock-label{font-size:.8rem;color:var(--j-muted)}.score-pill{padding:12px 17px;border-radius:999px;background:#e8f6f5;color:#08776d;font-weight:900}.lesson-steps{display:flex;gap:8px;overflow:auto;padding:8px;background:#e9f0f9;border-radius:16px;margin-bottom:18px}.lesson-steps button{min-width:max-content;border:0;border-radius:11px;background:transparent;padding:10px 15px;font:inherit;font-weight:800;color:var(--j-muted);cursor:pointer}.lesson-steps button.active{background:#fff;color:var(--j-blue);box-shadow:0 3px 12px #17324d14}.lesson-panel{display:none;min-height:360px;background:#fff;border:1px solid var(--j-line);border-radius:26px;padding:clamp(24px,5vw,52px);box-shadow:0 15px 45px #17324d0c}.lesson-panel.active{display:block;animation:appear .25s ease}.lesson-panel h2{font-size:2rem;margin:5px 0 20px}.panel-icon{font-size:3rem}.word-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:25px 0}.word-card{border:1px solid var(--j-line);background:#f8fbff;border-radius:17px;padding:20px 10px;display:grid;gap:7px;text-align:center;cursor:pointer}.word-card:hover{border-color:var(--j-blue);transform:translateY(-2px)}.word-card span{font-size:1.5rem}.word-card strong{font-size:1.15rem}.word-card small{color:var(--j-muted)}blockquote{margin:20px 0;padding:18px;border-right:4px solid var(--j-gold);background:#fff9e8;border-radius:12px;font-size:1.25rem}.lesson-panel details{margin:18px 0;padding:14px;border:1px solid var(--j-line);border-radius:12px}.lesson-panel summary{font-weight:900;cursor:pointer}.english-sample{direction:ltr;text-align:left;font-size:1.25rem}.score-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.score-choices button{border:1px solid var(--j-line);border-radius:14px;padding:16px;background:#fff;font:inherit;font-weight:800;cursor:pointer}.score-choices button:hover{border-color:var(--j-blue);color:var(--j-blue)}.save-result{font-weight:900;color:#08776d}.review-stack{display:grid;gap:16px;max-width:760px;margin:auto}.review-card h2{direction:ltr;text-align:left}.review-card>div{display:flex;gap:10px;margin-top:16px}.empty-state{text-align:center;padding:60px;background:#fff;border-radius:25px}.empty-state>span{font-size:4rem}.assessment-form{display:grid;gap:16px;max-width:850px;margin:auto}.assessment-form fieldset{margin:0}.assessment-form legend{display:grid;gap:6px;padding:0 10px}.assessment-form legend small{color:var(--j-blue)}.assessment-form label{display:flex;align-items:center;gap:8px;margin:10px 0;padding:12px;background:#f7faff;border-radius:12px;cursor:pointer}.assessment-form input{accent-color:var(--j-blue)}@keyframes appear{from{opacity:0;transform:translateY(8px)}}@keyframes float{50%{transform:translateY(-12px)}}@media(max-width:760px){.journey-shell{width:min(100% - 18px,1160px)}.journey-nav{justify-content:start;overflow:auto}.journey-hero{grid-template-columns:1fr;padding:32px 24px;min-height:auto}.journey-orbit{display:none}.journey-grid.two,.daily-quest,.stats-row{grid-template-columns:1fr 1fr}.page-heading,.next-card{align-items:start;flex-direction:column}.unit-node{grid-template-columns:52px 1fr}.unit-node .journey-button,.lock-label{grid-column:1/-1}.node-number{width:48px;height:48px}.word-grid{grid-template-columns:1fr 1fr}.score-choices{grid-template-columns:1fr 1fr}.skill-bars>div{grid-template-columns:90px 1fr 42px}}@media(max-width:430px){.daily-quest,.stats-row{grid-template-columns:1fr}.journey-hero h1{font-size:2.3rem}.path-line{justify-content:flex-start}.page-heading h1{font-size:2rem}}