body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--clr-1:#ffafbd;--clr-2:#ffc3a0;--clr-3:#a18cd1;--clr-4:#fbc2eb;--glass:#ffffff8c}#root,body,html{font-family:Segoe UI,sans-serif;height:100%;margin:0;padding:0;width:100%}body{animation:gradientShift 12s ease infinite;background:linear-gradient(45deg,#ffafbd,#ffc3a0,#a18cd1,#fbc2eb);background:linear-gradient(45deg,var(--clr-1),var(--clr-2),var(--clr-3),var(--clr-4));background-size:400% 400%}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.wrapper{display:flex;height:100%;width:100%}.sidebar{animation:slideIn .8s ease-out forwards;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff8c;background:var(--glass);border-right:2px solid #ffffff4d;box-shadow:8px 0 20px #0000000d;max-width:260px;overflow-y:auto;overscroll-behavior:contain;padding:2rem 1rem;transform:translateX(-100%);width:20%}@keyframes slideIn{to{transform:translateX(0)}}.title{color:#6b34e5;font-size:1.6rem;font-weight:700;margin-bottom:1.8rem;text-align:center;text-shadow:0 1px 2px #00000026}.level-group:not(:last-of-type){border-bottom:1px dashed #6b34e52e;padding-bottom:.6rem}.level-label{align-items:center;background:#0000;border:none;color:#6b34e5;cursor:pointer;display:flex;font:700 .85rem/1 Segoe UI,sans-serif;justify-content:space-between;letter-spacing:.4px;margin:1rem 0 .3rem;opacity:.85;outline:none;padding:.25rem .25rem .25rem 0;text-transform:uppercase;transition:color .25s;width:100%}.level-label .chevron{border-bottom:2px solid;border-right:2px solid;height:.6rem;transform:rotate(-45deg);transition:transform .25s;width:.6rem}.level-label.open .chevron{transform:rotate(45deg)}.links-wrap{overflow:hidden;transition:max-height .3s ease}.links-wrap.hide{max-height:0}.links-wrap.show{max-height:800px}.nav-link{background:linear-gradient(135deg,#a968ff33,#fff6);border-radius:.75rem;color:#4b1da1;display:block;font-weight:600;margin:.15rem 0;padding:.75rem 1rem;text-decoration:none;transition:transform .25s,box-shadow .25s}.nav-link:hover{box-shadow:0 6px 15px #0000001a;transform:translateX(4px) scale(1.03)}.nav-link.active{background:#6b34e5;box-shadow:0 6px 18px #6b34e573;color:#fff}.content{align-items:flex-start;display:flex;height:100%;justify-content:center;overflow-y:auto;padding:2rem;width:80%}.iframe-wrapper{animation:fadeIn .8s ease-out .2s both;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff8c;background:var(--glass);border-radius:1.5rem;box-shadow:0 10px 25px #00000014;overflow:hidden;width:100%}@keyframes fadeIn{to{opacity:1}}iframe{border:none;height:80vh;width:100%}@media(max-width:768px){.wrapper{flex-direction:column;height:auto}.sidebar{border-bottom:2px solid #ffffff4d;border-right:none;box-shadow:none;height:auto;overflow:visible;padding:1.5rem 1rem;position:relative;width:100%}.content{padding:1rem;width:100%}.iframe-wrapper{border-radius:1rem;box-shadow:none;height:75vh}iframe{height:75vh}}body{background:linear-gradient(90deg,#f0f8ff,#e0f7fa);color:#333;font-family:Poppins,sans-serif;margin:0;overflow-x:hidden;padding:0}header{animation:fadeInDown 1s ease-in-out;padding:50px 20px;text-align:center}header h1{color:#004d40;font-size:3rem}header p{color:#00695c;font-size:1.3rem}.emoji{font-size:2rem;margin:0 5px}.explore-btn{animation:bounce 2s infinite;border:none;border-radius:10px;box-shadow:0 8px 15px #00796b4d;cursor:pointer;display:block;font-size:1.5rem;margin:40px auto;padding:20px 40px;text-align:center;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.explore-btn:hover{background-color:#004d40}.features{animation:fadeInUp 1.5s ease-in-out;max-width:1000px}.feature{background:#fff;border-radius:20px;box-shadow:0 10px 20px #0000001a;padding:30px;text-align:center;width:250px}.feature h3{color:#00796b}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.features{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin:40px auto;max-width:900px}.feature{background-color:#f9f9f9;border-radius:12px;box-shadow:0 2px 10px #00000014;flex:1 1 400px;padding:25px;transition:transform .2s ease}.feature:hover{transform:translateY(-4px)}.note-box{background-color:#f0f4f8;border-left:4px solid #00796b;border-radius:4px;color:#333;font-size:.9rem;margin-top:15px;padding:12px 14px}.explore-btn{background-color:#00796b;border-radius:8px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;margin-top:15px;padding:12px 20px;text-decoration:none}.explore-btn.python{background-color:indigo}
/*# sourceMappingURL=main.2c22dbf3.css.map*/