* { margin: 0; padding: 0; box-sizing: border-box; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; } body { background-color: #f0f4f8; color: #1e293b; padding: 40px 20px; line-height: 1.6; } .main-wrapper { max-width: 1200px; margin: 0 auto; } .atama-top-nav { display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; } .atama-back-btn { display: inline-flex; align-items: center; gap: 8px; text-decoration: none; color: #2563eb; background: #ffffff; padding: 10px 18px; border-radius: 10px; font-weight: 600; box-shadow: 0 2px 6px rgba(0,0,0,0.06); transition: all 0.2s; } .atama-back-btn:hover { background: #2563eb; color: #ffffff; } .section-title { font-size: 2rem; color: #0f172a; margin-bottom: 25px; position: relative; padding-left: 15px; } .section-title::before { content: ''; position: absolute; left: 0; top: 15%; height: 70%; width: 5px; background-color: #2563eb; border-radius: 4px; } .lessons-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 25px; margin-bottom: 60px; } .lesson-card { background: white; border-radius: 166px; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); transition: transform 0.3s ease, box-shadow 0.3s ease; display: flex; flex-direction: column; border: 1px solid #e2e8f0; } .lesson-card:hover { transform: translateY(-5px); box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.1); } .lesson-content { padding: 25px; display: flex; flex-direction: column; flex-grow: 1; } .badge { display: inline-block; align-self: flex-start; padding: 4px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; margin-bottom: 15px; text-transform: uppercase; } .badge.video { background-color: #fee2e2; color: #dc2626; } .badge.audio { background-color: #e0f2fe; color: #0369a1; } .badge.speaking { background-color: #dcfce7; color: #15803d; } .lesson-card h3 { font-size: 1.3rem; color: #0f172a; margin-bottom: 10px; } .lesson-card p { color: #64748b; font-size: 0.95rem; margin-bottom: 20px; flex-grow: 1; } .lesson-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px solid #f1f5f9; padding-top: 15px; } .lesson-time { font-size: 0.85rem; color: #94a3b8; } .btn-start { background-color: #2563eb; color: white; text-decoration: none; padding: 8px 18px; border-radius: 8px; font-size: 0.9rem; font-weight: 500; transition: background 0.2s; } .btn-start:hover { background-color: #1d4ed8; } .terms-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; } .term-card { background: white; border-radius: 12px; padding: 20px; border-left: 4px solid #3b82f6; box-shadow: 0 2px 4px rgba(0,0,0,0.02); transition: all 0.2s; } .term-card:hover { border-left-width: 8px; background-color: #fafafa; } .term-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; } .term-word { font-size: 1.15rem; font-weight: 700; color: #1e3a8a; } .term-transcription { font-size: 0.9rem; color: #64748b; font-style: italic; } .term-meaning { font-size: 0.95rem; color: #334155; margin-bottom: 10px; } .term-example { font-size: 0.85rem; color: #475569; background-color: #f8fafc; padding: 8px; border-radius: 6px; border-inline-start: 3px solid #cbd5e1; } .term-example strong { color: #0f172a; } @media (max-width: 640px) { body { padding: 20px 10px; } .section-title { font-size: 1.6rem; } .lessons-grid { grid-template-columns: 1fr; } .terms-grid { grid-template-columns: 1fr; } }
Main page Learning platform

Bepul darslar

AI Tizim

Real Time Nazorat

Biz AI orqali sizning speaking qobiliyatingizni ko'taramiz. Har bir darslik real time'da mukammal AI nazoratida o'tadi and xatolaringizni o'sha zahoti aniqlaydi.

⏱ Onlayn Try it free
Skill-up

Level up your skills

Har bir darslik real time tizimida faqat sizning shaxsiy skillingizni oshirishga xizmat qiladi. Sun'iy intellekt sizga moslashtirilgan dasturni shakllantiradi.

⏱ Aktiv Skillni oshirish
Jonli Muloqot

Real Time Muloqot

Hech qanday quruq testlarsiz, tizim ichida real time'da jonli muloqot qilasiz. Nutqni rivojlantirishning eng tezkor and innoandtsion sun'iy intellekt uslubi.

⏱ Jonli Muloqotni boshlash

Mashhur iqtiboslar

"Connect to YouTube, Google."
Otabek Mahkamov
"Excuse me, who are you?"
Otabek Mahkamov
"I am an international journalist, a lawyer."
Otabek Mahkamov
"Who are you to give me a grade?"
Otabek Mahkamov