.skip-nav{z-index:10000;color:#fff;background:#ff6b35;border-radius:0 0 12px 12px;padding:12px 24px;font-weight:700;text-decoration:none;transition:top .2s;position:absolute;top:-100%;left:50%;transform:translate(-50%)}.skip-nav:focus{top:0}:root{--header-h:80px;--color-bg-dark:#0a0a0a;--color-bg-darker:#050505;--color-bg-card:#1a1a1a;--color-orange-primary:#ff6b35;--color-orange-glow:#ff8c42;--color-orange-dark:#cc5529;--color-text-primary:#fff;--color-text-secondary:#b0b0b0;--color-text-muted:#707070;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--shadow-glow-orange:0 0 20px #ff6b3566,0 0 40px #ff6b3533,0 0 60px #ff6b351a;--shadow-card:0 4px 20px #00000080;--shadow-elevated:0 8px 40px #000000b3;--font-primary:var(--font-cairo),var(--font-tajawal),sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--font-size-5xl:3rem;--font-size-6xl:4rem;--transition-fast:.15s ease;--transition-base:.3s ease;--transition-slow:.5s ease}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{font-family:var(--font-primary);background:var(--color-bg-darker);color:var(--color-text-primary);line-height:1.6;position:relative}.nav-link,.nav-logo,.nav-links{word-break:normal;overflow-wrap:normal;white-space:nowrap}body:before{content:"";pointer-events:none;z-index:-20;background:radial-gradient(circle at 20%,#ff6b350d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ff6b3508 0%,#0000 50%);width:100%;height:100%;position:fixed;top:0;left:0}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg-darker)}::-webkit-scrollbar-thumb{background:var(--color-orange-dark);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--color-orange-primary)}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:800;line-height:1.2}h1{font-size:var(--font-size-5xl);background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}h2{font-size:var(--font-size-4xl);color:var(--color-text-primary)}h3{font-size:var(--font-size-3xl);color:var(--color-orange-primary)}p{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-lg)}a{color:var(--color-orange-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-orange-glow)}.btn{justify-content:center;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md)var(--spacing-xl);font-size:var(--font-size-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);font-weight:700;font-family:var(--font-primary);border:none;display:inline-flex;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));color:#fff;box-shadow:var(--shadow-glow-orange)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff6b3599,0 0 60px #ff6b354d}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--color-text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ff6b354d}.btn-secondary:hover{border-color:var(--color-orange-primary);background:#ff6b351a;box-shadow:0 0 20px #ff6b354d}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-card);transition:all var(--transition-base);z-index:1;border:1px solid #ff6b351a;position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-elevated),0 0 20px #ff6b3533;border-color:#ff6b354d;transform:translateY(-4px)}.card-glow{position:relative}.card-glow:before{content:"";background:linear-gradient(135deg,var(--color-orange-primary),transparent);border-radius:var(--radius-lg);opacity:0;transition:opacity var(--transition-base);z-index:-1;filter:blur(10px);position:absolute;inset:-2px}.card-glow:hover:before{opacity:.5}.landing-section{padding:100px 0;position:relative;overflow:hidden}.landing-section-dark,.landing-section-darker{background:0 0}.landing-section:before{content:"";background:linear-gradient(90deg,#0000,#ff6b3533,#0000);height:1px;position:absolute;top:0;left:0;right:0}.landing-glow{filter:blur(60px);pointer-events:none;z-index:0;background:radial-gradient(circle,#ff6b350d 0%,#0000 70%);width:400px;height:400px;position:absolute}.glass-card{-webkit-backdrop-filter:blur(12px);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;padding:40px;position:relative;overflow:hidden}.glass-card:hover{background:#ff6b350d;border-color:#ff6b3566;transform:translateY(-8px);box-shadow:0 20px 40px #0006,0 0 20px #ff6b351a}.glass-card:after{content:"";background:linear-gradient(90deg,var(--color-orange-primary),var(--color-orange-glow));opacity:0;height:3px;transition:opacity var(--transition-base);position:absolute;bottom:0;left:0;right:0}.glass-card:hover:after{opacity:1}.features-grid{grid-template-columns:repeat(3,1fr);margin-top:50px;gap:40px!important;display:grid!important}.feature-card{text-align:center;flex-direction:column;align-items:center;height:100%;padding:45px 35px!important;display:flex!important}.feature-card:not(:last-child){margin-bottom:20px}@media (max-width:992px){.features-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:640px){.features-grid{grid-template-columns:1fr!important;gap:30px!important}}.container{max-width:1280px;padding:0 var(--spacing-lg);z-index:10;margin:0 auto;position:relative}@media (max-width:1024px){:root{--font-size-5xl:2.5rem;--font-size-4xl:2rem;--font-size-3xl:1.75rem}.container{padding:0 var(--spacing-md)}}@media (max-width:768px){:root{--font-size-5xl:2rem;--font-size-4xl:1.75rem;--font-size-3xl:1.5rem}.nav-links{gap:var(--spacing-md)}.btn{padding:var(--spacing-sm)var(--spacing-lg);font-size:var(--font-size-base)}}@media (max-width:480px){:root{--font-size-5xl:1.75rem;--font-size-4xl:1.5rem;--font-size-3xl:1.25rem;--spacing-lg:1rem;--spacing-xl:1.5rem}.container{padding:0 var(--spacing-sm)}}.text-center{text-align:center}.text-gradient{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}
.nav{z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0acc;border-bottom:1px solid #ff6b351a;position:fixed;top:0;left:0;right:0}.nav-content{padding:var(--spacing-sm)var(--spacing-lg);justify-content:space-between;align-items:center;max-width:1350px;margin:0 auto;display:flex}.nav-logo{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));-webkit-text-fill-color:transparent;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:900}.nav-links{gap:var(--spacing-lg);align-items:center;list-style:none;display:flex}.nav-link{padding:var(--spacing-xs)0;white-space:nowrap;cursor:pointer;align-items:center;gap:6px;font-size:1rem;font-weight:700;display:flex;position:relative}.nav-link:after{content:"";background:var(--color-orange-primary);width:0;height:2px;transition:width var(--transition-base);position:absolute;bottom:0;right:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--color-orange-primary)}.nav-dropdown-parent{position:relative}.nav-dropdown-parent.open .dropdown-trigger svg{transform:rotate(180deg)}.dropdown-trigger{color:var(--color-orange-primary)}.nav-dropdown{border-radius:var(--radius-md);z-index:1001;color:#fff;background:#0a0a0a;border:1px solid #ff6b3533;flex-direction:column;gap:5px;min-width:220px;margin:10px 0 0;padding:10px;list-style:none;display:none;position:absolute;top:100%;right:0;box-shadow:0 15px 30px #00000080}.nav-dropdown.show{display:flex}.dropdown-link{color:var(--color-text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-align:right;white-space:nowrap;align-items:center;gap:12px;padding:10px 15px;font-size:.95rem;font-weight:600;display:flex}.dropdown-link:before{content:"";background-color:#fff;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 5px #ffffff80}.dropdown-link:hover{color:var(--color-orange-primary);background:#ff6b351a;padding-right:18px}.dropdown-link:hover:before{background-color:var(--color-orange-primary);box-shadow:0 0 8px var(--color-orange-glow)}.dropdown-link.active{color:var(--color-orange-primary);background:#ff6b350d}.logout-btn{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none}.code-block{border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg)0;text-align:left;direction:ltr;background:#00000080;border:1px solid #ff6b3533;font-family:Courier New,monospace;overflow-x:auto}.code-block pre{color:var(--color-orange-glow);font-size:var(--font-size-sm);margin:0;line-height:1.6}.code-block code{color:var(--color-orange-glow);text-shadow:0 0 10px #ff6b3580}.particles{pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.particle{background:var(--color-orange-primary);opacity:.4;pointer-events:none;border-radius:50%;width:2px;height:2px;position:absolute;box-shadow:0 0 10px #ff6b3566}@keyframes float{0%,to{transform:translateY(0)translate(0)}25%{transform:translateY(-100px)translate(50px)}50%{transform:translateY(-200px)translate(-50px)}75%{transform:translateY(-100px)translate(100px)}}.glow{position:relative}.glow:after{content:"";background:inherit;filter:blur(20px);opacity:.5;z-index:-1;position:absolute;inset:0}.nav-toggle{cursor:pointer;z-index:2000;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:30px;height:24px;margin-right:10px;padding:0;display:none}.nav-toggle span{background-color:var(--color-orange-primary);border-radius:2px;width:100%;height:3px;transition:all .3s}.nav-toggle.active{display:none}.nav-links-container{align-items:center;display:flex}.nav-overlay{z-index:999;opacity:0;background:#000000d9;animation:.3s forwards fadeIn;position:fixed;inset:0}@keyframes fadeIn{to{opacity:1}}@media (max-width:768px){.nav-toggle{display:flex}.nav-links-container{z-index:1001;background:#0a0a0a;border-left:1px solid #ff6b3533;flex-direction:column;justify-content:flex-start;align-items:center;gap:20px;width:280px;max-width:80vw;height:100vh;padding-top:100px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-10px 0 30px #00000080}.nav-links-container.open{transform:translate(0)}.nav-links{flex-direction:column;align-items:center;gap:15px;width:100%;padding:0 20px}.nav-link{justify-content:center;width:100%;font-size:1.1rem}.nav-dropdown{width:100%;box-shadow:none;min-width:unset;background:#ffffff0d;border:none;margin-top:5px;padding:5px;position:static}.dropdown-trigger{justify-content:space-between!important;width:100%!important;padding:10px 20px!important}.dropdown-link{text-align:center;padding:10px}.logout-btn{margin-top:10px;padding:15px!important}.nav-progress-wrapper{flex-direction:column;align-items:center;gap:10px;width:100%}.nav-close-btn{color:var(--color-orange-primary);cursor:pointer;z-index:1002;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.nav-close-btn:hover{background:#ff6b351a;transform:rotate(90deg)}}@media (max-width:360px){:root{--font-size-5xl:1.5rem;--font-size-4xl:1.25rem;--font-size-3xl:1.1rem;--spacing-lg:.875rem;--spacing-xl:1.25rem}.container{padding:0 12px}.hero-image-container{max-width:220px}.hero-actions .btn{justify-content:center;width:100%}.step-card{width:250px;max-width:85vw}.nav-links-container{width:250px}.reading-nav-btn{padding:12px 20px;font-size:.9rem}}.payment-highlight-btn{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-dark));border-radius:var(--radius-lg);margin-right:10px;box-shadow:0 4px 15px #ff6b354d;color:#fff!important;border:none!important;padding:6px 16px!important;font-weight:800!important;transition:all .3s!important}.payment-highlight-btn:hover{background:linear-gradient(135deg,var(--color-orange-glow),var(--color-orange-primary));transform:translateY(-2px);box-shadow:0 6px 20px #ff6b3566}.payment-highlight-btn:after{display:none!important}@media (max-width:768px){.payment-highlight-btn{justify-content:center;width:auto;margin-bottom:10px;margin-right:0}}
.hero-section{min-height:calc(100vh - var(--header-h,80px));background:0 0;align-items:center;padding-top:0;display:flex;position:relative;overflow:hidden visible}.hero-container{min-height:calc(100vh - var(--header-h,80px));justify-content:center;align-items:center;display:flex}.hero-grid{gap:var(--spacing-2xl);grid-template-columns:1fr 1.2fr;align-items:center;width:100%;display:grid}.hero-text-container{z-index:2;width:100%;max-width:720px}.hero-title{letter-spacing:-1px;margin-bottom:var(--spacing-md);word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(32px,5vw,88px);font-weight:900;line-height:1.1}.hero-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl);max-width:600px;font-size:clamp(14px,1.2vw,20px);line-height:1.7}.hero-actions{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.hero-actions .btn{padding-block:clamp(10px,1.2vw,16px);padding-inline:clamp(16px,2vw,28px);font-size:clamp(14px,1vw,18px)}.hero-image-container{z-index:1;justify-content:center;align-items:center;display:flex;position:relative}.robot-glow-bg{filter:blur(60px);z-index:-1;background:radial-gradient(circle,#ff6b3526 0%,#0000 70%);width:400px;height:400px;position:absolute}.floating-assets{pointer-events:none;z-index:0;position:absolute;inset:0}.floating-asset{filter:drop-shadow(0 0 20px #ff6b3533);position:absolute}.asset-cube{width:180px;height:180px;top:15%;left:5%}.asset-gear{width:200px;height:200px;bottom:15%;right:5%}.code-window-card{border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:220px;height:150px;padding:var(--spacing-md);z-index:1;background:#1a1a1a66;border:1px solid #ff6b3533;position:absolute;top:25%;left:15%;box-shadow:0 10px 30px #00000080}@media (max-width:1024px){.hero-grid{gap:var(--spacing-xl)}.asset-cube,.asset-gear{width:120px;height:120px}}@media (max-width:900px){.hero-grid{text-align:center;gap:var(--spacing-xl);grid-template-columns:1fr;width:100%}.hero-text-container{flex-direction:column;order:2;align-items:center;width:100%;padding:0 10px;display:flex}.hero-image-container{margin-bottom:0;order:1;width:100%;max-width:320px;margin-inline:auto}.hero-actions{justify-content:center;width:100%}.floating-asset{opacity:.5}.code-window-card{display:none}}@media (max-width:480px){.hero-section{padding-top:0}.hero-image-container{max-width:260px}.hero-title{font-size:clamp(22px,7vw,32px);line-height:1.25}.hero-description{margin-bottom:var(--spacing-lg);font-size:1rem}.floating-assets{display:none}}.lesson-grid{grid-template-columns:1fr 350px;align-items:start;gap:60px;display:grid}.lesson-sidebar{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:100%;display:flex;position:sticky;top:120px}.chapter-title{background:linear-gradient(#fff 40%,#ff6b35);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.2}@media (max-width:1024px){.lesson-grid{grid-template-columns:1fr}.lesson-sidebar{order:-1;justify-content:center;width:100%;margin-bottom:40px;display:flex;position:relative;top:0}.chapter-title{font-size:clamp(1.75rem,6vw,2.5rem)}}@media (max-width:768px){.lesson-nav-footer{flex-direction:column!important;gap:20px!important}}.robot-container{perspective:1000px;aspect-ratio:1;max-width:100%;height:auto!important}.read-layout-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:start;gap:40px;display:grid}.toc-grid{grid-template-columns:1fr 400px;align-items:start;gap:60px;display:grid}@media (max-width:1024px){.read-layout-grid,.toc-grid{grid-template-columns:1fr;gap:24px}.read-layout-grid>:nth-child(2),.toc-grid>:nth-child(2){order:-1}}.responsive-card{padding:var(--spacing-lg)}.responsive-indent{margin-right:48px}@media (max-width:768px){.responsive-card{padding:var(--spacing-sm)}.responsive-indent{margin-right:0}.chapter-title{font-size:1.8rem!important}.read-layout-grid{gap:16px}.lesson-sidebar{gap:20px}.lesson-sidebar .robot-container{margin:0 auto;max-width:200px!important}.floating-code-card{display:none!important}.read-layout-grid>div:first-child{gap:16px!important}.code-block{padding:16px!important;font-size:.8rem!important}.code-block pre,.code-block code{font-size:.75rem!important;line-height:1.5!important}}@media (max-width:480px){.chapter-title{margin-bottom:12px!important;font-size:1.4rem!important}.read-layout-grid p{font-size:.95rem!important;line-height:1.6!important}.card.card-glow{padding:14px!important}.card.card-glow h3{font-size:1.1rem!important}.card.card-glow p{font-size:.9rem!important}.read-layout-grid>div>div[style*=borderRight]{padding:12px 16px!important}.read-layout-grid>div>div[style*=borderRight] p{font-size:.95rem!important}.lesson-sidebar>div:last-child{padding:16px!important}.lesson-sidebar>div:last-child h4{font-size:1rem!important}.lesson-sidebar>div:last-child p{font-size:.85rem!important}.reading-nav-container{margin-top:40px!important}.nav-buttons-row{flex-direction:column!important;gap:16px!important}.reading-nav-btn{width:100%!important;min-width:0!important;padding:12px 20px!important}.pagination-dots{order:-1;justify-content:center;width:100%}.container{padding:0 16px}}@media (max-width:768px){details summary{padding:10px 14px!important;font-size:.9rem!important}details>div{padding:0 14px 14px!important;font-size:.85rem!important}.lesson-sidebar>div:first-child{display:none}}@media (max-width:360px){.chapter-title{font-size:1.2rem!important}.read-layout-grid p,.card.card-glow p{font-size:.85rem!important}.code-block pre,.code-block code{font-size:.7rem!important}}.nav-buttons-container{justify-content:space-between;gap:20px;width:100%;max-width:650px;display:flex}.nav-action-btn{justify-content:center;align-items:center;gap:12px;min-width:170px;padding:14px 34px;display:flex}.nav-action-btn-next{min-width:210px;padding:14px 44px;box-shadow:0 10px 25px #ff6b3540}@media (max-width:600px){.nav-buttons-container{flex-direction:column;gap:16px}.nav-action-btn,.nav-action-btn-next{width:100%;min-width:0}}.toc-card-content{align-items:center;gap:24px;display:flex;position:relative}.toc-card-number{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;flex-shrink:0;min-width:80px;font-size:clamp(2rem,5vw,3rem);font-weight:900;line-height:1.1}.toc-card-info{word-break:normal;overflow-wrap:break-word;flex:1;min-width:0}.toc-card-title{color:#fff;margin-bottom:4px;font-size:clamp(1.2rem,4vw,1.5rem);line-height:1.3}.toc-card-desc{color:var(--color-text-secondary);margin:0;font-size:.9rem}@media (max-width:480px){.toc-card-content{flex-direction:column;align-items:flex-start;gap:12px;padding-top:8px}.toc-card-number{width:100%;margin-bottom:4px;font-size:clamp(1.5rem,6vw,2.2rem)}.toc-card-icon{position:absolute;top:0;left:0}}@media (max-width:600px){.card{box-sizing:border-box;width:100%;padding:10px}.card .text,.card button{font-size:14px;line-height:1.4}}.card-container{flex-direction:column;justify-content:flex-start;display:flex}@media (max-width:900px){.floating-code-card{z-index:1!important;width:100%!important;max-width:320px!important;margin:20px auto!important;position:relative!important;inset:0!important;transform:none!important}}
.roadmap-container{min-height:calc(100vh - var(--header-h,80px));padding:40px 20px 80px;position:relative;overflow:hidden}.roadmap-header{text-align:center;z-index:10;margin-bottom:40px;position:relative}.roadmap-header h1{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-size:clamp(1.8rem,4vw,3rem)}.roadmap-header p{color:var(--color-text-secondary);font-size:clamp(.9rem,2vw,1.1rem)}.roadmap-content{max-width:1400px;min-height:800px;margin:0 auto;position:relative}.roadmap-start{z-index:20;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:30px;left:-30px}.roadmap-robot{filter:drop-shadow(0 0 30px #ff6b354d)}.start-label{border:2px solid var(--color-orange-primary);background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:16px;flex-direction:column;align-items:center;padding:12px 24px;display:flex}.start-text{color:var(--color-orange-primary);letter-spacing:2px;font-size:1rem;font-weight:800}.start-number{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900}.end-label{border:2px solid var(--color-orange-glow);background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:12px;flex-direction:row;align-items:center;gap:8px;padding:10px 20px;display:flex}.roadmap-svg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.roadmap-steps{z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.roadmap-step{position:absolute;transform:translate(-50%,50%)}.step-0{bottom:6%;left:10%}.step-1{bottom:13%;left:17%}.step-2{bottom:20%;left:24%}.step-3{bottom:27%;left:31%}.step-4{bottom:34%;left:38%}.step-5{bottom:41%;left:45%}.step-6{bottom:48%;left:52%}.step-7{bottom:55%;left:59%}.step-8{bottom:62%;left:66%}.step-9{bottom:69%;left:73%}.step-link{text-decoration:none}.step-card{text-align:center;-webkit-backdrop-filter:blur(20px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;padding:12px;transition:all .3s;display:flex;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.step-card:hover{background:#ffffff1a;border-color:#ff6b3580;transform:translateY(-5px);box-shadow:0 8px 32px #ff6b3533,inset 0 1px #ffffff26}.step-number-circle{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin:0 auto 6px;font-size:.6rem;font-weight:800;display:flex}.step-icon{margin-bottom:4px;font-size:1rem}.step-title{color:#fff;margin-bottom:0;font-size:.65rem;font-weight:700;line-height:1.2}.step-desc{display:none}.roadmap-end{z-index:20;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:20px;right:40px}.trophy-container{filter:drop-shadow(0 0 40px #ffb80066)}.end-label{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border:2px solid #ffb800;border-radius:16px;align-items:center;gap:8px;padding:12px 24px;display:flex}.end-flag{font-size:1.5rem}.end-text{color:#ffb800;letter-spacing:2px;font-size:1.2rem;font-weight:800}.roadmap-back{text-align:center;z-index:20;margin-top:40px;position:relative}@media (max-width:1200px){.roadmap-content{min-height:600px}.step-card{width:140px;padding:12px}.step-title{font-size:.75rem}.step-desc{display:none}.roadmap-robot{transform:scale(.8)}.trophy-container img{width:100px!important;height:100px!important}}@media (max-width:768px){.roadmap-container{padding:20px 16px 60px}.roadmap-content{flex-direction:column;align-items:center;gap:20px;min-height:auto;display:flex}.roadmap-svg{display:none}.roadmap-start{order:1;position:relative;bottom:auto;left:auto}.roadmap-robot{transform:scale(.7)}@media (max-width:360px){.roadmap-robot{transform:scale(.55)}}.roadmap-steps{flex-direction:column;order:2;align-items:center;gap:16px;width:100%;height:auto;display:flex;position:relative}.roadmap-step{position:relative!important;inset:auto!important}.step-card{width:280px;max-width:90vw}.step-desc{display:block}.roadmap-end{order:3;margin-top:20px;position:relative;top:auto;right:auto}.trophy-container img{width:120px!important;height:120px!important}.roadmap-steps:before{content:"";background:linear-gradient(180deg,var(--color-orange-primary),var(--color-orange-glow));z-index:-1;border-radius:2px;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}}.nav-back-btn{color:var(--color-orange-primary);cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:#ff6b351a;border:1px solid #ff6b3533;border-radius:8px;justify-content:center;align-items:center;display:flex}.nav-back-btn:hover{background:var(--color-orange-primary);color:#fff;transform:scale(1.05)}.progress-circle-container{cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.progress-circle-text{color:var(--color-orange-primary);font-size:.55rem;font-weight:700;position:absolute}.nav-progress-wrapper{align-items:center;gap:8px;display:flex}.nav-close-btn{display:none}.step-card.completed{background:linear-gradient(135deg,#ff6b35,#ffb800);border:2px solid #ffffff4d}.completed-check-overlay{width:20px;height:20px;color:var(--color-orange-primary);z-index:5;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:900;display:flex;position:absolute;top:5px;right:5px;box-shadow:0 2px 5px #0003}.roadmap-robot{z-index:100}
.lock-overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lock-card{text-align:center;background:#0f0f0fe6;border:1px solid #ff6b3566;border-radius:28px;width:100%;max-width:500px;padding:48px 32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #000c,0 0 40px #ff6b3526}@media (max-width:480px){.lock-card{border-radius:20px;max-width:95%;padding:32px 20px}.lock-title{font-size:1.4rem}.lock-description{margin-bottom:24px;font-size:.95rem}.lock-btn-primary,.lock-btn-secondary{padding:14px 24px;font-size:1rem}.lock-icon-wrapper{width:56px;height:56px}}.lock-card:after{content:"";background:linear-gradient(90deg,transparent,var(--color-orange-primary),transparent);height:3px;position:absolute;top:0;left:0;right:0}.lock-icon-wrapper{width:64px;height:64px;color:var(--color-orange-primary);background:#ff6b351a;border:1px solid #ff6b3533;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.lock-title{color:#fff;margin-bottom:16px;font-size:1.75rem;font-weight:900;line-height:1.4}.lock-description{color:var(--color-text-secondary);margin-bottom:36px;font-size:1.05rem;line-height:1.7}.lock-actions{flex-direction:column;gap:14px;display:flex}.lock-btn-primary{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));cursor:pointer;border:none;border-radius:14px;padding:16px 32px;font-size:1.1rem;font-weight:800;transition:all .3s;box-shadow:0 10px 20px #ff6b3533;color:#fff!important}.lock-btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 30px #ff6b3566}.lock-btn-secondary{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:14px;padding:14px 32px;font-weight:600;transition:all .3s;color:#fff!important}.lock-btn-secondary:hover{background:#ffffff14;border-color:#fff3}.lock-card-enhanced{scrollbar-width:thin;scrollbar-color:#ff6b354d transparent;max-height:90vh;overflow-y:auto}.lock-card-enhanced::-webkit-scrollbar{width:6px}.lock-card-enhanced::-webkit-scrollbar-thumb{background:#ff6b354d;border-radius:3px}.lock-value-stats{text-align:start;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.lock-stat-item{color:#e0e0e0;background:#ff6b350f;border:1px solid #ff6b351f;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:500;display:flex}.lock-stat-icon{flex-shrink:0;font-size:1.1rem}.lock-testimonial{border-right:3px solid var(--color-orange-primary);text-align:start;background:#ffffff0a;border-radius:8px;margin-bottom:20px;padding:16px 20px}.lock-testimonial-text{color:#ccc;margin:0 0 6px;font-size:.95rem;font-style:italic;line-height:1.7}.lock-testimonial-author{color:var(--color-orange-primary);margin:0;font-size:.8rem;font-weight:600}.lock-guarantee{color:#a0e6a0;justify-content:center;align-items:center;gap:6px;padding:8px 0;font-size:.85rem;font-weight:600;display:flex}.lock-chapters-preview{border-top:1px solid #ffffff14;margin-top:16px;padding-top:16px}.lock-chapters-toggle{width:100%;color:var(--color-orange-primary);cursor:pointer;text-align:start;direction:rtl;background:0 0;border:none;align-items:center;gap:8px;padding:8px 0;font-size:.95rem;font-weight:700;transition:opacity .2s;display:flex}.lock-chapters-toggle:hover{opacity:.8}.lock-chapters-list{margin:8px 0 0;padding:0;list-style:none;overflow:hidden}.lock-chapter-item{direction:rtl;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;transition:background .2s;display:flex}.lock-chapter-item:hover{background:#ffffff0a}.lock-chapter-free{background:#22c55e0f;border:1px solid #22c55e1f}.lock-chapter-icon{flex-shrink:0;margin-top:2px;font-size:1rem}.lock-chapter-info{text-align:start;flex-direction:column;gap:2px;display:flex}.lock-chapter-title{color:#e0e0e0;font-size:.88rem;font-weight:600}.lock-chapter-meta{color:#999;flex-wrap:wrap;align-items:center;gap:8px;font-size:.75rem;display:flex}.lock-chapter-badge{color:#4ade80;background:#22c55e26;border-radius:4px;padding:1px 8px;font-size:.7rem;font-weight:600}@media (max-width:480px){.lock-value-stats{grid-template-columns:1fr;gap:8px}.lock-stat-item{padding:8px 12px;font-size:.85rem}.lock-testimonial{padding:12px 14px}.lock-chapters-toggle{font-size:.88rem}.lock-chapter-title{font-size:.82rem}}.reading-nav-container{z-index:10;width:100%;margin-top:80px;position:relative}.nav-buttons-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.reading-nav-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-width:140px;padding:14px 28px;font-family:inherit;font-weight:700;transition:all .3s;display:flex}.reading-nav-btn.next{background:var(--color-orange-primary);color:#fff!important}.reading-nav-btn.prev{background:#ffffff0d;border:1px solid #ffffff1a;color:#fff!important}.pagination-dots{gap:8px;display:flex}.reading-dot{background:#ff6b3533;border-radius:4px;height:8px}.reading-dot-active{background:var(--color-orange-primary);width:30px}.reading-dot-inactive{width:8px}@media (max-width:600px){.reading-nav-container{margin-top:40px}.nav-buttons-row{flex-direction:column;gap:16px}.reading-nav-btn{width:100%;min-width:0;padding:14px 24px;font-size:.95rem}.pagination-dots{flex-wrap:wrap;order:-1;justify-content:center;width:100%}.reading-dot{height:6px}.reading-dot-active{width:24px}.reading-dot-inactive{width:6px}}.copy-button{border-radius:var(--radius-sm);color:var(--color-orange-primary);font-family:var(--font-primary);cursor:pointer;transition:all var(--transition-fast);z-index:10;background:#ff6b351a;border:1px solid #ff6b354d;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.copy-button:hover{border-color:var(--color-orange-primary);background:#ff6b3533;box-shadow:0 0 15px #ff6b354d}.copy-button.copied{color:#27c93f;background:#27c93f26;border-color:#27c93f}.copy-icon-wrapper{align-items:center;gap:6px;display:flex}.bookmark-button{width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;display:flex}.bookmark-button:hover{color:var(--color-orange-primary);background:#ff6b351a;border-color:#ff6b354d}.bookmark-button.bookmarked{border-color:var(--color-orange-primary);color:var(--color-orange-primary);background:#ff6b3526}.bookmark-button:disabled{opacity:.5;cursor:not-allowed}.bookmark-toast{border:1px solid var(--color-orange-primary);border-radius:var(--radius-md);color:var(--color-text-primary);z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0af2;padding:12px 24px;font-size:.95rem;font-weight:600;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #00000080,0 0 20px #ff6b3533}.reading-actions-bar{justify-content:flex-end;align-items:center;gap:12px;margin-bottom:20px;padding:0 8px;display:flex}.code-block-wrapper{margin:var(--spacing-lg)0;position:relative}.code-block-wrapper .code-block{margin:0;padding-top:50px}.scroll-progress-container{background:#ff6b351a}.scroll-progress-bar{will-change:transform}.bookmarks-list{flex-direction:column;gap:12px;margin-top:20px;display:flex}.bookmark-item{border-radius:var(--radius-md);transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ff6b351a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.bookmark-item:hover{background:#ff6b350d;border-color:#ff6b354d;transform:translate(-4px)}.bookmark-item-content{flex-direction:column;gap:4px;display:flex}.bookmark-item-title{color:var(--color-text-primary);font-size:1rem;font-weight:600}.bookmark-item-date{color:var(--color-text-muted);font-size:.85rem}.bookmark-item-actions{gap:8px;display:flex}.bookmark-delete-btn{color:#ff6b6b;cursor:pointer;width:36px;height:36px;transition:all var(--transition-fast);background:0 0;border:1px solid #ff646433;border-radius:50%;justify-content:center;align-items:center;display:flex}.bookmark-delete-btn:hover{background:#ff64641a;border-color:#ff6b6b}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{width:80px;height:80px;color:var(--color-text-muted);opacity:.5;margin-bottom:20px}.empty-state-title{color:var(--color-text-secondary);margin-bottom:8px;font-size:1.25rem}.empty-state-text{color:var(--color-text-muted);max-width:300px;font-size:.95rem}@media (max-width:768px){.copy-button{padding:6px 10px;font-size:.8rem}.copy-button span{display:none}.bookmark-button{width:40px;height:40px}.reading-actions-bar{gap:8px}.bookmark-toast{padding:10px 18px;font-size:.9rem;bottom:80px}}.nav-search-btn{width:36px;height:36px;color:var(--color-orange-primary);cursor:pointer;transition:all var(--transition-fast);background:#ff6b351a;border:1px solid #ff6b3533;border-radius:8px;justify-content:center;align-items:center;display:flex}.nav-search-btn:hover{background:var(--color-orange-primary);color:#fff;transform:scale(1.05)}.search-overlay{z-index:9999;background:#000000e6;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.search-dialog{border-radius:var(--radius-xl);background:#0f0f0ff2;border:1px solid #ff6b354d;width:100%;max-width:560px;margin:0 16px;overflow:hidden;box-shadow:0 25px 60px #000000b3,0 0 30px #ff6b351a}.search-input-wrapper{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:16px 20px;display:flex}.search-input-wrapper svg{color:var(--color-orange-primary);flex-shrink:0}.search-input{color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.05rem}.search-input::placeholder{color:var(--color-text-muted)}.search-results{max-height:400px;margin:0;padding:8px;list-style:none;overflow-y:auto}.search-result-item{border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);text-align:right;width:100%;color:inherit;background:0 0;border:none;padding:12px 16px;font-family:inherit;text-decoration:none;display:block}.search-result-item:hover,.search-result-item.selected{background:#ff6b351a}.search-result-section{color:var(--color-orange-primary);margin-bottom:2px;font-size:.75rem;font-weight:600;display:block}.search-result-title{color:var(--color-text-primary);margin-bottom:2px;font-size:1rem;font-weight:600;display:block}.search-result-desc{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;display:block;overflow:hidden}.search-footer{color:var(--color-text-muted);border-top:1px solid #ffffff14;justify-content:center;align-items:center;gap:16px;padding:10px 16px;font-size:.8rem;display:flex}.search-footer kbd,kbd.search-shortcut{color:var(--color-text-secondary);background:#ffffff1a;border:1px solid #ffffff26;border-radius:4px;margin:0 2px;padding:2px 6px;font-family:inherit;font-size:.75rem;display:inline-block}.search-loading,.search-empty{color:var(--color-text-muted);justify-content:center;align-items:center;padding:40px 20px;font-size:.95rem;display:flex}.reading-time-badge{color:var(--color-text-secondary);background:#ff6b3514;border:1px solid #ff6b3526;border-radius:20px;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;font-size:.85rem;font-weight:500;display:inline-flex}.reading-time-badge svg{color:var(--color-orange-primary)}.back-to-top-btn{z-index:900;background:var(--color-orange-primary);color:#fff;cursor:pointer;width:44px;height:44px;transition:background var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:30px;left:30px;box-shadow:0 4px 15px #ff6b3566}.back-to-top-btn:hover{background:var(--color-orange-glow)}@media (max-width:768px){.search-overlay{padding-top:10vh}.search-dialog{border-radius:var(--radius-lg);max-width:100%;margin:0 12px}.search-results{max-height:50vh}.search-footer{display:none}.back-to-top-btn{width:40px;height:40px;bottom:20px;left:20px}}.font-size-control{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.font-size-btn{width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-weight:700;display:flex}.font-size-btn:hover{color:var(--color-orange-primary);background:#ff6b351a}.font-size-btn.active{background:var(--color-orange-primary);color:#fff;box-shadow:0 2px 8px #ff6b354d}.reading-font-small p,.reading-font-small .option-text,.reading-font-small details summary,.reading-font-small details>div{font-size:.95rem!important;line-height:1.7!important}.reading-font-medium p,.reading-font-medium .option-text,.reading-font-medium details summary,.reading-font-medium details>div{font-size:1.1rem!important;line-height:1.8!important}.reading-font-large p,.reading-font-large .option-text,.reading-font-large details summary,.reading-font-large details>div{font-size:1.3rem!important;line-height:1.9!important}.reading-font-large h3,.reading-font-large h4{font-size:1.5rem!important}.reading-font-small h3,.reading-font-small h4{font-size:1.1rem!important}@media (max-width:768px){.font-size-btn{width:32px;height:32px}.reading-font-large p,.reading-font-large .option-text{font-size:1.15rem!important}}
.exercises-page{background:var(--color-bg-darker);min-height:100vh;padding:120px 20px 60px}.exercises-header{text-align:center;margin-bottom:40px}.exercises-header h1{color:var(--color-text-primary);margin-bottom:10px;font-size:2.5rem}.exercises-header p{color:var(--color-text-secondary);font-size:1.1rem}.stats-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ff6b351a,#ff6b350d);border:1px solid #ff6b3533;flex-wrap:wrap;justify-content:center;gap:40px;margin-bottom:40px;padding:30px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:5px;display:flex}.stat-icon{font-size:1.8rem}.stat-value{color:var(--color-orange-primary);font-size:2rem;font-weight:700}.stat-label{color:var(--color-text-secondary);font-size:.9rem}.sections-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;margin-top:30px;display:grid}.section-card{background:var(--color-bg-card);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);border:1px solid #ffffff1a;padding:30px;position:relative}.section-card:hover{border-color:var(--color-orange-primary);box-shadow:0 10px 40px #ff6b3526}.section-icon{margin-bottom:15px;font-size:3rem;display:block}.section-card h3{color:var(--color-text-primary);margin-bottom:10px;font-size:1.3rem}.section-meta{color:var(--color-text-secondary);justify-content:center;gap:10px;margin-bottom:15px;font-size:.9rem;display:flex}.section-progress{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.section-progress .progress-fill{background:linear-gradient(90deg,var(--color-orange-primary),var(--color-orange-glow));border-radius:3px;height:100%;transition:width .5s}.section-card .progress-text{color:var(--color-text-muted);font-size:.85rem}.section-complete-badge{font-size:1.2rem;position:absolute;top:15px;left:15px}.read-chapter-link{color:var(--color-accent,#ff6b35);cursor:pointer;opacity:.7;margin-top:8px;font-size:.85rem;transition:opacity .2s;display:inline-block}.read-chapter-link:hover{opacity:1;text-decoration:underline}.exercises-section{max-width:900px;margin:0 auto}.back-btn{color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #fff3;margin-bottom:30px;padding:10px 20px;font-family:inherit;font-size:1rem}.back-btn:hover{border-color:var(--color-orange-primary);color:var(--color-orange-primary)}.section-header{text-align:center;margin-bottom:40px}.section-icon-large{margin-bottom:15px;font-size:4rem;display:block}.section-header h2{color:var(--color-text-primary);margin-bottom:10px;font-size:2rem}.section-header p{color:var(--color-text-secondary)}.exercises-list{flex-direction:column;gap:30px;display:flex}.quiz-container,.fill-blank-container,.prompt-builder-container{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff1a;padding:30px}.quiz-header{flex-wrap:wrap;align-items:center;gap:15px;margin-bottom:20px;display:flex}.quiz-type-badge{color:var(--color-orange-primary);background:#ff6b3526;border-radius:20px;padding:6px 14px;font-size:.9rem;font-weight:600}.quiz-completed-badge{color:#22c55e;background:#22c55e26;border-radius:20px;padding:6px 14px;font-size:.85rem}.quiz-points{color:var(--color-text-muted);margin-right:auto;font-size:.9rem}.quiz-question{color:var(--color-text-primary);margin-bottom:25px;font-size:1.3rem;line-height:1.7}.quiz-options{flex-direction:column;gap:12px;margin-bottom:25px;display:flex}.quiz-option{border-radius:var(--radius-md);cursor:pointer;text-align:right;color:var(--color-text-primary);transition:all var(--transition-fast);background:#ffffff08;border:2px solid #ffffff1a;align-items:center;gap:15px;padding:16px 20px;font-family:inherit;font-size:1rem;display:flex}.quiz-option:hover:not(:disabled){border-color:var(--color-orange-primary);background:#ff6b350d}.quiz-option.selected{border-color:var(--color-orange-primary);background:#ff6b351a}.quiz-option.correct{background:#22c55e1a;border-color:#22c55e}.quiz-option.incorrect{background:#ef44441a;border-color:#ef4444}.quiz-option:disabled{cursor:default}.option-letter{background:#ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:600;display:flex}.option-text{flex:1}.option-icon{font-size:1.3rem}.quiz-submit-btn{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:all var(--transition-fast);border:none;padding:16px;font-family:inherit;font-size:1.1rem;font-weight:600}.quiz-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #ff6b354d}.quiz-submit-btn:disabled{opacity:.5;cursor:not-allowed}.quiz-result{border-radius:var(--radius-md);margin-top:25px;padding:20px;overflow:hidden}.quiz-result.correct{background:#22c55e1a;border:1px solid #22c55e4d}.quiz-result.incorrect{background:#ef44441a;border:1px solid #ef44444d}.result-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.result-icon{font-size:1.5rem}.result-text{font-size:1.1rem;font-weight:600}.quiz-result.correct .result-text{color:#22c55e}.quiz-result.incorrect .result-text{color:#f59e0b}.result-explanation{color:var(--color-text-secondary);line-height:1.7}.retry-btn{border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;margin-top:15px;padding:10px 20px;font-family:inherit;font-size:.95rem}.retry-btn:hover{border-color:var(--color-orange-primary);background:#ffffff26}.fill-blank-text{color:var(--color-text-primary);border-radius:var(--radius-md);background:#ffffff05;margin-bottom:25px;padding:20px;font-size:1.2rem;line-height:2.2}.fill-blank-wrapper{align-items:center;gap:5px;margin:0 5px;display:inline-flex}.fill-blank-input{border-radius:var(--radius-sm);min-width:120px;color:var(--color-text-primary);text-align:center;transition:all var(--transition-fast);background:#ffffff0d;border:2px solid #ff6b3566;padding:8px 15px;font-family:inherit;font-size:1rem}.fill-blank-input:focus{border-color:var(--color-orange-primary);background:#ff6b351a;outline:none}.fill-blank-input.correct{background:#22c55e1a;border-color:#22c55e}.fill-blank-input.incorrect{background:#ef44441a;border-color:#ef4444}.correct-answer-hint{color:#22c55e;font-size:.9rem;font-weight:600}.hint-section{margin-bottom:20px}.hint-toggle{color:var(--color-orange-primary);cursor:pointer;background:0 0;border:none;padding:5px 0;font-family:inherit;font-size:.95rem}.hint-text{border-radius:var(--radius-sm);color:#fbbf24;background:#ffb8001a;border:1px solid #ffb8004d;margin-top:10px;padding:15px;font-size:.95rem}.prompt-builder-description{color:var(--color-text-secondary);margin-bottom:25px;line-height:1.7}.prompt-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;margin-bottom:30px;position:relative;overflow:visible}.prompt-progress-fill{background:linear-gradient(90deg,var(--color-orange-primary),var(--color-orange-glow));border-radius:4px;height:100%;transition:width .3s}.prompt-progress-text{color:var(--color-text-primary);background:var(--color-bg-card);border-radius:10px;padding:2px 10px;font-size:.75rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.step-indicators{justify-content:center;gap:15px;margin-bottom:30px;display:flex}.step-indicator{width:40px;height:40px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:2px solid #fff3;border-radius:50%;font-family:inherit;font-size:1rem;font-weight:600}.step-indicator.active{border-color:var(--color-orange-primary);color:var(--color-orange-primary);background:#ff6b351a}.step-indicator.filled{color:#22c55e;background:#22c55e33;border-color:#22c55e}.prompt-step{border-radius:var(--radius-md);background:#ffffff05;border:1px solid #ffffff0d;padding:25px}.step-header{margin-bottom:15px}.step-number{color:var(--color-orange-primary);background:#ff6b3533;border-radius:15px;margin-bottom:10px;padding:4px 12px;font-size:.8rem;display:inline-block}.step-label{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;display:block}.step-label .required{color:#ef4444;margin-right:5px}.prompt-input{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);resize:vertical;min-height:100px;transition:border-color var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding:15px;font-family:inherit;font-size:1rem}.prompt-input:focus{border-color:var(--color-orange-primary);outline:none}.prompt-input::placeholder{color:var(--color-text-muted)}.example-toggle{color:var(--color-orange-glow);cursor:pointer;background:0 0;border:none;margin-top:15px;padding:5px 0;font-family:inherit;font-size:.9rem}.example-box{border-radius:var(--radius-sm);background:#ffb8001a;border:1px solid #ffb80033;margin-top:15px;padding:15px}.example-label{color:#fbbf24;margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.example-box p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.use-example-btn{border-radius:var(--radius-sm);color:#fbbf24;cursor:pointer;transition:all var(--transition-fast);background:#ffb80033;border:1px solid #ffb80066;margin-top:10px;padding:8px 16px;font-family:inherit;font-size:.85rem}.use-example-btn:hover{background:#ffb8004d}.step-navigation{justify-content:space-between;gap:15px;margin-top:25px;display:flex}.nav-btn{border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #fff3;padding:12px 25px;font-family:inherit;font-size:1rem}.nav-btn:hover:not(:disabled){border-color:var(--color-orange-primary);color:var(--color-orange-primary)}.nav-btn:disabled{opacity:.3;cursor:not-allowed}.step-navigation .quiz-submit-btn{flex:1;max-width:250px}.generated-prompt-section{margin-top:30px}.generated-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.generated-header h4{color:var(--color-text-primary);font-size:1.3rem}.points-earned{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));color:#fff;border-radius:20px;padding:6px 16px;font-weight:600}.generated-prompt-box{border-radius:var(--radius-md);background:#0000004d;border:1px solid #ff6b354d;padding:25px;position:relative}.generated-prompt-text{color:var(--color-text-primary);white-space:pre-wrap;direction:rtl;margin:0;font-family:inherit;font-size:1rem;line-height:1.8}.copy-prompt-btn{background:var(--color-orange-primary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;padding:10px 20px;font-family:inherit;font-size:.9rem;position:absolute;top:15px;left:15px}.copy-prompt-btn:hover{background:var(--color-orange-glow)}.copy-prompt-btn.copied{background:#22c55e}.example-output-section{border-radius:var(--radius-md);background:#22c55e1a;border:1px solid #22c55e33;margin-top:25px;padding:20px}.example-output-section h5{color:#22c55e;margin-bottom:10px;font-size:1rem}.example-output-text{color:var(--color-text-secondary);line-height:1.7}.login-prompt{text-align:center;background:var(--color-bg-card);border-radius:var(--radius-lg);max-width:400px;margin:100px auto;padding:60px 30px}.login-icon{margin-bottom:20px;font-size:4rem;display:block}.login-prompt h2{color:var(--color-text-primary);margin-bottom:10px;font-size:1.5rem}.login-prompt p{color:var(--color-text-secondary);margin-bottom:25px}.login-btn{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));color:#fff;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;padding:14px 40px;font-family:inherit;font-size:1.1rem;font-weight:600}.login-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #ff6b354d}.quiz-loading,.loading-container{color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:15px;padding:40px;display:flex}.loading-spinner{border:3px solid #ff6b3533;border-top-color:var(--color-orange-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.exercises-page{padding:100px 15px 40px}.exercises-header h1{font-size:1.8rem}.stats-card{gap:20px;padding:20px}.stat-value{font-size:1.5rem}.sections-grid{grid-template-columns:1fr}.quiz-container,.fill-blank-container,.prompt-builder-container{padding:20px}.quiz-question{font-size:1.1rem}.quiz-option{min-height:44px;padding:14px 15px;font-size:.95rem}.option-letter{width:32px;min-width:32px;height:32px;font-size:.95rem}.fill-blank-text{font-size:1rem;line-height:2}.fill-blank-input{min-width:80px;padding:6px 10px;font-size:.9rem}.step-indicators{gap:10px}.step-indicator{width:40px;min-width:40px;height:40px;font-size:.9rem}.step-navigation{flex-direction:column;gap:10px}.step-navigation .quiz-submit-btn{max-width:100%;min-height:44px;font-size:1rem}.section-card{padding:22px}.section-card h3{font-size:1.1rem}.section-meta{font-size:.8rem}.back-btn{min-height:44px;padding:10px 16px}.quiz-submit-btn{min-height:44px;font-size:1rem}.generated-prompt-box{padding:50px 15px 15px}.copy-prompt-btn{padding:8px 15px;font-size:.8rem;top:10px;left:10px}}@media (max-width:400px){.sections-grid{gap:14px}.section-card{padding:18px}.section-icon{margin-bottom:10px;font-size:2.2rem}.stats-card{flex-direction:column;gap:14px;padding:16px}.step-indicators{flex-wrap:wrap;gap:8px}.prompt-builder-container textarea{min-height:100px;font-size:.95rem}}
.points-display{background:linear-gradient(135deg,#ffb80026,#ff6b351a);border:1px solid #ffb8004d;border-radius:25px;align-items:center;gap:8px;padding:8px 16px;display:inline-flex}.points-display-small{padding:4px 10px;font-size:.85rem}.points-display-large{padding:12px 24px;font-size:1.3rem}.points-icon{font-size:1.2em}.points-value{color:#ffb800;font-weight:700}.points-label{color:var(--color-text-secondary);font-size:.9em}.level-progress-container{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff1a;padding:25px}.level-badge{align-items:center;gap:15px;margin-bottom:20px;display:flex}.level-icon{font-size:2.5rem}.level-info{flex-direction:column;display:flex}.level-number{color:var(--color-text-muted);font-size:.9rem}.level-title{color:var(--color-orange-primary);font-size:1.4rem;font-weight:700}.level-progress-bar{background:#ffffff1a;border-radius:5px;height:10px;margin-bottom:10px;overflow:hidden}.level-progress-fill{background:linear-gradient(90deg,var(--color-orange-primary),#ffb800);border-radius:5px;height:100%}.level-details{justify-content:space-between;font-size:.9rem;display:flex}.level-points-current{color:var(--color-orange-primary);font-weight:600}.level-points-next{color:var(--color-text-muted)}.badge-card{border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-base);cursor:default;border:2px solid;flex-direction:column;align-items:center;padding:20px;display:flex;position:relative}.badge-card-small{padding:15px}.badge-card-large{padding:30px}.badge-locked{opacity:.5}.badge-featured{border-width:3px}.badge-featured-star{font-size:1.5rem;position:absolute;top:-10px;right:-10px}.badge-icon-wrapper{margin-bottom:10px;position:relative}.badge-icon-wrapper.grayscale{filter:grayscale()}.badge-icon{font-size:3rem}.badge-card-small .badge-icon{font-size:2rem}.badge-card-large .badge-icon{font-size:4rem}.badge-lock{background:var(--color-bg-dark);border-radius:50%;padding:2px;font-size:1rem;position:absolute;bottom:-5px;right:-5px}.badge-name{color:var(--color-text-primary);margin-bottom:5px;font-size:1rem;font-weight:600}.badge-rarity{margin-bottom:8px;font-size:.8rem}.badge-description{color:var(--color-text-secondary);font-size:.85rem;line-height:1.5}.badge-earned-date{color:var(--color-text-muted);margin-top:10px;font-size:.75rem}.badges-section{margin-bottom:30px}.badges-section-title{color:var(--color-text-primary);margin-bottom:20px;font-size:1.3rem}.badges-grid{gap:15px;display:grid}.streak-counter{background:var(--color-bg-card);border-radius:var(--radius-lg);border:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:10px;padding:25px;display:flex}.streak-counter.active-today{border-color:#ff6b3566;box-shadow:0 0 20px #ff6b351a}.streak-counter-small{flex-direction:row;gap:15px;padding:15px}.streak-counter-large{padding:40px}.streak-flames{font-size:3rem}.streak-counter-small .streak-flames{font-size:2rem}.streak-fire.inactive{filter:grayscale();opacity:.5}.streak-info{flex-direction:column;align-items:center;display:flex}.streak-counter-small .streak-info{flex-direction:row;gap:8px}.streak-number{font-size:2.5rem;font-weight:800}.streak-counter-small .streak-number{font-size:1.5rem}.streak-label{color:var(--color-text-secondary);font-size:.9rem}.streak-level-badge{border:1px solid;border-radius:15px;padding:4px 12px;font-size:.85rem;font-weight:600}.streak-details{text-align:center;margin-top:15px}.streak-detail-item{color:var(--color-text-secondary);justify-content:center;align-items:center;gap:8px;font-size:.9rem;display:flex}.detail-value{color:var(--color-text-primary);font-weight:600}.streak-warning{border-radius:var(--radius-sm);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;margin-top:10px;padding:8px 15px;font-size:.85rem}.streak-notification{border-radius:var(--radius-lg);z-index:1000;cursor:pointer;background:linear-gradient(135deg,#ff6b35,#ffb800);padding:15px 25px;position:fixed;bottom:100px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #ff6b3566}.notification-content{align-items:center;gap:15px;display:flex}.notification-fire{font-size:2rem}.notification-text{flex-direction:column;display:flex}.notification-title{color:#fff;font-weight:700}.notification-streak{color:#ffffffe6;font-size:.9rem}.points-animation{color:#ffb800;z-index:1000;pointer-events:none;align-items:center;gap:10px;font-size:2rem;font-weight:800;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.points-plus{text-shadow:0 0 20px #ffb80080}.badge-unlock-overlay,.level-up-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.badge-unlock-modal,.level-up-modal{background:var(--color-bg-card);border-radius:var(--radius-xl);text-align:center;padding:50px;position:relative;overflow:hidden}.confetti-container{pointer-events:none;position:absolute;top:50%;left:50%}.confetti{border-radius:2px;width:10px;height:10px;position:absolute}.unlock-label{color:var(--color-text-secondary);margin-bottom:20px;font-size:1.2rem;display:block}.unlock-badge-icon{border:3px solid;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 20px;font-size:3rem;display:flex}.unlock-badge-name{color:var(--color-text-primary);margin-bottom:25px;font-size:1.5rem}.unlock-close-btn,.level-up-close-btn{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:12px 40px;font-family:inherit;font-size:1.1rem;font-weight:600}.level-up-glow{pointer-events:none;background:radial-gradient(circle,#ff6b354d,#0000);border-radius:50%;width:200px;height:200px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.level-up-label{color:var(--color-text-secondary);margin-bottom:15px;font-size:1.3rem;display:block}.level-up-number{color:var(--color-orange-primary);margin-bottom:10px;font-size:5rem;font-weight:900;display:block}.level-up-title{color:var(--color-text-primary);margin-bottom:30px;font-size:1.8rem}.leaderboard-page{background:var(--color-bg-darker);min-height:100vh;padding:120px 20px 60px}.leaderboard-header{text-align:center;margin-bottom:30px}.leaderboard-header h1{color:var(--color-text-primary);margin-bottom:10px;font-size:2.5rem}.leaderboard-header p{color:var(--color-text-secondary)}.leaderboard-tabs{justify-content:center;gap:10px;margin-bottom:30px;display:flex}.tab-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding:12px 24px;font-family:inherit;font-size:1rem}.tab-btn:hover{border-color:var(--color-orange-primary);color:var(--color-orange-primary)}.tab-btn.active{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));color:#fff;border-color:#0000}.user-rank-card{border-radius:var(--radius-lg);background:linear-gradient(135deg,#ff6b3526,#ff6b350d);border:1px solid #ff6b354d;justify-content:space-between;align-items:center;max-width:600px;margin-bottom:30px;margin-left:auto;margin-right:auto;padding:20px 25px;display:flex}.user-rank-info{flex-direction:column;gap:5px;display:flex}.user-rank-position{color:var(--color-orange-primary);font-size:1.3rem;font-weight:700}.user-rank-value{color:var(--color-text-secondary)}.user-rank-level{border-radius:var(--radius-sm);color:var(--color-text-primary);background:#ffffff1a;padding:8px 16px;font-weight:600}.podium{justify-content:center;align-items:flex-end;gap:20px;margin-bottom:40px;padding:20px;display:flex}.podium-item{text-align:center;flex-direction:column;align-items:center;display:flex}.podium-item.first{order:2}.podium-item.second{order:1}.podium-item.third{order:3}.podium-crown{margin-bottom:-10px;font-size:2rem;animation:1s infinite bounce}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.podium-avatar{margin-bottom:10px;font-size:3rem}.podium-item.first .podium-avatar{font-size:4rem}.podium-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:100px;margin-bottom:5px;font-weight:600;overflow:hidden}.podium-value{color:var(--color-text-secondary);margin-bottom:10px;font-size:.9rem}.podium-stand{color:#fff;border-radius:var(--radius-md)var(--radius-md)0 0;justify-content:center;align-items:center;width:80px;font-size:1.5rem;font-weight:800;display:flex}.podium-item.first .podium-stand{background:linear-gradient(gold,#daa520);height:100px}.podium-item.second .podium-stand{background:linear-gradient(silver,#a0a0a0);height:70px}.podium-item.third .podium-stand{background:linear-gradient(#cd7f32,sienna);height:50px}.leaderboard-list{flex-direction:column;gap:10px;max-width:700px;margin:0 auto;display:flex}.leaderboard-item{background:var(--color-bg-card);border-radius:var(--radius-md);transition:all var(--transition-fast);border:1px solid #ffffff1a;align-items:center;gap:15px;padding:15px 20px;display:flex}.leaderboard-item:hover{border-color:#fff3;transform:translate(-5px)}.leaderboard-item.current-user{border-color:var(--color-orange-primary);background:#ff6b351a}.item-rank{width:40px;height:40px;color:var(--color-text-secondary);background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.item-info{flex-direction:column;flex:1;display:flex}.item-name{color:var(--color-text-primary);font-weight:600}.item-level{color:var(--color-text-muted);font-size:.85rem}.item-stats{flex-direction:column;align-items:flex-end;gap:3px;display:flex}.item-value{color:var(--color-orange-primary);font-weight:600}.item-badges{color:var(--color-text-secondary);font-size:.85rem}.empty-leaderboard{text-align:center;padding:60px 20px}.empty-icon{margin-bottom:20px;font-size:4rem;display:block}.empty-leaderboard h3{color:var(--color-text-primary);margin-bottom:10px;font-size:1.5rem}.empty-leaderboard p{color:var(--color-text-secondary);margin-bottom:20px}@media (max-width:768px){.level-progress-container{padding:20px}.level-badge{text-align:center;flex-direction:column}.streak-counter{padding:20px}.streak-counter-small{flex-direction:column}.badges-grid{grid-template-columns:repeat(2,1fr)!important}.badge-card{padding:15px}.badge-icon{font-size:2rem}.podium{gap:10px;padding:10px}.podium-avatar{font-size:2rem}.podium-item.first .podium-avatar{font-size:2.5rem}.podium-stand{width:60px}.podium-item.first .podium-stand{height:80px}.podium-item.second .podium-stand{height:60px}.podium-item.third .podium-stand{height:40px}.leaderboard-tabs{flex-wrap:wrap}.tab-btn{padding:10px 18px;font-size:.9rem}.user-rank-card{text-align:center;flex-direction:column;gap:15px}.badge-unlock-modal,.level-up-modal{margin:20px;padding:30px}.unlock-badge-icon{width:80px;height:80px;font-size:2.5rem}.level-up-number{font-size:4rem}}
.tools-page{background:var(--color-bg-darker);min-height:100vh;padding:120px 20px 60px}.tools-container{max-width:1200px;margin:0 auto}.tools-header{text-align:center;margin-bottom:50px}.tools-header h1{color:var(--color-text-primary);margin-bottom:10px;font-size:2.5rem}.tools-header p{color:var(--color-text-secondary);font-size:1.1rem}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:50px;display:grid}.tool-card{text-align:center;background:var(--color-bg-card);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);border:2px solid #ffffff1a;flex-direction:column;align-items:center;padding:40px 30px;display:flex;position:relative;overflow:hidden}.tool-card:before{content:"";background:var(--tool-color,var(--color-orange-primary));opacity:0;height:4px;transition:opacity var(--transition-fast);position:absolute;top:0;left:0;right:0}.tool-card:hover:before{opacity:1}.tool-card:hover{border-color:var(--tool-color,var(--color-orange-primary));box-shadow:0 10px 40px #0000004d}.tool-icon{margin-bottom:20px;font-size:3.5rem}.tool-name{color:var(--color-text-primary);margin-bottom:10px;font-size:1.4rem;font-weight:700}.tool-description{color:var(--color-text-secondary);margin-bottom:20px;font-size:.95rem;line-height:1.6}.tool-arrow{color:var(--tool-color,var(--color-orange-primary));opacity:0;transition:all var(--transition-fast);font-size:1.5rem;transform:translate(10px)}.tool-card:hover .tool-arrow{opacity:1;transform:translate(0)}.back-to-tools{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:8px;margin-bottom:30px;padding:10px 20px;font-family:inherit;font-size:.95rem;display:inline-flex}.back-to-tools:hover{color:var(--color-text-primary);background:#ffffff1a}.tools-tips{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid #ffffff1a;padding:30px}.tools-tips h3{color:var(--color-text-primary);text-align:center;margin-bottom:20px;font-size:1.3rem}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.tip-card{border-radius:var(--radius-md);background:#ffffff08;align-items:flex-start;gap:15px;padding:15px;display:flex}.tip-icon{font-size:1.5rem}.tip-card p{color:var(--color-text-secondary);font-size:.9rem;line-height:1.6}.tip-card strong{color:var(--color-orange-primary)}.prompt-generator,.prompt-analyzer,.response-comparator{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid #ffffff1a;padding:30px}.generator-header,.analyzer-header,.comparator-header{text-align:center;margin-bottom:30px}.generator-header h2,.analyzer-header h2,.comparator-header h2{color:var(--color-text-primary);margin-bottom:8px;font-size:1.8rem}.generator-header p,.analyzer-header p,.comparator-header p{color:var(--color-text-secondary)}.generator-progress{justify-content:center;gap:30px;margin-bottom:40px;display:flex;position:relative}.generator-progress:before{content:"";z-index:0;background:#ffffff1a;height:2px;position:absolute;top:20px;left:20%;right:20%}.progress-step{z-index:1;flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.step-number{width:40px;height:40px;color:var(--color-text-muted);transition:all var(--transition-base);background:#ffffff1a;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.progress-step.active .step-number{background:var(--color-orange-primary);border-color:var(--color-orange-primary);color:#fff}.progress-step.completed .step-number{color:#fff;background:#22c55e;border-color:#22c55e}.step-label{color:var(--color-text-muted);font-size:.85rem}.progress-step.active .step-label,.progress-step.completed .step-label{color:var(--color-text-primary)}.generator-step{min-height:300px}.generator-step h3{color:var(--color-text-primary);text-align:center;margin-bottom:25px;font-size:1.4rem}.task-types-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;display:grid}.task-type-card{text-align:center;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border:2px solid #ffffff1a;flex-direction:column;align-items:center;padding:20px 15px;display:flex}.task-type-card:hover{background:#ff6b350d;border-color:#ff6b354d}.task-type-card.selected{border-color:var(--color-orange-primary);background:#ff6b351a}.task-icon{margin-bottom:10px;font-size:2rem}.task-name{color:var(--color-text-primary);margin-bottom:5px;font-weight:600}.task-desc{color:var(--color-text-muted);font-size:.8rem}.input-group{margin-bottom:20px}.input-group label{color:var(--color-text-secondary);margin-bottom:8px;font-weight:500;display:block}.input-group textarea,.input-group input[type=text]{border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);resize:vertical;transition:border-color var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding:15px;font-family:inherit;font-size:1rem}.input-group textarea:focus,.input-group input[type=text]:focus{border-color:var(--color-orange-primary);outline:none}.char-count{text-align:left;color:var(--color-text-muted);margin-top:5px;font-size:.85rem}.options-section{margin-bottom:25px}.options-section>label{color:var(--color-text-secondary);margin-bottom:12px;font-weight:500;display:block}.options-row{flex-wrap:wrap;gap:10px;display:flex}.option-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;align-items:center;gap:6px;padding:10px 16px;font-family:inherit;font-size:.9rem;display:flex}.option-btn:hover{border-color:#ff6b354d}.option-btn.selected{border-color:var(--color-orange-primary);color:var(--color-orange-primary);background:#ff6b3526}.detail-options{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.detail-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:#ffffff08;border:1px solid #ffffff1a;flex-direction:column;align-items:center;padding:15px;display:flex}.detail-btn:hover{border-color:#ff6b354d}.detail-btn.selected{border-color:var(--color-orange-primary);background:#ff6b351a}.detail-name{color:var(--color-text-primary);margin-bottom:5px;font-weight:600}.detail-desc{color:var(--color-text-muted);font-size:.8rem}.generator-navigation{border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:30px;padding-top:20px;display:flex}.nav-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);padding:12px 30px;font-family:inherit;font-size:1rem;font-weight:600}.prev-btn{color:var(--color-text-secondary);background:0 0;border:1px solid #fff3}.prev-btn:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.next-btn,.generate-btn{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));color:#fff;border:none}.next-btn:disabled{opacity:.5;cursor:not-allowed}.next-btn:not(:disabled):hover,.generate-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ff6b354d}.result-step{min-height:auto}.result-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.result-header h3{text-align:right;margin:0}.generated-prompt-container{border-radius:var(--radius-lg);background:#0000004d;border:1px solid #ffffff1a;overflow:hidden}.prompt-actions{background:#ffffff08;border-bottom:1px solid #ffffff1a;justify-content:flex-end;padding:10px 15px;display:flex}.copy-btn{background:var(--color-orange-primary);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);border:none;padding:8px 16px;font-family:inherit;font-size:.9rem}.copy-btn:hover{background:var(--color-orange-glow)}.copy-btn.copied{background:#22c55e}.generated-prompt-text{white-space:pre-wrap;color:var(--color-text-primary);text-align:right;direction:rtl;margin:0;padding:20px;font-family:inherit;font-size:.95rem;line-height:1.7}.prompt-tips{border-radius:var(--radius-md);background:#ffb8001a;border:1px solid #ffb80033;margin-top:25px;padding:20px}.prompt-tips h4{color:#ffb800;margin-bottom:12px}.prompt-tips ul{margin:0;padding:0;list-style:none}.prompt-tips li{color:var(--color-text-secondary);padding:5px 20px 5px 0;position:relative}.prompt-tips li:before{content:"•";color:#ffb800;position:absolute;right:0}.reset-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;padding:12px 24px;font-family:inherit;font-size:.95rem}.reset-btn:hover{color:var(--color-text-primary);background:#ffffff26}.analyzer-input-section{flex-direction:column;gap:20px;display:flex}.analyze-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast);background:linear-gradient(135deg,#22c55e,#16a34a);border:none;justify-content:center;align-items:center;gap:10px;padding:15px 30px;font-family:inherit;font-size:1.1rem;font-weight:600;display:flex}.analyze-btn:disabled{opacity:.6;cursor:not-allowed}.analyze-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 20px #22c55e4d}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.analysis-results{flex-direction:column;gap:25px;display:flex}.overall-score-card{border-radius:var(--radius-lg);background:#ffffff08;align-items:center;gap:30px;padding:30px;display:flex}.score-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.score-inner{background:var(--color-bg-card);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.score-number{color:var(--color-text-primary);font-size:2.5rem;font-weight:800}.score-label{color:var(--color-text-secondary);font-size:.85rem}.score-description h3{color:var(--color-text-primary);margin-bottom:8px;font-size:1.3rem}.score-description p{color:var(--color-text-secondary)}.criteria-breakdown{border-radius:var(--radius-lg);background:#ffffff08;padding:25px}.criteria-breakdown h4{color:var(--color-text-primary);margin-bottom:20px}.criteria-list{flex-direction:column;gap:15px;display:flex}.criteria-item{flex-direction:column;gap:8px;display:flex}.criteria-header{align-items:center;gap:10px;display:flex}.criteria-icon{font-size:1.2rem}.criteria-name{color:var(--color-text-primary);flex:1}.criteria-score{font-weight:700}.criteria-bar{background:#ffffff1a;border-radius:3px;height:6px;overflow:hidden}.criteria-fill{border-radius:3px;height:100%;transition:width .5s}.feedback-sections{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;display:grid}.feedback-section{border-radius:var(--radius-md);padding:20px}.feedback-section.strengths{background:#22c55e1a;border:1px solid #22c55e33}.feedback-section.weaknesses{background:#ef44441a;border:1px solid #ef444433}.feedback-section.suggestions{background:#3b82f61a;border:1px solid #3b82f633}.feedback-section h4{color:var(--color-text-primary);margin-bottom:12px}.feedback-section ul{margin:0;padding:0;list-style:none}.feedback-section li{color:var(--color-text-secondary);padding:6px 15px 6px 0;position:relative}.feedback-section li:before{content:"•";position:absolute;right:0}.improved-section{flex-direction:column;gap:15px;display:flex}.toggle-improved-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding:12px 20px;font-family:inherit;font-size:1rem}.toggle-improved-btn:hover{color:var(--color-text-primary);background:#ffffff1a}.improved-prompt-container{border-radius:var(--radius-lg);background:#0000004d;border:1px solid #ffffff1a;overflow:hidden}.improved-header{background:#ffffff08;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:12px 15px;display:flex}.improved-header span{color:var(--color-text-primary);font-weight:500}.improved-prompt-text{white-space:pre-wrap;color:var(--color-text-primary);text-align:right;direction:rtl;margin:0;padding:20px;font-family:inherit;font-size:.95rem;line-height:1.7}.comparator-tabs{gap:10px;margin-bottom:25px;display:flex}.comp-tab{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;flex:1;padding:12px 20px;font-family:inherit;font-size:1rem}.comp-tab:hover:not(:disabled){border-color:#8b5cf64d}.comp-tab.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#0000}.comp-tab:disabled{opacity:.5;cursor:not-allowed}.shared-prompt-toggle{margin-bottom:20px}.toggle-container{cursor:pointer;align-items:center;gap:12px;display:flex}.toggle-container input{display:none}.toggle-slider{width:50px;height:26px;transition:background var(--transition-fast);background:#ffffff1a;border-radius:13px;position:relative}.toggle-slider:after{content:"";width:20px;height:20px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:3px;right:3px}.toggle-container input:checked+.toggle-slider{background:#8b5cf6}.toggle-container input:checked+.toggle-slider:after{transform:translate(-24px)}.toggle-label{color:var(--color-text-secondary)}.shared-prompt-input{margin-bottom:20px}.responses-list{flex-direction:column;gap:20px;margin-bottom:20px;display:flex}.response-input-card{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff1a;padding:20px}.response-card-header{align-items:center;gap:15px;margin-bottom:15px;display:flex}.response-number{color:var(--color-text-primary);font-weight:600}.model-selector{align-items:center;gap:8px;margin-right:auto;display:flex}.model-selector label{color:var(--color-text-muted);font-size:.9rem}.model-selector select{border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;background:#ffffff1a;border:1px solid #fff3;padding:6px 12px;font-family:inherit}.remove-response-btn{color:#ef4444;cursor:pointer;width:30px;height:30px;transition:all var(--transition-fast);background:#ef44441a;border:1px solid #ef44444d;border-radius:50%;justify-content:center;align-items:center;display:flex}.remove-response-btn:hover{background:#ef444433}.add-response-btn{border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:2px dashed #fff3;padding:15px;font-family:inherit;font-size:1rem}.add-response-btn:hover{color:#8b5cf6;border-color:#8b5cf680}.compare-btn{border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-fast);background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;padding:15px;font-family:inherit;font-size:1.1rem;font-weight:600}.compare-btn:disabled{opacity:.5;cursor:not-allowed}.compare-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 5px 20px #8b5cf64d}.comparison-section{flex-direction:column;gap:25px;display:flex}.comparison-summary{border-radius:var(--radius-lg);background:#ffffff08;padding:25px}.comparison-summary h3{color:var(--color-text-primary);margin-bottom:20px}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;display:grid}.summary-item{text-align:center;border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;align-items:center;padding:15px;display:flex}.summary-icon{margin-bottom:8px;font-size:1.5rem}.summary-label{color:var(--color-text-muted);margin-bottom:5px;font-size:.85rem}.summary-value{color:var(--color-text-primary);font-weight:600}.summary-value small{color:var(--color-text-muted);font-size:.8rem;font-weight:400;display:block}.comparison-table-container{border-radius:var(--radius-lg);background:#ffffff08;padding:25px}.comparison-table-container h3{color:var(--color-text-primary);margin-bottom:20px}.comparison-table{overflow-x:auto}.table-header,.table-row{grid-template-columns:150px repeat(auto-fit,minmax(120px,1fr));gap:1px;display:grid}.table-cell{text-align:center;background:#ffffff05;padding:12px 15px}.header-cell{color:var(--color-text-primary);background:#ffffff0d;font-weight:600}.label-cell{text-align:right;color:var(--color-text-secondary)}.model-header{flex-direction:column;align-items:center;gap:5px;display:flex}.model-icon-large{font-size:1.5rem}.side-by-side{border-radius:var(--radius-lg);background:#ffffff08;padding:25px}.side-by-side h3{color:var(--color-text-primary);margin-bottom:20px}.responses-grid{gap:15px;display:grid}.response-preview{border-radius:var(--radius-md);background:#0003;border:1px solid #ffffff1a;overflow:hidden}.preview-header{color:var(--color-text-primary);background:#ffffff0d;border-bottom:1px solid #ffffff1a;padding:10px 15px;font-weight:600}.preview-content{max-height:300px;color:var(--color-text-secondary);white-space:pre-wrap;padding:15px;font-size:.9rem;line-height:1.6;overflow-y:auto}.comparison-actions{justify-content:center;gap:15px;display:flex}.back-btn{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff1a;border:1px solid #fff3;padding:12px 24px;font-family:inherit;font-size:.95rem}.back-btn:hover{color:var(--color-text-primary);background:#ffffff26}@media (max-width:768px){.tools-page{padding:100px 15px 40px}.tools-header h1{font-size:2rem}.tools-grid{grid-template-columns:1fr}.tool-card{padding:30px 20px}.generator-progress{flex-wrap:wrap;gap:15px}.generator-progress:before{display:none}.step-number{width:35px;height:35px}.step-label{font-size:.75rem}.task-types-grid{grid-template-columns:repeat(2,1fr)}.options-row{flex-direction:column}.option-btn{justify-content:center;width:100%}.detail-options{grid-template-columns:1fr}.generator-navigation{flex-direction:column;gap:10px}.nav-btn{width:100%}.overall-score-card{text-align:center;flex-direction:column}.feedback-sections{grid-template-columns:1fr}.comparator-tabs{flex-direction:column}.responses-grid{grid-template-columns:1fr!important}.comparison-actions{flex-direction:column}.back-btn,.reset-btn{width:100%}}
.achievements-page{background:var(--color-bg-darker);min-height:100vh;padding:120px 20px 60px}.achievements-container{max-width:1000px;margin:0 auto}.achievements-header{text-align:center;margin-bottom:40px}.achievements-header h1{color:var(--color-text-primary);margin-bottom:10px;font-size:2.5rem}.achievements-header p{color:var(--color-text-secondary);font-size:1.1rem}.achievements-summary{background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid #ffffff1a;align-items:center;gap:30px;margin-bottom:30px;padding:30px;display:flex}.summary-progress{align-items:center;gap:20px;display:flex}.progress-circle-large{width:120px;height:120px;position:relative}.progress-circle-large svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-number{color:var(--color-orange-primary);font-size:2rem;font-weight:800}.progress-total{color:var(--color-text-muted);font-size:1rem}.progress-info h3{color:var(--color-text-primary);margin-bottom:5px}.progress-info p{color:var(--color-text-secondary);font-size:.9rem}.summary-stats{gap:20px;margin-right:auto;display:flex}.stat-box{border-radius:var(--radius-md);background:#ffffff08;flex-direction:column;align-items:center;min-width:80px;padding:15px 20px;display:flex}.stat-box .stat-icon{margin-bottom:5px;font-size:1.5rem}.stat-box .stat-value{color:var(--color-text-primary);font-size:1.3rem;font-weight:700}.stat-box .stat-label{color:var(--color-text-muted);font-size:.75rem}.achievements-tabs{gap:10px;margin-bottom:25px;display:flex}.ach-tab{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;flex:1;justify-content:center;align-items:center;gap:8px;padding:15px 20px;font-family:inherit;font-size:1rem;display:flex}.ach-tab:hover:not(.disabled){border-color:var(--color-orange-primary);color:var(--color-orange-primary)}.ach-tab.active{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));color:#fff;border-color:#0000}.ach-tab.disabled{opacity:.5;cursor:not-allowed}.tab-lock{font-size:.8rem}.achievements-filter{gap:10px;margin-bottom:25px;display:flex}.filter-btn{border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:#ffffff0d;border:1px solid #ffffff1a;padding:8px 16px;font-family:inherit;font-size:.9rem}.filter-btn:hover{border-color:#ffffff4d}.filter-btn.active{border-color:var(--color-orange-primary);color:var(--color-orange-primary);background:#ff6b3526}.achievements-list{flex-direction:column;gap:30px;display:flex}.achievements-category{margin-bottom:20px}.category-title{color:var(--color-text-primary);border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;font-size:1.3rem;display:flex}.achievements-grid{flex-direction:column;gap:12px;display:flex}.achievement-card{background:var(--color-bg-card);border-radius:var(--radius-lg);transition:all var(--transition-fast);border:1px solid #ffffff1a;align-items:center;gap:20px;padding:20px;display:flex}.achievement-card.unlocked{background:linear-gradient(135deg,#22c55e0d,#0000);border-color:#22c55e4d}.achievement-card.locked{opacity:.7}.achievement-icon{text-align:center;min-width:60px;font-size:2.5rem;position:relative}.achievement-icon.grayscale{filter:grayscale();opacity:.5}.lock-badge{font-size:.9rem;position:absolute;bottom:-5px;right:0}.achievement-info{flex:1}.achievement-title{color:var(--color-text-primary);margin-bottom:5px;font-size:1.1rem}.achievement-desc{color:var(--color-text-secondary);margin-bottom:8px;font-size:.9rem}.achievement-progress{align-items:center;gap:10px;display:flex}.achievement-progress .progress-bar{background:#ffffff1a;border-radius:3px;flex:1;max-width:150px;height:6px;overflow:hidden}.achievement-progress .progress-fill{background:linear-gradient(90deg,var(--color-orange-primary),#ffb800);border-radius:3px;height:100%}.achievement-progress .progress-text{color:var(--color-text-muted);font-size:.8rem}.achievement-date{color:#22c55e;font-size:.8rem}.achievement-points{border-radius:var(--radius-md);background:#ffb8001a;flex-direction:column;align-items:center;padding:10px 15px;display:flex}.achievement-points .points-value{color:#ffb800;font-size:1.1rem;font-weight:700}.achievement-points .points-label{color:var(--color-text-muted);font-size:.7rem}.empty-achievements{text-align:center;padding:60px 20px}.empty-achievements .empty-icon{margin-bottom:15px;font-size:4rem;display:block}.empty-achievements p{color:var(--color-text-secondary)}.certificate-locked-message{text-align:center;background:var(--color-bg-card);border-radius:var(--radius-xl);border:1px solid #ffffff1a;margin-top:30px;padding:40px}.certificate-locked-message .lock-icon{margin-bottom:15px;font-size:3rem;display:block}.certificate-locked-message h4{color:var(--color-text-primary);margin-bottom:10px;font-size:1.3rem}.certificate-locked-message p{color:var(--color-text-secondary);margin-bottom:20px}.book-progress{justify-content:center;align-items:center;gap:15px;max-width:300px;margin:0 auto;display:flex}.book-progress-bar{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.book-progress-fill{background:linear-gradient(90deg,var(--color-orange-primary),#ffb800);border-radius:4px;height:100%;transition:width .5s}.book-progress span{color:var(--color-text-secondary);white-space:nowrap;font-size:.9rem}.certificate-wrapper{flex-direction:column;align-items:center;gap:30px;display:flex}.certificate{border-radius:var(--radius-xl);background:linear-gradient(135deg,#0a0a12,#1a1a2e);width:100%;max-width:700px;min-height:500px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000080}.certificate-border{pointer-events:none;border:2px solid;border-image:linear-gradient(135deg,#ffb800,#ff6b35,#ffb800) 1;position:absolute;inset:15px}.corner{color:#ffb800;font-size:1.5rem;position:absolute}.corner-tl{top:-8px;right:-8px}.corner-tr{top:-8px;left:-8px}.corner-bl{bottom:-8px;right:-8px}.corner-br{bottom:-8px;left:-8px}.certificate-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:40px 30px;display:flex;position:relative}.certificate-logo{margin-bottom:15px}.logo-icon{font-size:3rem}.certificate-title{color:#ffb800;margin-bottom:5px;font-size:2rem;font-weight:700}.certificate-subtitle{color:var(--color-text-muted);letter-spacing:3px;text-transform:uppercase;font-size:.9rem}.decorative-line{color:#ffb800;align-items:center;gap:15px;margin:20px 0;display:flex}.decorative-line .line{background:linear-gradient(90deg,#0000,#ffb800,#0000);width:100px;height:1px}.decorative-line.small{margin:15px 0}.decorative-line.small .line{width:150px}.certificate-pretext{color:var(--color-text-secondary);margin-bottom:5px;font-size:1rem}.certificate-name{color:var(--color-text-primary);background:linear-gradient(135deg,#fff,#ffb800);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:15px;font-size:2rem;font-weight:700}.certificate-text{color:var(--color-text-secondary);margin-bottom:5px;font-size:.95rem}.certificate-book{color:var(--color-orange-primary);margin-bottom:5px;font-size:1.5rem}.certificate-book-subtitle{color:var(--color-text-muted);max-width:400px;font-size:.85rem}.certificate-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:15px;display:flex}.certificate-stats .stat-item{align-items:center;gap:5px;display:flex}.certificate-stats .stat-item .stat-icon{font-size:1rem}.certificate-stats .stat-item .stat-value{color:var(--color-text-primary);font-weight:600}.certificate-stats .stat-item .stat-label{color:var(--color-text-muted);font-size:.8rem}.stat-divider{color:#fff3}.certificate-footer{justify-content:space-between;width:100%;max-width:400px;margin-top:20px;display:flex}.footer-section{text-align:center}.footer-section.signature{flex-direction:column;align-items:center;display:flex}.signature-line{background:var(--color-text-muted);width:120px;height:1px;margin-bottom:8px}.footer-label{color:var(--color-text-muted);font-size:.8rem}.footer-value{color:var(--color-text-primary);margin-top:5px;font-size:.9rem}.certificate-id{color:var(--color-text-muted);letter-spacing:1px;margin-top:auto;padding-top:10px;font-size:.7rem}.certificate-seal{opacity:.8;font-size:3rem;position:absolute;bottom:40px;left:40px}.certificate-actions{gap:15px;display:flex}.action-btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;gap:10px;padding:15px 30px;font-family:inherit;font-size:1rem;font-weight:600;display:flex}.download-btn{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-glow));color:#fff}.download-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 20px #ff6b354d}.download-btn:disabled{opacity:.7;cursor:not-allowed}.share-btn{color:var(--color-text-primary);background:#ffffff1a;border:1px solid #fff3}.share-btn:hover{background:#ffffff26}@media (max-width:768px){.achievements-page{padding:100px 15px 40px}.achievements-header h1{font-size:2rem}.achievements-summary{flex-direction:column;gap:25px}.summary-progress{text-align:center;flex-direction:column}.summary-stats{flex-wrap:wrap;justify-content:center;margin-right:0}.stat-box{min-width:70px;padding:12px 15px}.achievements-tabs{flex-direction:column}.achievements-filter{flex-wrap:wrap}.achievement-card{text-align:center;flex-direction:column;gap:15px}.achievement-info{order:2}.achievement-points{order:3}.certificate{aspect-ratio:auto;min-height:500px}.certificate-content{padding:30px 20px}.certificate-title,.certificate-name{font-size:1.5rem}.certificate-stats{flex-wrap:wrap;justify-content:center}.certificate-footer{flex-direction:column;gap:20px}.certificate-seal{font-size:2rem;bottom:20px;left:20px}.certificate-actions{flex-direction:column;width:100%}.action-btn{width:100%}}
.chat-fab{z-index:9990;background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-dark));color:#fff;cursor:pointer;width:56px;height:56px;transition:box-shadow var(--transition-base);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 20px #ff6b3566,0 2px 8px #0000004d}.chat-fab:hover{box-shadow:var(--shadow-glow-orange)}.chat-fab:focus-visible{outline:2px solid var(--color-orange-primary);outline-offset:3px}.chat-window{z-index:9989;background:var(--color-bg-card);border-radius:var(--radius-lg);width:400px;max-height:560px;box-shadow:var(--shadow-elevated);border:1px solid #ffffff14;flex-direction:column;display:flex;position:fixed;bottom:92px;left:24px;overflow:hidden}.chat-window__header{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-window__title{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:nowrap;align-items:center;gap:8px;font-weight:600;display:flex}.chat-window__title svg{color:var(--color-orange-primary);flex-shrink:0}.chat-window__controls{align-items:center;gap:6px;display:flex}.chat-window__model-select{border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-primary);font-size:var(--font-size-xs);cursor:pointer;direction:ltr;background:#ffffff0f;border:1px solid #ffffff1a;outline:none;max-width:140px;padding:4px 8px}.chat-window__model-select:focus-visible{border-color:var(--color-orange-primary)}.chat-window__model-select option{background:var(--color-bg-card);color:var(--color-text-primary)}.chat-window__close-btn,.chat-window__clear-btn,.chat-window__export-btn{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.chat-window__close-btn:hover,.chat-window__clear-btn:hover{color:var(--color-text-primary)}.chat-window__export-btn:hover{color:var(--color-orange-primary)}.chat-window__clear-btn:hover{color:#ff6b6b}.chat-window__rate-info{font-family:var(--font-primary);color:var(--color-text-muted);text-align:center;background:#ffffff05;border-bottom:1px solid #ffffff0a;padding:4px 16px;font-size:11px}.chat-window__messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;min-height:200px;max-height:360px;padding:16px;display:flex;overflow-y:auto}.chat-window__messages::-webkit-scrollbar{width:4px}.chat-window__messages::-webkit-scrollbar-track{background:0 0}.chat-window__messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.chat-window__messages::-webkit-scrollbar-thumb:hover{background:#fff3}.chat-window__welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;padding:24px 16px;display:flex}.chat-window__welcome-icon{width:48px;height:48px;color:var(--color-orange-primary);background:linear-gradient(135deg,#ff6b3526,#ff6b350d);border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-window__welcome h3{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;font-weight:700}.chat-window__welcome p{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:280px;margin:0;line-height:1.6}.chat-window__suggestions{flex-wrap:wrap;justify-content:center;gap:8px;max-width:340px;margin-top:8px;display:flex}.chat-window__suggestion-btn{border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-primary);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast);direction:rtl;background:#ffffff0f;border:1px solid #ffffff1a;padding:6px 12px;line-height:1.4}.chat-window__suggestion-btn:hover{color:var(--color-orange-primary);background:#ff6b351a;border-color:#ff6b354d}.chat-window__auth-gate{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;padding:40px 20px;display:flex}.chat-window__auth-gate-icon{width:56px;height:56px;color:var(--color-text-muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.chat-window__auth-gate h3{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--color-text-primary);margin:0;font-weight:700}.chat-window__auth-gate p{font-family:var(--font-primary);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.6}.chat-window__auth-gate-btn{border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-dark));color:#fff;font-family:var(--font-primary);font-size:var(--font-size-sm);cursor:pointer;transition:opacity var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 24px;font-weight:600;text-decoration:none;display:inline-flex}.chat-window__auth-gate-btn:hover{opacity:.9}.chat-message{align-items:flex-start;gap:8px;display:flex}.chat-message--user{flex-direction:row-reverse}.chat-message--assistant{flex-direction:row}.chat-message__avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;display:flex}.chat-message--user .chat-message__avatar{color:var(--color-orange-primary);background:#ff6b3526}.chat-message--assistant .chat-message__avatar{color:var(--color-text-secondary);background:#ffffff14}.chat-message__bubble{border-radius:var(--radius-md);max-width:80%;font-family:var(--font-primary);font-size:var(--font-size-sm);padding:10px 14px;line-height:1.7}.chat-message--user .chat-message__bubble{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-dark));color:#fff;border-bottom-left-radius:4px}.chat-message--assistant .chat-message__bubble{color:var(--color-text-primary);background:#ffffff0f;border-bottom-right-radius:4px}.chat-message__text{word-break:break-word}.chat-message--assistant .chat-message__text p{margin:0 0 8px}.chat-message--assistant .chat-message__text p:last-child{margin-bottom:0}.chat-message--assistant .chat-message__text h1,.chat-message--assistant .chat-message__text h2,.chat-message--assistant .chat-message__text h3,.chat-message--assistant .chat-message__text h4{color:var(--color-text-primary);margin:12px 0 6px;font-weight:700;line-height:1.4}.chat-message--assistant .chat-message__text h1{font-size:1.1em}.chat-message--assistant .chat-message__text h2{font-size:1.05em}.chat-message--assistant .chat-message__text h3{font-size:1em}.chat-message--assistant .chat-message__text strong{color:var(--color-text-primary);font-weight:700}.chat-message--assistant .chat-message__text em{color:var(--color-text-secondary);font-style:italic}.chat-message--assistant .chat-message__text a{color:var(--color-orange-primary);text-underline-offset:2px;text-decoration:underline}.chat-message--assistant .chat-message__text a:hover{opacity:.8}.chat-message--assistant .chat-message__text ul,.chat-message--assistant .chat-message__text ol{margin:6px 0;padding-left:0;padding-right:20px}.chat-message--assistant .chat-message__text li{margin-bottom:4px;line-height:1.6}.chat-message--assistant .chat-message__text li::marker{color:var(--color-orange-primary)}.chat-message--assistant .chat-message__text code{color:var(--color-orange-primary);direction:ltr;background:#ffffff14;border:1px solid #ffffff1a;border-radius:3px;padding:1px 5px;font-family:Fira Code,Cascadia Code,monospace;font-size:.88em;display:inline}.chat-message--assistant .chat-message__text pre{border-radius:var(--radius-sm);text-align:left;direction:ltr;background:#0000004d;border:1px solid #ffffff14;margin:8px 0;padding:10px 12px;overflow-x:auto}.chat-message--assistant .chat-message__text pre code{color:var(--color-text-primary);white-space:pre;background:0 0;border:none;padding:0;font-size:.85em}.chat-message--assistant .chat-message__text blockquote{border-right:3px solid var(--color-orange-primary);color:var(--color-text-secondary);border-left:none;margin:8px 0;padding:4px 12px 4px 0;font-style:italic}.chat-message--assistant .chat-message__text table{border-collapse:collapse;width:100%;margin:8px 0;font-size:.9em}.chat-message--assistant .chat-message__text th,.chat-message--assistant .chat-message__text td{text-align:right;border:1px solid #ffffff1a;padding:6px 10px}.chat-message--assistant .chat-message__text th{background:#ffffff0d;font-weight:600}.chat-message--assistant .chat-message__text hr{border:none;border-top:1px solid #ffffff1a;margin:10px 0}.chat-message__actions{gap:4px;margin-top:6px;padding-top:4px;display:flex}.chat-message__action-btn{color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);opacity:0;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px 6px;display:flex}.chat-message--assistant:hover .chat-message__action-btn,.chat-message__action-btn:focus-visible{opacity:1}.chat-message__action-btn:hover{color:var(--color-orange-primary);background:#ff6b351a}.chat-message__rate-btn:hover{color:var(--color-orange-primary)}.chat-message__rated{color:var(--color-orange-primary);opacity:.7;justify-content:center;align-items:center;padding:3px 6px;display:flex}.chat-message__cursor{background:var(--color-orange-primary);vertical-align:text-bottom;width:2px;height:14px;margin-right:2px;animation:.8s infinite chat-cursor-blink;display:inline-block}@keyframes chat-cursor-blink{0%,50%{opacity:1}51%,to{opacity:0}}.chat-window__input-area{background:#ffffff05;border-top:1px solid #ffffff0f;align-items:center;gap:8px;padding:12px 16px;display:flex}.chat-window__input-wrapper{flex:1;position:relative}.chat-window__input{border-radius:var(--radius-sm);width:100%;color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-sm);resize:none;transition:border-color var(--transition-fast);direction:rtl;background:#ffffff0f;border:1px solid #ffffff1a;outline:none;padding:10px 14px 10px 50px}.chat-window__input::placeholder{color:var(--color-text-muted)}.chat-window__input:focus{border-color:var(--color-orange-primary)}.chat-window__char-count{font-family:var(--font-primary);color:var(--color-text-muted);pointer-events:none;direction:ltr;font-size:10px;position:absolute;bottom:50%;left:8px;transform:translateY(50%)}.chat-window__send-btn,.chat-window__stop-btn{border-radius:var(--radius-sm);cursor:pointer;width:40px;min-width:40px;height:40px;transition:opacity var(--transition-fast);border:none;justify-content:center;align-items:center;display:flex}.chat-window__send-btn{background:linear-gradient(135deg,var(--color-orange-primary),var(--color-orange-dark));color:#fff}.chat-window__send-btn:disabled{opacity:.4;cursor:not-allowed}.chat-window__send-btn:not(:disabled):hover{opacity:.9}.chat-window__stop-btn{color:#ff6b6b;background:#ff3b3026;border:1px solid #ff3b3033}.chat-window__stop-btn:hover{background:#ff3b3040}.chat-window__error{border-radius:var(--radius-sm);color:#ff6b6b;font-family:var(--font-primary);font-size:var(--font-size-xs);text-align:center;direction:rtl;background:#ff3b301a;border:1px solid #ff3b3033;margin:0 16px;padding:8px 14px}.chat-window__loading{align-items:center;gap:4px;padding:8px 0;display:flex}.chat-window__loading-dot{background:var(--color-text-muted);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both chat-dot-bounce}.chat-window__loading-dot:first-child{animation-delay:-.32s}.chat-window__loading-dot:nth-child(2){animation-delay:-.16s}.chat-window__loading-dot:nth-child(3){animation-delay:0s}@keyframes chat-dot-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@media (max-width:480px){.chat-fab{width:50px;height:50px;bottom:16px;left:16px}.chat-window{z-index:9999;border:none;border-radius:0;width:100%;max-height:100%;position:fixed;inset:0}.chat-window__messages{flex:1;max-height:none}.chat-window__header{padding:14px 16px}.chat-message__action-btn{opacity:1}.chat-window__suggestions{max-width:100%}}@media (min-width:481px) and (max-width:768px){.chat-window{width:360px}}@media (prefers-reduced-motion:reduce){.chat-message__cursor{opacity:1;animation:none}.chat-window__loading-dot{opacity:.6;animation:none}}