.d1,.d2,.d3{align-items:center;display:flex;justify-content:center}.d2,.d3{align-items:center;padding:5px}li{color:#f5f5f5}h1{color:#c792ea}h2{color:#f5f5f5}.d{background:linear-gradient(145deg,#1a1a1a,#222);border:1px solid #0000;border-radius:20px;box-shadow:0 4px 30px #0000004d,inset 0 0 0 1px #ffffff0d;cursor:default;overflow:hidden;padding:32px;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:500px}.d:before{background:radial-gradient(circle at center,#7b61ff26 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:scale(0);transition:transform .8s cubic-bezier(.68,-.55,.265,1.55);width:200%}.d:hover{border-color:#7b61ff66;box-shadow:0 15px 40px #0006,inset 0 0 0 1px #7b61ff4d;transform:translateY(-10px) scale(1.02)}.d:hover:before{transform:scale(1)}.d ul{margin-bottom:28px;padding-left:0;z-index:2}.d li,.d ul{position:relative}.d li{color:#d1d1d1;font-size:15px;line-height:1.6;list-style-type:none;margin-bottom:16px;padding-left:28px;transition:all .4s ease}.d li:before{background:#7b61ff;border-radius:50%;content:"";height:12px;left:0;position:absolute;top:8px;transform:scale(.6);transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:12px}.d:hover li{color:#fff;transform:translateX(4px)}.d:hover li:before{box-shadow:0 0 10px #7b61ff80;transform:scale(1)}.d2{margin-top:24px;position:relative;transition:all .4s ease;z-index:2}.d:hover .d2{transform:translateY(-4px)}button{background:linear-gradient(135deg,#7b61ff,#5e3bff);border-radius:8px;box-shadow:0 4px 16px #7b61ff4d;font-weight:600;letter-spacing:.5px;padding:14px 28px;transition:all .3s ease}button:hover{box-shadow:0 6px 20px #7b61ff66;transform:translateY(-2px)}body{background-color:#1a1c23;font-family:Poppins sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.main{height:100vh}.login-container,.main{align-items:center;justify-content:center}.login-container{background:linear-gradient(145deg,#1a1a1a,#222);border:1px solid #0000;border-radius:20px;box-shadow:0 4px 30px #0000004d,inset 0 0 0 1px #ffffff0d;cursor:default;display:flex;overflow:hidden;padding:32px;position:relative;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:500px}.login-container:before{background:radial-gradient(circle at center,#7b61ff26 0,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;transform:scale(0);transition:transform .8s cubic-bezier(.68,-.55,.265,1.55);width:200%}.login-container:hover{border-color:#7b61ff66;box-shadow:0 15px 40px #0006,inset 0 0 0 1px #7b61ff4d;transform:translateY(-10px) scale(1.02)}.login-container:hover:before{transform:scale(1)}.login-card{color:#fff}.login-input-group input.login-input{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:1rem;margin-bottom:16px;padding:12px;transition:.3s ease;width:100%}.login-input-group input.login-input::placeholder{color:#fff9}.login-input-group input.login-input:focus{background-color:#ffffff26;border-color:#a96dff;box-shadow:0 0 8px 2px #a96dff99;outline:none}.login-button{border:none;border-radius:8px;font-size:1rem;font-weight:700;padding:12px;width:100%}.login-button:hover{background:linear-gradient(135deg,#b785ff,#7e5df0);box-shadow:0 6px 20px #a96dff99}.login-footer,.login-header{margin-bottom:5px;margin-top:5px;text-align:center}.main{display:flex;flex-direction:row}.members{width:20%}.chatfield,.members{align-items:center;background:#24243c99;border:1px solid #6b5b95;border-radius:15px;box-shadow:0 0 15px #6b5b95aa;display:flex;flex-direction:column;height:100vh;padding:20px}.chatfield{width:80%}.room-input,.send-message{display:flex;gap:20px;margin-bottom:15px}input[type=text]{background-color:#1f1f1f;border:1px solid #666;border-radius:10px;color:#fff;flex:1 1;outline:none;padding:10px}button{background:linear-gradient(145deg,#7f00ff,#e100ff);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 15px;transition:transform .2s ease,box-shadow .2s ease}.messages{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;height:500px;margin-bottom:20px;overflow-y:auto;padding:15px;width:500px}.message{word-wrap:break-word;border-radius:15px;font-size:14px;margin:5px 0;max-width:70%;padding:10px 15px}.message.self{align-self:flex-end;background:linear-gradient(145deg,#9f40ff,#e100ff);color:#fff}.message.other{align-self:flex-start;background:#2a2a2a;color:#ccc}.popup{animation:fadeInOut 3s ease-in-out;background:#6c5ce7;border-radius:12px;box-shadow:0 0 15px #6c5ce7aa;color:#fff;font-size:1rem;font-weight:500;margin-bottom:10px;padding:12px 20px;text-align:center}.typing-indicator{animation:pulse 1.5s infinite;color:#a29bfe;font-size:.95rem;font-style:italic;margin-bottom:12px;margin-top:-8px;padding-left:8px}@keyframes fadeInOut{0%{opacity:0;transform:translateY(-10px) scale(.95)}10%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-10px) scale(.95)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}
/*# sourceMappingURL=main.c8de592c.css.map*/