@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap");*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:black;color:#e7e7e7;min-height:100vh;line-height:1.5;overflow-x:hidden}.image-gradient{top:0;opacity:.5}.image-gradient,.layer-blur{position:absolute;right:0;z-index:-1}.layer-blur{height:0;width:30rem;top:20%;box-shadow:0 0 700px 15px white;rotate:-30deg}.container{width:100%;margin:0 auto;padding:0;position:relative;overflow:hidden}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 5rem;z-index:999}.logo,header h1{margin:0;font-size:3rem;font-weight:300}nav{display:flex;align-items:center;gap:3rem;margin-left:-5%}nav a{font-size:1rem;letter-spacing:.1rem;transition:color .2s ease;text-decoration:none;color:inherit}nav a:hover{color:#a7a7a7}main{display:flex;flex-direction:column;justify-content:center;min-height:calc(90vh - 6rem)}.content{max-width:40rem;margin-left:10%;z-index:999}.tag-box{margin:0 auto 1rem 1.55rem;position:relative;width:18rem;height:2.5rem;border-radius:50px;background:linear-gradient(90deg,#656565,#7f42a7,#6600c5,#5300a0,#757575,#656565);background-size:200%;animation:animationGradient 2.5s linear infinite;box-shadow:0 0 5px rgb(255,255,255,.3)}@keyframes animationGradient{to{background-size:200%}}.tag-box .tag{position:absolute;inset:3px 3px 3px 3px;background-color:black;border-radius:50px;display:flex;justify-content:center;align-items:center;transition:.5s ease;cursor:pointer}.tag-box .tag:hover{color:#5300a0}.content h1{font-size:4rem;font-weight:600;letter-spacing:.1em;margin:2rem 0;line-height:1.2;text-shadow:0 0 10px rgba(128,128,128,.418)}.discription{font-size:1.2rem;letter-spacing:.05em;max-width:35rem;color:gray}.buttons{display:flex;gap:1rem;margin-top:3rem}.btn-get-started{color:#a7a7a7;text-decoration:none;border:1px solid #2a2a2a;padding:.7rem 1.2rem;border-radius:50px;font-size:1.2rem;font-weight:600;letter-spacing:.1em;transition:background-color .2s ease}.btn-get-started:hover{background-color:#1a1a1a}.btn-signing-main{background-color:lightgray;color:black;text-decoration:none;padding:.6rem 2.5rem;border-radius:50px;font-size:1.2rem;font-weight:600;letter-spacing:.1em;transition:background-color .2s ease}.btn-signing-main:hover{background-color:#36363687}.auth-box{margin:1.5rem auto 0 26.5rem;padding:2.5rem 2rem;background:rgba(30,32,44,.95);border-radius:1.5rem;box-shadow:0 8px 48px 0 rgba(0,0,0,.25);max-width:400px;width:100%;display:flex;flex-direction:column;align-items:center}.auth-heading{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:600;text-align:center;margin:0 0 .5rem;color:#e7e7e7;letter-spacing:.05em;line-height:1.2}.auth-label{font-size:1.1rem;font-weight:500;color:#cbd5e0;display:block;margin-top:1rem;text-align:left}.auth-input,.auth-label{font-family:Poppins,sans-serif;margin-bottom:.5rem;width:100%}.auth-input{padding:.6rem 2rem;border-radius:.5rem;border:1px solid #444;background:#111;color:#e7e7e7;font-size:1rem;outline:none;transition:border .2s}.auth-input:focus{border:1.5px solid #7f42a7}.auth-button{width:60%;padding:1rem;margin-top:1.2rem;background:linear-gradient(90deg,#7f42a7,#5300a0);color:white;font-family:Poppins,sans-serif;font-weight:600;border-radius:.5rem;cursor:pointer;border:none;font-size:1.1rem;letter-spacing:.04em;box-shadow:0 2px 12px 0 rgba(127,66,167,.12);transition:background .2s}.auth-button:hover{background:linear-gradient(90deg,#5300a0,#7f42a7)}.auth-error{color:#f87171;text-align:center;margin-bottom:1rem}.auth-toggle{text-align:center;color:#7f42a7;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;margin-top:1rem}.flex{display:flex}.gap-4{gap:1rem}.justify-center{justify-content:center}.mb-6{margin-bottom:1.5rem}@media (max-width:1300px){header{padding:1rem .5rem}.content{margin-top:85%}}@media (max-width:768px){header{padding:1rem .1rem}nav{display:none}.logo,header h1{font-size:2rem}.btn-signing{padding:.6rem 1.5rem}.content{max-width:30rem;margin-left:10%;margin-top:25rem}.tag-box{width:12rem;margin:auto}.content h1{font-size:2.5rem}.discription{font-size:1rem}.btn-get-started{font-size:.8rem;padding:.5rem 1.2rem}.btn-signing-main{font-size:.8rem;padding:.5rem 2rem}.auth-box{padding:1.5rem .5rem;max-width:95vw;margin:2rem auto 0}.auth-heading{font-size:2rem}}.auth-button-room{width:100%;padding:.75rem;margin-top:1.2rem;background:linear-gradient(90deg,#7f42a7,#5300a0);color:white;font-family:Poppins,sans-serif;font-weight:600;border-radius:.5rem;cursor:pointer;border:none;font-size:1.1rem;letter-spacing:.04em;box-shadow:0 2px 12px 0 rgba(127,66,167,.12);transition:background .2s}.auth-button-room:hover{background:linear-gradient(90deg,#5300a0,#7f42a7)}.spinner-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(30,32,44,.5);display:flex;align-items:center;justify-content:center;z-index:2000}.laptop-spinner{display:block;margin:auto}