@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Nunito,sans-serif;background:#f7f7f7;color:#1a1a2e}.navbar{background:#fff;border-bottom:2px solid #e5e5e5;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-logo{font-size:22px;font-weight:900;color:#58cc02;text-decoration:none}.navbar-logo span{color:#1a1a2e}.navbar-links{display:flex;align-items:center;gap:16px}.btn-nav{padding:10px 20px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;border:2px solid transparent;font-family:Nunito,sans-serif;text-decoration:none;transition:all .15s}.btn-nav-outline{border-color:#1cb0f6;color:#1cb0f6;background:#fff}.btn-nav-outline:hover{background:#e8f7fe}.btn-nav-primary{background:#58cc02;color:#fff;border-color:#58cc02}.btn-nav-primary:hover{background:#46a302}.hero{background:linear-gradient(135deg,#58cc02,#1cb0f6);padding:80px 24px;text-align:center;color:#fff}.hero h1{font-size:52px;font-weight:900;margin-bottom:16px;line-height:1.1}.hero p{font-size:20px;font-weight:600;margin-bottom:32px;opacity:.95;max-width:600px;margin-left:auto;margin-right:auto}.hero-hebrew{font-size:64px;margin-bottom:16px;display:block}.btn-hero{display:inline-block;padding:16px 40px;background:#fff;color:#58cc02;border-radius:16px;font-size:18px;font-weight:900;text-decoration:none;border:none;cursor:pointer;transition:all .15s;font-family:Nunito,sans-serif;box-shadow:0 4px 0 #e0e0e0}.btn-hero:hover{transform:translateY(-2px);box-shadow:0 6px 0 #e0e0e0}.btn-hero:active{transform:translateY(2px);box-shadow:0 2px 0 #e0e0e0}.features{padding:64px 24px;max-width:1100px;margin:0 auto}.features h2{text-align:center;font-size:32px;font-weight:900;margin-bottom:48px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.feature-card{background:#fff;border-radius:16px;padding:32px 24px;text-align:center;border:2px solid #e5e5e5;transition:all .2s}.feature-card:hover{border-color:#58cc02;transform:translateY(-4px)}.feature-card .icon{font-size:48px;margin-bottom:16px}.feature-card h3{font-size:18px;font-weight:800;margin-bottom:8px}.feature-card p{font-size:14px;color:#666;line-height:1.6}.stats{background:#1a1a2e;padding:48px 24px;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px;max-width:800px;margin:0 auto}.stat{color:#fff}.stat .number{font-size:48px;font-weight:900;color:#58cc02}.stat .label{font-size:16px;font-weight:600;opacity:.8}.courses-section{padding:64px 24px;max-width:1100px;margin:0 auto}.courses-section h2{font-size:32px;font-weight:900;margin-bottom:32px;text-align:center}.course-card{background:#fff;border-radius:16px;border:2px solid #e5e5e5;overflow:hidden;transition:all .2s;text-decoration:none;color:inherit;display:block}.course-card:hover{border-color:#58cc02;transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.course-card-header{background:linear-gradient(135deg,#58cc02,#1cb0f6);padding:32px;text-align:center;color:#fff}.course-card-header .lang-icon{font-size:56px;margin-bottom:8px}.course-card-header h3{font-size:20px;font-weight:900}.course-card-body{padding:20px}.course-card-body p{font-size:14px;color:#666;margin-bottom:16px;line-height:1.6}.progress-bar-container{background:#e5e5e5;border-radius:8px;height:10px;margin-bottom:8px}.progress-bar{background:#58cc02;border-radius:8px;height:10px;transition:width .3s}.progress-text{font-size:12px;color:#888;font-weight:600}.btn-start{display:block;width:100%;padding:12px;background:#58cc02;color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif;text-align:center;text-decoration:none;margin-top:12px;transition:all .15s;box-shadow:0 4px 0 #46a302}.btn-start:hover{background:#46a302;transform:translateY(-2px)}.btn-start:active{transform:translateY(2px);box-shadow:0 2px 0 #46a302}.lesson-card{background:#fff;border-radius:12px;border:2px solid #e5e5e5;padding:16px 20px;display:flex;align-items:center;gap:16px;margin-bottom:12px;text-decoration:none;color:inherit;transition:all .2s}.lesson-card:hover{border-color:#1cb0f6;transform:translateX(4px)}.lesson-card.completed{border-color:#58cc02;background:#f0fce7}.lesson-icon{width:48px;height:48px;border-radius:50%;background:#1cb0f6;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;color:#fff;font-weight:900}.lesson-icon.completed{background:#58cc02}.lesson-info{flex:1 1}.lesson-info h3{font-size:16px;font-weight:700;margin-bottom:4px}.lesson-info p{font-size:13px;color:#888}.lesson-points{font-size:14px;font-weight:700;color:#ff9600}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#58cc02,#1cb0f6);padding:24px}.auth-card{background:#fff;border-radius:20px;padding:40px;width:100%;max-width:420px;box-shadow:0 20px 60px rgba(0,0,0,.15)}.auth-card .logo{font-size:32px;font-weight:900;color:#58cc02;margin-bottom:4px}.auth-card .logo span{color:#1a1a2e}.auth-card p{color:#888;font-size:15px;margin-bottom:28px}.auth-card h1{font-size:26px;font-weight:900;margin-bottom:4px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:14px;font-weight:700;margin-bottom:6px;color:#444}.form-group input{width:100%;padding:12px 16px;border:2px solid #e5e5e5;border-radius:12px;font-size:15px;font-family:Nunito,sans-serif;outline:none;transition:border .2s}.form-group input:focus{border-color:#58cc02}.btn-submit{width:100%;padding:14px;background:#58cc02;color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:800;cursor:pointer;font-family:Nunito,sans-serif;margin-top:8px;box-shadow:0 4px 0 #46a302;transition:all .15s}.btn-submit:hover{background:#46a302;transform:translateY(-2px)}.btn-submit:active{transform:translateY(2px);box-shadow:0 2px 0 #46a302}.btn-submit:disabled{background:#ccc;box-shadow:none;cursor:not-allowed}.auth-link{text-align:center;margin-top:20px;font-size:14px;color:#888}.auth-link a{color:#1cb0f6;font-weight:700;text-decoration:none}.alert{padding:12px 16px;border-radius:10px;font-size:14px;font-weight:600;margin-bottom:16px}.alert-error{background:#fff0f0;color:#ff4b4b;border:2px solid #ffd0d0}.alert-success{background:#f0fce7;color:#46a302;border:2px solid #c3e6a0}.dashboard{max-width:1100px;margin:0 auto;padding:32px 24px}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:28px;font-weight:900}.dashboard-header p{color:#888;font-size:15px}.streak-card{background:linear-gradient(135deg,#ff9600,#fc0);border-radius:16px;padding:20px 24px;color:#fff;display:flex;align-items:center;gap:16px;margin-bottom:24px}.streak-card .fire{font-size:40px}.streak-card h3{font-size:20px;font-weight:900}.streak-card p{font-size:14px;opacity:.9}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:20px;gap:20px}.quiz-container{max-width:640px;margin:40px auto;padding:0 24px}.quiz-progress{margin-bottom:24px}.quiz-progress-bar{background:#e5e5e5;border-radius:8px;height:12px}.quiz-progress-fill{background:#58cc02;border-radius:8px;height:12px;transition:width .3s}.quiz-card{background:#fff;border-radius:20px;padding:32px;border:2px solid #e5e5e5;margin-bottom:24px}.quiz-hebrew{font-size:56px;text-align:center;margin-bottom:8px;direction:rtl}.quiz-question{font-size:20px;font-weight:800;text-align:center;margin-bottom:24px}.quiz-option{width:100%;padding:14px 20px;border:2px solid #e5e5e5;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;font-family:Nunito,sans-serif;background:#fff;margin-bottom:12px;text-align:left;transition:all .15s}.quiz-option:hover{border-color:#1cb0f6;background:#f0f9ff}.quiz-option.correct{border-color:#58cc02;background:#f0fce7;color:#46a302}.quiz-option.wrong{border-color:#ff4b4b;background:#fff0f0;color:#ff4b4b}footer{background:#1a1a2e;color:#fff;text-align:center;padding:32px 24px;font-size:14px;opacity:.8}@media (max-width:768px){.hero h1{font-size:32px}.features-grid,.stats-grid{grid-template-columns:1fr}.stats-grid{gap:16px}}