body{background:linear-gradient(#0009,#000c),url(/pereklada4/static/media/photo.6ef5f69b073e4ae176f3.jpg) no-repeat 50% fixed;background-size:cover;color:#f1f1f1;font-family:Segoe UI,sans-serif;margin:0;transition:background .3s,color .3s}.app{display:flex;flex-direction:column;min-height:100vh}.app.dark{color:#f1f1f1}main{flex:1 1}.logo{color:#00d9ff;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #00d9ff99}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border-bottom:1px solid #00d9ff4d;flex-wrap:nowrap;justify-content:space-between;padding:15px 40px}.nav-left,.navbar{align-items:center;display:flex}.nav-left{gap:25px}.nav-links{align-items:center}.theme-btn{box-shadow:0 0 8px #00d9ff33;font-size:1.2rem;padding:8px}.theme-btn:hover{box-shadow:0 0 15px #00bfff80;transform:scale(1.05)}.theme-btn{align-items:center;border:none;border-radius:50%;display:flex;font-size:1.3rem;height:40px;justify-content:center;width:40px}.app.dark .theme-btn{background-color:#222;color:#fff}.app.dark .theme-btn:hover{background-color:#333;transform:scale(1.08)}.app.light .theme-btn{background-color:#eaeaea;color:#111}.app.light .theme-btn:hover{background-color:#d6d6d6;transform:scale(1.08)}.app.dark .theme-btn{background:#0000004d}@media (max-width:768px){.navbar{flex-direction:column;gap:10px}.nav-links{justify-content:space-between;width:100%}.theme-btn{font-size:1.3rem;height:45px;width:45px}}.nav-links{display:flex;gap:20px}.nav-btn{background:#0000;border:2px solid #00d9ff;border-radius:10px;box-shadow:0 0 10px #00d9ff33;color:#00d9ff;font-weight:600;padding:10px 18px;text-decoration:none;transition:all .3s ease}.nav-btn:hover{background:#00d9ff;box-shadow:0 0 20px #00d9ff80;color:#0b0b0b;transform:translateY(-2px)}.nav-btn.active{background-color:#00bfff;box-shadow:0 0 15px #00bfff;color:#000;transform:scale(1.05)}.theme-btn{background:#0000;border:2px solid #00d9ff;border-radius:8px;color:#00d9ff;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .3s ease}.theme-btn:hover{background:#00d9ff;box-shadow:0 0 20px #00bfff66;color:#0b0b0b}.app.dark .theme-btn{border-color:#00d9ff;color:#00d9ff}.app.dark .theme-btn:hover{background:#00d9ff;color:#0b0b0b}.card,.flashcard-container,.translator-box,.translator-card{border-radius:15px;margin:40px auto;max-width:800px;padding:25px;transition:all .3s ease}.translator-box,.translator-card{max-width:700px}.app.light .card,.app.light .flashcard-container,.app.light .translator-box,.app.light .translator-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(241,244,252,.166);border:2px solid #0078d740;box-shadow:0 10px 25px #0078d726;color:#000}.app.light .card,.app.light .flashcard-container,.app.light .translator-card{box-shadow:0 8px 25px #0078d740;color:#fff}.app.dark .card,.app.dark .flashcard-container,.app.dark .translator-box,.app.dark .translator-card{background:#191923d9;border:1px solid #ffffff26;box-shadow:0 8px 20px #00d9ff26;color:#f0f0f0}.translator-card h2{color:inherit;font-weight:600;letter-spacing:.5px;margin-bottom:1.2rem;text-align:center}.tabs{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-bottom:1.2rem}.tab{background:#ffffff14;border:none;border-radius:10px;color:#f6f4f4;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .25s ease}.app.dark .tab{background:#00000026;color:#ddd}.tab:hover{background:#ffffff2e}.app.dark .tab:hover{background:#32323ce6}.tab.active{background:#0078d7;box-shadow:0 2px 6px #0078d766;color:#fff}.translator-box{border:1px solid #f603031a;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;padding:16px}.input-area{background:#b2b2b2b3;border-radius:10px;box-sizing:border-box;color:#fff;font-size:16px;min-height:100px;outline:none;padding:12px 14px;resize:none;transition:all .25s ease;width:100%}.app.dark .input-area{background:#191923d9;color:#f0f0f0}.input-area:focus{background:#00000040;box-shadow:0 0 0 3px #dbe2e94d}.app.dark .input-area:focus{background:#282832e6}.output-area{background:#b2b2b2b3;border:1px solid #bab4b41a;border-radius:10px -2px;color:#fff;min-height:60px;overflow-wrap:break-word;padding:12px -2px;width:100%}.app.dark .output-area{background:#14141ed9;border:1px solid #ffffff26;color:#f0f0f0}.dictionary-list{display:flex;flex-wrap:wrap;gap:20px 20px;justify-content:flex-start}.dictionary-item{align-items:center;background:#00000040;border:1px solid #fff3;border-radius:8px;box-sizing:border-box;display:flex;flex-basis:calc(50% - 10px);flex-direction:row;flex-grow:1;flex-shrink:1;gap:12px;padding:12px}.dictionary-item .word{font-weight:700}.dictionary-item .transcription{color:#7a8c99;font-style:italic}.dictionary-item .translation{color:#c2dde4;font-style:italic}.icon{font-size:1.6rem;transition:all .3s ease}.app.light .icon{color:#0078d7;filter:drop-shadow(0 0 5px rgba(0,120,215,.3))}.app.dark .icon{color:#00d9ff;filter:drop-shadow(0 0 5px rgba(0,191,255,.4))}.flashcard-container{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;min-height:100vh;padding:20px;transition:background .3s,color .3s}.flashcard-container.light{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#ecedef);color:#fff}.flashcard-container.dark{background:linear-gradient(135deg,#141414,#1a1a1a);color:#f5f5f5}.test-menu{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:20px;max-width:900px;width:100%}.test-card{align-items:center;background:#282828e6;border:2px solid #0000;border-radius:20px;color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-align:center;transition:all .3s ease}.test-card:hover{border-color:#00d9ff;box-shadow:0 10px 30px #00d9ff4d;transform:translateY(-5px)}.test-icon{font-size:3.5rem;margin-bottom:15px}.test-title{font-size:1.2rem;font-weight:700}.card-wrapper{margin-bottom:20px;max-width:500px;perspective:1200px}.card-wrapper,.flashcard{display:flex;justify-content:center;width:100%}.flashcard{align-items:center;background-color:#dbe7f0;border-radius:20px;box-shadow:0 12px 30px #00000040;box-sizing:border-box;color:#333;cursor:pointer;font-size:28px;height:280px;padding:20px;position:relative;text-align:center;transform-style:preserve-3d;transition:transform .6s,box-shadow .3s}.flashcard-container.dark .flashcard{background-color:#3b3c55;color:#f5f5f5}.flashcard.flipped{transform:rotateY(180deg)}.flashcard .back,.flashcard .front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;font-size:1.5rem;height:100%;justify-content:center;padding:10px;position:absolute;width:100%}.flashcard .back{transform:rotateY(180deg)}.buttons-wrapper{display:flex;gap:12px;margin-bottom:20px;max-width:500px;width:100%}.buttons-wrapper .btn{background-color:#00d9ff;border:none;border-radius:12px;color:#141414;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:12px 0;transition:all .2s ease}.buttons-wrapper .btn:hover{background-color:#00b8d4;box-shadow:0 5px 15px #00d9ff66;transform:translateY(-2px)}.buttons-wrapper .btn.selected{background-color:#ffce00;color:#141414}.restart-btn{background-color:#2196f3;border:none;border-radius:12px;box-shadow:0 5px 15px #0003;color:#fff;cursor:pointer;font-size:14px;margin-top:15px;padding:10px 20px;transition:transform .2s,box-shadow .2s}.restart-btn:hover{box-shadow:0 7px 20px #0000004d;transform:scale(1.05)}.progress-text{font-size:16px;margin-top:10px;text-align:center}.custom-test{display:flex;flex-direction:column;gap:10px;margin-top:40px;max-width:500px;width:100%}.custom-test input{border:1px solid #555;border-radius:8px;font-size:14px;padding:10px;width:100%}.custom-test button{width:-webkit-fit-content;width:fit-content}@media (max-width:768px){.test-menu{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.flashcard{font-size:22px;height:220px}.buttons-wrapper .btn{font-size:14px;padding:10px 0}.test-icon{font-size:2.5rem}.test-title{font-size:1rem}.navbar{align-items:stretch;flex-direction:column;padding:0}.navbar,.navbar-top{box-sizing:border-box}.navbar-top{align-items:center;display:flex;justify-content:space-between;padding:10px 15px;width:100%}.logo{font-size:1.4rem}.theme-btn{flex-shrink:0;font-size:20px;height:50px;padding:0;width:50px}.desktop-links{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:8px 15px;width:100%}.desktop-links .nav-btn{box-sizing:border-box;flex:1 1 auto;font-size:16px;max-width:150px;padding:12px 10px;text-align:center;white-space:nowrap}.mobile-menu{background:#000000d9;box-sizing:border-box;display:none;flex-direction:column;gap:10px;padding:10px 15px;width:100%}.mobile-menu.open{display:flex}.mobile-menu .nav-btn{font-size:16px;padding:12px 0;text-align:center;width:100%}.test-menu{gap:12px}.dictionary-list,.test-menu{grid-template-columns:repeat(2,1fr)}.dictionary-list{grid-gap:10px;display:grid;gap:10px}.dictionary-item{flex-direction:column;padding:10px}.dictionary-item .word-row{align-items:center;display:flex;flex-wrap:nowrap;gap:5px;justify-content:space-between}.dictionary-item .word-row .translation,.dictionary-item .word-row .word{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dictionary-item .transcription{color:#b0b0b0;font-style:italic;margin-top:2px;white-space:normal}.flashcard{font-size:20px;height:240px}.buttons-wrapper{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);width:100%}.buttons-wrapper .btn{box-sizing:border-box;font-size:16px;padding:14px 0;width:100%}}@media (max-width:480px){.desktop-links{gap:6px}.nav-btn{font-size:15px;max-width:120px;padding:10px 8px}.buttons-wrapper,.dictionary-list,.test-menu{grid-template-columns:repeat(2,1fr)}.flashcard{font-size:18px;height:200px}}.Home{background-color:#141414;color:#fff;font-family:Arial,sans-serif;min-height:100vh}.Home .hero{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#ecedef);display:flex;height:90vh;justify-content:center;overflow:hidden;position:relative}.Home .hero:before{background:url(https://images.unsplash.com/photo-1456513080510-7bf3a84b82f8?ixlib=rb-4.0.3&auto=format&fit=crop&w=1973&q=80) 50%/cover;opacity:.15;z-index:0}.Home .hero:after,.Home .hero:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.Home .hero:after{background:#00000080;z-index:1}.Home .hero-content{animation:fadeInUp 1s ease;max-width:800px;padding:0 20px;position:relative;text-align:center;z-index:2}.Home .hero h1{color:#00d9ff;font-size:5rem;font-weight:700;margin-bottom:20px;text-shadow:0 5px 20px #00d9ff80}.Home .hero p{color:#e0e0e0;font-size:1.8rem;line-height:1.6;margin-bottom:40px}.Home .start-btn{background:#00d9ff;border:none;border-radius:50px;box-shadow:0 10px 30px #00d9ff66;color:#141414;cursor:pointer;font-size:1.3rem;font-weight:700;padding:16px 40px;transition:all .3s ease}.Home .start-btn:hover{background:#00b8d4;box-shadow:0 15px 40px #00d9ff99;transform:translateY(-3px)}.Home .levels-section{background:#1a1a1a;padding:80px 20px}.Home .container{margin:0 auto;max-width:1200px}.Home .levels-section h2{color:#00d9ff;font-size:2.5rem;margin-bottom:50px;text-align:center}.Home .cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.Home .card{background:#282828e6;border:2px solid #0000;border-radius:15px;color:#fff;cursor:pointer;display:block;padding:30px;text-decoration:none;transition:all .3s ease}.Home .card:hover{background:#3c3c3ce6;border-color:#00d9ff;box-shadow:0 15px 40px #00d9ff4d;transform:translateY(-10px)}.Home .card-content h3{color:#00d9ff;font-size:1.8rem;margin-bottom:10px}.Home .card-content p{color:#b0b0b0;font-size:1rem}.Home .features-section{background:#0f0f0f;padding:80px 20px}.Home .features-section h2{color:#00d9ff;font-size:2.5rem;margin-bottom:50px;text-align:center}.Home .features-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.Home .feature-card{background:#1e1d1de6;border:2px solid #0000;border-radius:15px;padding:40px 30px;text-align:center;transition:all .3s ease}.Home .feature-card:hover{border-color:#00d9ff;box-shadow:0 10px 30px #00d9ff33;transform:translateY(-5px)}.Home .feature-icon{font-size:3.5rem;margin-bottom:20px}.Home .feature-card h3{color:#00d9ff;font-size:1.5rem;margin-bottom:15px}.Home .feature-card p{color:#b0b0b0;font-size:1rem;line-height:1.6}.Home .cta-section{background:linear-gradient(135deg,#16213e,#0f3460);padding:100px 20px;text-align:center}.Home .cta-content h2{color:#fff;font-size:3rem;margin-bottom:20px}.Home .cta-content p{color:#e0e0e0;font-size:1.3rem;margin-bottom:40px}.Home .cta-btn{background:#00d9ff;border:none;border-radius:50px;box-shadow:0 10px 30px #00d9ff66;color:#141414;cursor:pointer;font-size:1.3rem;font-weight:700;padding:16px 50px;transition:all .3s ease}.Home .cta-btn:hover{background:#00b8d4;box-shadow:0 15px 40px #00d9ff99;transform:translateY(-3px)}.Home .home-footer{background:#0a0a0a;color:#666;font-size:.9rem;padding:30px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.Home .hero{height:auto;padding:60px 15px}.Home .hero h1{word-wrap:break-word;font-size:2.8rem;line-height:1.2}.Home .hero p{font-size:1.2rem;line-height:1.5;margin-bottom:30px}.Home .hero-content{padding:0 10px}.Home .start-btn{box-sizing:border-box;font-size:1.25rem;margin-top:10px;padding:18px 0;width:100%}.Home .cta-content h2,.Home .features-section h2,.Home .levels-section h2{font-size:1.8rem}.Home .cards,.Home .features-grid{grid-gap:15px;box-sizing:border-box;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);width:100%}.Home .card,.Home .feature-card{box-sizing:border-box;max-width:100%;padding:22px;width:100%}.Home .card-content h3,.Home .feature-card h3{font-size:1.35rem}.Home .card-content p,.Home .feature-card p{font-size:1rem}.Home .cta-content p{font-size:1.15rem}.Home .cta-btn{box-sizing:border-box;font-size:1.25rem;padding:18px 0;width:100%}}@media (max-width:480px){.Home .cards,.Home .features-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);width:100%}.Home .card,.Home .feature-card{max-width:100%;width:100%}.Home .hero h1{font-size:2rem}.Home .hero p{font-size:1rem}.Home .cta-btn,.Home .start-btn{font-size:1.15rem;padding:16px 0}.Home .cta-content h2{font-size:1.6rem}.Home .cta-content p{font-size:.95rem}}
/*# sourceMappingURL=main.0ffb15ee.css.map*/