*{margin:0;padding:0;box-sizing:border-box}body{background-color:#0d0d23;color:#fff;font-family:cursive}main{display:flex;justify-content:center;margin-top:70px;align-items:center;height:calc(100vh - 118px);text-align:center}.hero-content{max-width:700px;padding:20px}h1{font-size:1.4rem;margin-bottom:5px;color:#fff;font-family:cursive}h1 .code-icon{font-size:1.5rem}h2{font-size:6.7rem;color:#a9a9ff;margin-bottom:10px}.h2{margin-top:-30px;color:#d1d1e0}p{font-size:1.2rem;margin-bottom:30px;color:#d1d1e0}.b{background:none;border-color:#9acd32;border-radius:15px 30px;padding:5px 15px}.cta-button{background-color:#7036ff;padding:12px 25px;color:#fff;border:5px solid #4109da;border-radius:15px;text-decoration:none;font-size:1.1rem;font-weight:400;transition:background-color .3s ease;font-family:Cascadia Code}.cta-button:hover{background-color:#42218a}.secondary-button{color:#fff;display:block;margin-left:265px;margin-top:35px;text-decoration:none;font-size:1.06rem;width:20%}footer{text-align:center;padding:10px;background-color:#18182c;color:#d1d1e0}footer p{margin-top:10px;margin-bottom:10px;font-size:1rem}header{top:0;width:100%;padding:15px 20px;position:fixed;background:#16153ab3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 8px 20px #000000b3}.hamburger-icon,.close-icon{display:none}nav.mobile-show{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background-color:#16153ab3}nav.mobile-show ul{flex-direction:column;align-items:center}nav.mobile-show ul.ul li{margin:10px 0}header nav{display:flex;justify-content:space-around;align-items:center;width:100%}header nav ul{list-style:none;display:flex;gap:30px}header nav ul li a{color:#fff;text-decoration:none;font-size:1rem;font-family:cursive;transition:color .3s}.font{margin-right:5px;display:inline-block}.ul a:hover{color:#a9a9ff}.theme-switch{background:none;border:none;color:#fff;font-size:1rem;margin-top:-3px;cursor:pointer;transition:color .3s ease}.theme-switch:hover{color:#a9a9ff}body.light-mode{background-color:#e7e4df;color:#333}body.light-mode header{background:#ffffffb3;box-shadow:0 4px 20px #0006}body.light-mode nav.mobile-show{background-color:#fff}body.light-mode .hero-content h1,body.light-mode .hero-content .h2,body.light-mode p{color:#333}body.light-mode h2{color:#8e8ee6}body.light-mode .cta-button{background-color:#007bff;color:#fff}body.light-mode .cta-button:hover{background-color:#0056b3}body.light-mode .secondary-button{color:#007bff}body.light-mode footer{background-color:#fff;color:#333}body.light-mode header nav ul li a{color:#333}body.light-mode header nav ul li a:hover{color:#0056b3}body.light-mode .hamburger-icon,body.light-mode .close-icon{color:#000}body.light-mode .feature-box{background-color:#f7f7f7}body.light-mode h3{color:#333}body.light-mode .login-container,body.light-mode .register-container{background-color:#fff}body.light-mode .l,body.light-mode label{color:#333}body.light-mode .bsf{background-color:#333;color:#fff}body.light-mode .t1{background-color:#fff}.features-section{display:inline;opacity:0;transform:translateY(100px);transition:all 2s ease-out;margin-bottom:70px;margin-top:50px}.features-section.visible{opacity:1;transform:translateY(0)}.features-section h2{margin-top:40px;text-align:center;font-size:46px;margin-bottom:40px}.features-section h2 span{color:#7036ff}.features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.feature-box{background-color:#18182b;border-radius:10px;padding:20px;max-width:300px;text-align:center;box-shadow:0 20px 50px #700707cc;transition:transform .3s;margin-bottom:30px}.feature-box:hover{transform:translateY(-10px)}.feature-box i{font-size:36px;margin-bottom:20px;color:#7036ff}.feature-box h3{color:#fff;font-size:22px;margin-bottom:10px}.feature-box p{color:#a9a9ff;font-size:16px}.pane{display:flex;flex-direction:column;height:100vh}.editor-buttons{display:flex;justify-content:space-around;margin-bottom:10px}.editor-buttons button{padding:10px 20px;cursor:pointer;border:none;border-radius:10px;background-color:#3a3a3a;color:#fff;font-size:14px;font-weight:700;font-family:cursive;transition:background-color .3s,transform .3s}.editor-buttons button:hover{background-color:#575757;transform:scale(1.05)}.editor-container{display:flex;flex-direction:column}iframe{margin-top:50px;margin-bottom:10px;border:none;width:100%;border-radius:15px;height:420px}.editor-title{background-color:#3a3a3a;padding:10px;margin-bottom:-100px;color:#fff;font-size:1.2rem}.editor-container>div{border:1px solid #444;border-radius:10px;background-color:#282a36;margin-bottom:10px;padding:10px}.login-container{width:400px;margin:220px auto 0;padding:30px;border:1px solid #ccc;border-radius:10px;background-color:#18182b;box-shadow:10px 10px 70px #39c22de6}.login-container .l{text-align:center;margin-bottom:30px;color:#fff;font-size:99px}.login-container form{display:flex;flex-direction:column}.login-container label{margin-bottom:5px;font-size:18px;font-family:cursive;color:#fff}.login-container input[type=text],.login-container input[type=password]{padding:10px;margin-bottom:15px;border:3px solid #ccc;border-radius:8px;width:99%}.login{padding:10px;margin-right:-5px;margin-left:-10px;font-size:22px;margin-top:10px;font-family:cursive;background-color:#4caf50;color:#fff;border:none;border-radius:15px;cursor:pointer}.login:hover{background-color:#45a049}.b1{text-decoration:none;margin-top:20px;width:100%;border-radius:16px;background-color:#af8787;color:#fff;border:0px;font-size:18px;padding:10px;font-family:cursive}.b1:hover{color:#000}.register-container{width:550px;margin:160px auto 20px;padding:30px;border:1px solid #ccc;border-radius:10px;background-color:#18182b;box-shadow:10px 10px 70px #39c22de6}.register-container .l{text-align:center;margin-bottom:20px;color:#fff;margin-top:10px;font-size:99px}.register-container form{display:flex;margin-left:10px;margin-right:30px;flex-direction:column}.register-container label{margin-bottom:5px;font-size:18px;margin-left:10px;color:#fff;font-family:cursive}.register-container input[type=text],.register-container input[type=email],.register-container input[type=password]{padding:10px;width:99%;margin-left:10px;margin-bottom:15px;border:3px solid #ccc;border-radius:8px}.submit{padding:10px;background-color:#28a745;color:#fff;font-size:20px;border:none;font-family:cursive;margin-right:-20px;border-radius:15px;cursor:pointer}.submit:hover{background-color:#218838}.register-container a:hover{text-decoration:underline}.editor-title1{margin-top:-30px;background:none;margin-bottom:0}.python-compiler{display:flex;margin-top:90px;flex-direction:column;gap:1rem}.editor-output-container{display:inline-flex;gap:1rem;height:750px}.editor{height:750px;flex:1}.output{flex:1}textarea{width:100%;height:750px;resize:none;background-color:#1e1e1e;color:#fff;border:none;padding:1rem;font-size:1rem}.compile-btn{display:inline;border-radius:10px;font-family:cursive;padding:.5rem 1rem;font-size:1rem;margin-left:65%;background-color:#444;color:#fff;border:none;cursor:pointer}.toggle-btn{margin-left:5%;margin-top:3px;border-radius:10px;background-color:#444;font-family:cursive;color:#fff;font-size:1rem;border:none;padding:.5rem;cursor:pointer}.collapsed .output{display:none}.chatbot-container{margin-top:100px;margin-left:40px;display:inline}.chat-form{display:inline;bottom:10px;position:absolute;width:100%}.t1{display:inline;background-color:#0d0d23;width:91.5%;margin-left:90px;color:#fff;border-radius:15px;padding:13px;font-size:1.1rem;font-family:cursive;bottom:10px;position:fixed}.bsf{padding:15px 25px;font-family:cursive;border:2px;font-size:1.1rem;border-radius:15px;display:flex;position:fixed;bottom:10px;margin-left:90%}.answer{margin-top:50px;padding:10px;margin-left:40px;font-size:1.2rem;text-align:justify}@media (max-width: 1100px){.bsf{margin-left:85%}.t1{margin-left:5%}}@media (max-width: 700px){main{max-width:100%;width:auto}h2{font-size:90px;width:90%;margin-left:30px}h1{font-size:18px;font-weight:300}p{font-size:20px}.cta-button{font-size:16px}.secondary-button{font-size:16px;margin-left:31%;width:40%}ul.ul{display:none}.hamburger-icon{margin-left:70%;display:block;position:static;color:#fff}nav.mobile-show ul.ul{display:flex;margin:10px}header{max-width:auto;width:100%}.close-icon{display:block;color:#fff;position:absolute;top:-30px;right:20px}.mobile-show{margin-top:-30px}.mobile-show .code{display:none}.mobile-show .close-icon{margin-top:40px}.mobile-show .hamburger-icon{display:none}.hero-content{margin-top:-100px}.theme-switch{margin-left:15px}.login-container,.register-container{width:80%;padding:20px}.b1{font-size:17px}.register-container .l{font-size:66px}.editor-title1{margin-top:-10px}.toggle-btn{margin-left:5%}.compile-btn{margin-left:50%}.bsf{padding:15px;font-size:1rem;left:75.2%}.answer{width:90%}}@media (max-width: 350px){.hamburger-icon{margin-left:55%}h2{font-size:60px}.h2{margin-left:10px}p{font-size:18px}.cta-button,.secondary-button,h1{font-size:14px}.compile-btn{margin-left:30%}.t1{font-size:14px;margin-left:10%;width:85%;bottom:4%}.bsf{bottom:4%;margin-left:-8%;font-size:14px}.chat-form{bottom:20px;width:90%}.answer{font-size:.7rem;width:85%}}@media (max-width: 400px){.hamburger-icon{margin-left:55%}.bsf{margin-left:-5%}.t1{margin-left:5%}}