:root{--primary:#3db2ff;--secondary:#ffb02e;--success:#58cc02;--error:#ff4b4b;--bg-color:#f7f7f7;--card-bg:#fff;--text-main:#3c3c3c}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;background-color:#f7f7f7;background-color:var(--bg-color);color:#3c3c3c;color:var(--text-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;overflow-x:hidden}.btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s;width:100%}.btn:active{transform:scale(.98)}.btn-primary{background-color:#3db2ff;background-color:var(--primary);box-shadow:0 4px 10px #3db2ff4d;color:#fff}.btn-success{background-color:#58cc02;background-color:var(--success);color:#fff}.btn-error{background-color:#ff4b4b;background-color:var(--error);color:#fff}.login-screen{align-items:center;background:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.key-input{border:2px solid #eee;border-radius:12px;font-size:1.2rem;margin:20px 0;max-width:300px;outline:none;padding:15px;text-align:center;transition:border-color .3s;width:100%}.key-input:focus{border-color:#3db2ff;border-color:var(--primary)}.app-container{background:#fff;display:flex;flex-direction:column;margin:0 auto;max-width:600px;min-height:100vh;position:relative;width:100%}@media (max-width:600px){.app-container{box-shadow:none}}.dashboard-header{align-items:center;background:#fff;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.lessons-grid{grid-gap:15px;display:grid;gap:15px;padding:20px}.lesson-card{align-items:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 2px 5px #00000008;cursor:pointer;display:flex;gap:15px;padding:15px;transition:all .2s}.lesson-card:hover{border-color:#3db2ff;border-color:var(--primary);box-shadow:0 5px 15px #00000014;transform:translateY(-2px)}.icon-box{align-items:center;border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:20px;height:50px;justify-content:center;width:50px}.progress-bar{background:#e5e5e5;border-radius:4px;height:8px;margin-top:6px;width:100%}.progress-fill{background:#58cc02;background:var(--success);border-radius:4px;height:100%}.responsive-img{display:block;height:auto;width:100%}.lesson-view-container{background:linear-gradient(135deg,#4b3832,#1e1b18);height:100vh;overflow:hidden;width:100%}.tiktok-scroll-container{-ms-overflow-style:none;height:100vh;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%}.tiktok-scroll-container::-webkit-scrollbar{display:none}.tiktok-card{align-items:center;box-sizing:border-box;display:flex;height:100vh;justify-content:center;overflow:hidden;padding:20px;position:relative;scroll-snap-align:start;scroll-snap-stop:always;width:100%}.card-bg-layer{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.animated-bg{animation:zoomEffect 20s linear infinite alternate;height:100%;object-fit:cover;width:100%}.bg-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;height:100%;left:0;position:absolute;top:0;width:100%}@keyframes zoomEffect{0%{transform:scale(1)}to{transform:scale(1.2)}}.card-content-wrapper{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;justify-content:center;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:100%;z-index:10}.swipe-hint{animation:bounce 1.5s infinite;color:#666;font-size:.9rem;font-weight:700;margin-top:20px;text-align:center}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.bg-slideshow{inset:0;overflow:hidden;position:fixed;z-index:0}.bg-slideshow__layer{background-position:50%;background-size:cover;inset:0;position:absolute;transform:scale(1.04);will-change:opacity}.bg-slideshow__layer--current{animation:bgFadeCurrent 8s linear infinite;opacity:1}.bg-slideshow__layer--next{animation:bgFadeNext 8s linear infinite;opacity:0}.bg-slideshow__overlay{background:radial-gradient(circle at top,#00000040,#0009);inset:0;position:absolute}@keyframes bgFadeCurrent{0%{opacity:1}70%{opacity:1}to{opacity:0}}@keyframes bgFadeNext{0%{opacity:0}70%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.bg-slideshow__layer--current,.bg-slideshow__layer--next{animation:none}.bg-slideshow__layer--next{display:none}}.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffeb;border:1px solid #ffffff73}
/*# sourceMappingURL=main.7e75f3d6.css.map*/