.dots-loader-container{display:flex;justify-content:center;align-items:center}.dot{width:7px;height:7px;background-color:#3498db;border-radius:50%;margin:0 5px;animation:bounce 1.5s infinite ease-in-out}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}}.login-page{max-width:400px;margin:5% auto;padding:50px;background-color:#1e1e1e;border-radius:5px;box-shadow:0 0 10px #0003;text-align:center;color:#bfbfbf}.login-page h2{font-size:1.5rem;margin-bottom:40px}.login-btn{width:100%;padding:10px;background-color:#0056b3;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:30px}.login-btn:hover{background-color:#007bff}.error-msg{text-align:center;color:red}.signup-link{margin-top:10px;font-size:small}.signup-page{max-width:400px;margin:2% auto;padding:50px 50px 0;background-color:#1e1e1e;border-radius:5px;box-shadow:0 0 10px #0003;text-align:center;color:#bfbfbf;overflow-y:hidden}.signup-page h2{font-size:2rem;margin-bottom:40px}.form-group{margin-bottom:30px;text-align:left}input{width:100%;padding:10px;border-radius:5px;background-color:#bfbfbf}.signup-btn{width:100%;padding:10px;background-color:#0056b3;color:#fff;border:none;border-radius:5px;cursor:pointer;margin-top:30px}.signup-btn:hover{background-color:#007bff}.login-link{margin-top:10px;font-size:small}.question-list-area{padding:3% 13%}.list-title{color:#bfbfbf;margin-bottom:3%}.title-row{color:#bfbfbf;margin-bottom:.3%;padding:1%}.question-list{margin:0 auto;padding:20px 30px;background-color:#1e1e1e;border-radius:10px;color:#bfbfbf;line-height:1.7;box-shadow:0 0 10px #0000001a}.question-title-area{font-size:18px;margin-bottom:10px}.question-title-text{color:#bfbfbf;text-decoration:none}.question-title-text:hover{color:#0c77e2}.difficulty{padding:4px 8px;font-size:14px;margin-right:10px}.easy{color:#00b898}.medium{color:#f69c49}.hard{color:#ff3750}.tags{display:flex}.tag{background-color:#bfc0c2;color:#434242;padding:0 5px;margin-right:5px;border-radius:5px;font-size:14px}.no-questions{text-align:center;margin-top:5%;font-size:larger}.page{margin:3% 5%;padding-bottom:80px}.backend-banner{position:fixed;bottom:20px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:600px;background:rgba(222,14,14,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);padding:12px 24px;border-radius:16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 32px #0000005e;z-index:1000;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.banner-icon{font-size:1.2rem}.banner-text{color:#ffffffe6;font-size:.9rem;font-weight:500;line-height:1.4;letter-spacing:.3px}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@media (max-width: 600px){.backend-banner{bottom:10px;padding:10px 16px;border-radius:12px}.banner-text{font-size:.8rem}}.profile-page{color:#bfbfbf;padding:2%}.stats{padding:0 5% 0 20%}.info{padding:2% 5% 0 3%;border:1px solid rgba(191,191,191,.3);border-radius:20px;margin:1% 2% 1% 0}.info-title{color:#f0f8ff;font-size:larger;margin-bottom:15px}.console-details{padding:15px;margin:0 20px;border:1px solid rgba(191,191,191,.3);border-radius:5%;background-color:#1e1e1e}body{padding:0;margin:0;background-color:#282828;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.lang{margin:0 10px 2px;padding:5px;background-color:#1e1e1e}select{text-align:center;border:none;background-color:#1e1e1e;color:#bfbfbf}.question-statement{padding:30px;background-color:#1e1e1e;color:#bfbfbf;border-right:10px solid #282828;border-left:20px solid #282828;height:91vh;overflow-y:scroll}.solution{height:100%;border-right:10px solid #282828;padding:0}::-webkit-scrollbar{width:3px;height:1px}::-webkit-scrollbar-thumb{background:#636262;border-radius:5px}.buttons-section{margin:10px 10px 0;padding:10px 15px;background-color:#1e1e1e;text-align:right}.submit-btn{background-color:#2ab25d;padding:5px 15px;color:#fff}.submit-btn:hover{background-color:#45e482}.statement{margin-bottom:35px}.examples{margin-bottom:35px;line-height:1}.bold{color:#f4f1f1}.console-button{padding:1%;border:none;background-color:#1e1e1e;color:#bfbfbf;margin-bottom:10px}.console-area{box-shadow:0 4px 6px #e4e2e21a;padding:10px 15px;background-color:#282828;border:1px solid rgba(191,191,191,.3);line-height:1}.editor{height:77vh;margin:0 10px}.green-txt{color:#2ab25d}.red-txt{color:#ef4743}#instructions{margin-left:5%;margin-right:5%;width:150px;line-height:2}#instruction{color:#1e1e1e;width:200px;padding:2%}.navbar{padding:5px 20px;background-color:#1e1e1e;color:#bfbfbf;position:sticky;border-bottom:10px solid #282828;border-left:10px solid #282828;border-right:10px solid #282828}.navbar-brand:hover{text-shadow:0 0 4px rgba(255,255,255,.8);text-decoration:underline}.nav-buttons{text-align:end}.nav-button{margin:0 20px}