.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;font-size:1.4rem;color:#a78bfa;background-color:#111}.dot-loader{display:flex;font-size:3rem;font-weight:700;gap:.3rem;margin-bottom:1rem}.dot-loader span{animation:blink 1s infinite;opacity:.3}.dot-loader span:nth-child(2){animation-delay:.2s}.dot-loader span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.3}50%{opacity:1}}body,html,#root{margin:0;padding:0;height:100%;width:100%;background-color:#111;font-family:Rubik,sans-serif;color:#fff;display:block}.App{text-align:center;width:100%;max-width:800px;padding:1rem}.welcome-text{font-size:1.5rem;font-weight:500;color:#ccc;margin-bottom:1.5rem}.dashboard{background-color:#1a1a1a;padding:2rem;border-radius:12px;width:100%;display:flex;flex-direction:column;gap:2rem;box-shadow:0 0 12px #00000080}.button-container{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}button{background-color:#000;color:#fff;border:1px solid white;padding:.6rem 1.2rem;border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:1rem;font-weight:500}button:hover{background-color:#fff;color:#000}.challenge-area{background:#222;border:1px solid #333;padding:1.5rem;border-radius:8px;color:#fff;text-align:left;white-space:pre-wrap;line-height:1.6;font-size:1rem}.difficulty-controls{display:flex;gap:.5rem;justify-content:center;align-items:center;color:#ccc}select{padding:.4rem .8rem;background-color:#111;color:#fff;border:1px solid #444;border-radius:4px}.auth-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;width:100%}.auth-container{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#1a1a1a;padding:2rem;border-radius:12px;box-shadow:0 0 20px #a78bfa33;width:100%;max-width:400px;gap:1rem}.auth-container input{width:75%;padding:.75rem;border-radius:20px;border:3px solid transparent;background-color:#2b2b2b;color:#fff;font-size:1rem;transition:border-color .2s ease,background-color .2s ease}.auth-container input:focus{outline:none;border-color:#a78bfa;background-color:#3a3a3a}.auth-container form{width:100%}.auth-container input::placeholder{color:#c2bfff}.auth-container button{background-color:#a78bfa;color:#000;padding:.6rem 1.2rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.auth-container{display:flex;align-items:center;background-color:#1a1a1a;padding:2rem;border-radius:14px;box-shadow:0 0 10px #00000080;width:100%;max-width:400px}.auth-container button:hover{background-color:#c4b5fd}.auth-container input::placeholder{color:#eee}@media(max-width:600px){.dashboard{padding:1.5rem}button{width:100%}.button-container{flex-direction:column;align-items:stretch}}.auth-form{display:flex;flex-direction:column;gap:1rem;width:100%}.form-title{color:#a78bfa;font-size:1.4rem;margin-bottom:.5rem}.form-error{color:#ff4d4d;font-size:.95rem;margin-top:-.6rem}.dashboard-wrapper{display:flex;height:100vh;background-color:#111;color:#fff}.sidebar{background-color:#1a1a1a;padding:2rem 1rem;width:220px;display:flex;flex-direction:column;gap:1rem;box-shadow:4px 0 10px #0000004d}.sidebar h2{font-size:1.5rem;margin-bottom:2rem;color:#a78bfa}.sidebar button{background:none;color:#fff;border:1px solid #444;border-radius:6px;padding:.5rem 1rem;text-align:left;cursor:pointer;transition:background .2s ease}.sidebar button:hover{background-color:#333}.logout-btn{margin-top:auto;border-color:red;color:red}.main-content{flex:1;padding:2rem;overflow-y:auto}.dashboard-header{margin-bottom:2rem;font-size:1.1rem;color:#ccc}.challenge-section{background-color:#1e1e1e;padding:2rem;border-radius:12px;box-shadow:0 0 10px #0006}.getting-started{padding:2rem;max-width:800px;margin:0 auto;color:#fff}.getting-started h1{color:#a78bfa;margin-bottom:1rem}.getting-started section{margin-top:2rem}pre{background-color:#1e1e1e;padding:1rem;border-radius:6px;overflow-x:auto;font-family:Fira Code,monospace}