@import"https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;700&family=Vidaloka&display=swap";html{width:100%;height:100%;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar{display:none}body{width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;font-family:Barlow,Arial,sans-serif;background-color:#0f1617;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%;overflow-x:hidden}body{width:100%;min-height:100vh;overflow-x:hidden;overflow-y:auto;margin:0;padding:0;position:relative}#root{width:100%;min-height:100vh}.app{position:relative;width:100%;min-height:100vh;font-family:Barlow,Arial,sans-serif;color:#fff}.scene{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1}.scene--full{width:100%;height:100%}.content{position:relative;width:100%;min-height:100vh;top:0;left:0;z-index:100;pointer-events:none;display:flex;align-items:flex-start;justify-content:center;padding:6rem 2rem 4rem}.content__inner{position:relative;text-align:center;pointer-events:auto;z-index:101;max-width:1400px;width:100%}.content__title{font-size:4rem;font-weight:700;margin:0 0 1rem;line-height:1.2;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.8),0 2px 10px rgba(19,117,106,.5);font-family:Vidaloka,serif;letter-spacing:.02em}.content__description{font-size:1.25rem;color:#13756a;margin:0 0 3rem;text-shadow:0 2px 15px rgba(0,0,0,.8);font-weight:400}.language-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3rem;max-width:1100px;margin-left:auto;margin-right:auto;perspective:1000px}.language-card{background:#13756a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(19,117,106,.3);border-radius:16px;padding:2rem 1.5rem;text-align:center;cursor:pointer;will-change:transform,box-shadow;transform-style:preserve-3d;perspective:1000px}.language-card:hover{background:#13756a33;border-color:#13756a99}.language-icon{width:60px;height:60px;margin:0 auto 1rem;background:#13756a4d;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#13756a;border:2px solid rgba(19,117,106,.5)}.language-card h3{font-size:1.25rem;font-weight:600;margin:0 0 .5rem;color:#fff}.language-card p{font-size:.9rem;color:#13756a;margin:0;opacity:.8}@media(max-width:1200px){.language-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.language-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.content{padding:4rem 1rem 2rem}.content__inner{max-width:100%}.content__title{font-size:2rem;line-height:1.1}.content__description{font-size:.95rem;margin-bottom:2rem}.language-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;max-width:100%}.language-card{padding:1.25rem .75rem}.language-icon{width:45px;height:45px;font-size:1.1rem;margin-bottom:.75rem}.language-card h3{font-size:1rem;margin-bottom:.25rem}.language-card p{font-size:.8rem}}@media(max-width:480px){.content{padding:3rem .75rem .75rem}.content__title{font-size:1.75rem}.content__description{font-size:.9rem}.language-grid{grid-template-columns:1fr;gap:.75rem}.language-card{padding:1.5rem 1rem}.language-icon{width:50px;height:50px;font-size:1.2rem}}.back-button{background:#13756a33;color:#13756a;border:2px solid rgba(19,117,106,.5);padding:.75rem 1.5rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:pointer;margin-bottom:2rem;pointer-events:auto;will-change:transform}.back-button:hover{background:#13756a4d;border-color:#13756ab3}.learning-content{width:100%;max-width:1000px;margin:0 auto;display:flex;flex-direction:column;gap:2rem}.language-section{background:#13756a1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(19,117,106,.3);border-radius:16px;padding:2rem;transition:all .3s ease}.language-section:hover{border-color:#13756a80;box-shadow:0 10px 30px #13756a33}.language-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem;text-align:left}.language-header .language-icon{flex-shrink:0;margin:0}.language-header h3{font-size:1.5rem;font-weight:600;margin:0 0 .25rem;color:#fff}.language-header p{font-size:.9rem;color:#13756a;margin:0;opacity:.8}.topics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.topic-link{display:block;background:#13756a26;border:1px solid rgba(19,117,106,.3);border-radius:8px;padding:1rem 1.25rem;color:#fff;text-decoration:none;font-size:.95rem;font-weight:500;text-align:left;will-change:transform,background,border-color}.topic-link:hover{background:#13756a40;border-color:#13756a99;color:#13756a}@media(max-width:768px){.back-button{padding:.625rem 1.25rem;font-size:.9rem}.learning-content{gap:1.25rem}.language-section{padding:1.25rem}.language-header{flex-direction:row;align-items:center;gap:1rem}.language-header .language-icon{margin:0;width:50px;height:50px;font-size:1.2rem}.language-header h3{font-size:1.25rem}.language-header p{font-size:.85rem}.topics-grid{grid-template-columns:1fr;gap:.75rem}.topic-link{padding:.875rem 1rem;font-size:.9rem}}@media(max-width:480px){.back-button{padding:.5rem 1rem;font-size:.85rem;margin-bottom:1.5rem}.learning-content{gap:1rem}.language-section{padding:1rem;border-radius:12px}.language-header{gap:.75rem}.language-header .language-icon{width:45px;height:45px;font-size:1.1rem}.language-header h3{font-size:1.1rem}.language-header p{font-size:.8rem}.topics-grid{gap:.5rem}.topic-link{padding:.75rem .875rem;font-size:.85rem}}