@import url("https://raw.githubusercontent.com/btcgamer/english-with-mariami/7aa37ee3b9cc95677d81bb67c09e6dd9d32d825a/css/style.css");

/* 3D lesson-page upgrade */
.lesson-nav{perspective:1000px}
.lesson-nav button{background:linear-gradient(145deg,#fff,#eef0ff)!important;border:1px solid #d9d4ff!important;color:#4d467d!important;box-shadow:0 10px 22px rgba(53,45,100,.12),inset 0 1px #fff!important;transition:.25s!important;position:relative}
.lesson-nav button:hover{transform:translateY(-5px) rotateX(4deg)!important;box-shadow:0 18px 30px rgba(53,45,100,.18)!important}
.lesson-nav button.active{background:linear-gradient(135deg,#8f83ff,#6c5ce7)!important;color:#fff!important;box-shadow:0 15px 30px rgba(108,92,231,.35)!important}
.lesson-card{background:linear-gradient(145deg,#fff,#f5f3ff)!important;border:1px solid rgba(108,92,231,.16)!important;border-radius:28px!important;box-shadow:0 18px 40px rgba(53,45,100,.13),inset 0 1px #fff!important;transform:perspective(1100px) rotateX(1deg);transition:.3s!important}
.lesson-card:hover{transform:perspective(1100px) translateY(-7px) rotateX(2deg) rotateY(-1deg)!important;box-shadow:0 28px 55px rgba(53,45,100,.19)!important}
.vocab{perspective:900px}
.vocab div{background:linear-gradient(145deg,#fff,#eef0ff)!important;border:1px solid #e4e0f5;box-shadow:0 8px 16px rgba(53,45,100,.08);transition:.22s;transform-style:preserve-3d}
.vocab div:hover{transform:translateY(-4px) rotateX(3deg) rotateY(-2deg);box-shadow:0 14px 24px rgba(53,45,100,.14)}
.lesson-list{perspective:1000px}
.lesson-list a{background:linear-gradient(145deg,#fff,#f0efff)!important;border:1px solid #ddd8f6!important;border-radius:17px!important;color:#4d467d!important;box-shadow:0 9px 20px rgba(53,45,100,.09)!important;transition:.22s!important}
.lesson-list a:hover{border-color:#8f83ff!important;transform:translateY(-5px) rotateX(3deg)!important;box-shadow:0 16px 28px rgba(53,45,100,.16)!important}
.quiz button{background:linear-gradient(145deg,#fff,#f7f5ff)!important;border:1px solid #ddd8f6!important;border-radius:14px!important;box-shadow:0 7px 16px rgba(53,45,100,.08)!important;transition:.2s!important}
.quiz button:hover{transform:translateY(-3px) translateZ(8px)!important;box-shadow:0 12px 22px rgba(53,45,100,.14)!important}
.quiz .ok{background:linear-gradient(145deg,#e8fff1,#c9f6da)!important}
.quiz .no{background:linear-gradient(145deg,#fff0f0,#ffd9d9)!important}
@media(max-width:700px){.lesson-card{transform:none!important}.lesson-card:hover{transform:translateY(-4px)!important}}