*{margin:0;padding:0}body{min-height:100vh}*{margin:0}body,html{min-height:100vh;background-image:url(/assets/finishedwarp-DFJLVvQ1.png);background-size:cover;background-repeat:no-repeat;background-position:center}body,html{margin:0;padding:0;font-family:Arial,sans-serif;width:100%;background-color:#f0f0f0;display:flex;justify-content:center;align-items:center}.container{display:flex;width:90%;height:90vh;background-color:#fff;box-shadow:0 4px 10px #0000001a;border-radius:8px;overflow:hidden}.leftside{width:50%;display:flex;flex-direction:column;padding:20px;background-color:#f9f9f9;border-right:1px solid #ddd}.leftside label{font-weight:700;margin-bottom:8px;display:block;color:#333}.leftside textarea{flex:1;margin-bottom:15px;font-family:monospace;font-size:14px;padding:10px;border:1px solid #ccc;border-radius:4px;resize:none;background-color:#fff;color:#333;box-sizing:border-box}.leftside textarea:last-child{margin-bottom:0}.rightside{width:80vw;padding:5px;background-color:#f9f9f9;display:flex;flex-direction:column}.rightside label{font-weight:700;margin-bottom:8px;color:#333}iframe{flex:1;border:1px solid #ddd;border-radius:4px;background-color:#fff}.navbar{width:100%;height:60px;background-color:#0a0a0a;display:flex;align-items:center;justify-content:space-between;padding:0 20px;box-shadow:0 2px 10px #00000080}.navbar a{color:#fff;text-decoration:none;font-size:1.2rem;font-weight:700;transition:color .3s ease}.navbar a:hover{color:#0fc}.login-container{width:300px;margin:20px auto;padding:20px;background-color:#1a1a1a;border-radius:10px;box-shadow:0 4px 15px #00000080}.login-container h2{color:#0fc;text-align:center;margin-bottom:20px;font-family:Orbitron,sans-serif}.login-container input[type=text],.login-container input[type=password]{width:100%;padding:10px;margin-bottom:10px;border:none;border-radius:5px;background-color:#333;color:#fff;font-size:1rem}.login-container button{width:100%;padding:10px;border:none;border-radius:5px;background-color:#0fc;color:#000;font-size:1rem;font-weight:700;cursor:pointer;transition:background-color .3s ease}.login-container button:hover{background-color:#008b75}body{background-color:#121212;font-family:Roboto,sans-serif;color:#fff}h1,h2{text-align:center;font-family:Orbitron,sans-serif}button{display:block;margin:20px auto;padding:15px 30px;background-color:#0fc;color:#000;font-size:1.2rem;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#008b75}.popular-proj-container{margin:50px auto;padding:20px;background-color:#1a1a1a;border-radius:10px;width:80%;box-shadow:0 4px 15px #00000080}.popular-proj-container ul{list-style-type:none;padding:0}.popular-proj-container li{padding:10px;background-color:#333;margin-bottom:10px;border-radius:5px;transition:background-color .3s ease}.popular-proj-container li:hover{background-color:#444}