html,body{margin:0;padding:0;overflow-x:hidden;background-size:cover;background-repeat:no-repeat!important}@media (max-width: 768px){html,body{background-size:contain;background-position:top}}main{max-width:100%;overflow-x:hidden}section{padding:60px 20px}img{max-width:100%;height:auto;display:block}.container{max-width:1200px;margin:0 auto;padding:0 15px}.desktop-nav button{margin-left:10px}input{color:#f0f8ff}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#fffc;z-index:9999;position:fixed;top:0;left:0;right:0;bottom:0}.loader{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:5px}.split-piece{width:15px;height:15px;background-color:#5f9ea0;animation:expand-shrink-animation 1.5s ease-in-out infinite;border-radius:3px}@keyframes expand-shrink-animation{0%{transform:scale(1);opacity:1;margin:0}50%{transform:scale(2);opacity:.6;gap:40px}to{transform:scale(1);opacity:1;gap:5px}}.language-list{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto;font-size:1rem}.language-item{display:flex;justify-content:space-between;align-items:center;border:1px solid #ccc;padding:10px 14px;border-radius:8px}.language-name{font-weight:700;flex:1}.language-stars{font-size:1.2rem;color:orange;flex:1;text-align:center}.language-level{font-size:.9rem;flex:1;text-align:right;text-transform:capitalize}.language-level.beginner{color:#f44336}.language-level.intermediate{color:#ff9800}.language-level.fluent{color:#4caf50}.language-level.native{color:#2196f3}.active-link{border-bottom:2px solid #fff;color:#f50057}.desktop-nav button:hover{color:#f50057;transform:scale(1.1);transition:all .3s ease}body{margin:0;background:radial-gradient(circle,#5f9ea0);overflow:hidden}.app-container{text-align:center}.section{margin:50px;padding:20px;border:1px solid #ccc}.dot{position:absolute;border-radius:50%;background-color:#5f9ea0;width:5px;height:5px;animation:sprinkleAnim .6s ease-out forwards;pointer-events:none}@keyframes sprinkleAnim{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(var(--dx),var(--dy)) scale(.5)}}
