*{box-sizing:border-box;margin:0;padding:0;font-family:DynaPuff,cursive;font-weight:400}body{background:radial-gradient(circle,#0a1e3d 0%,#06152c 100%);overflow-x:hidden}.navbar{box-sizing:border-box;z-index:1000;background:linear-gradient(90deg,#031a3d,#021533);border-bottom:2px solid #b4002d;justify-content:space-between;align-items:center;width:100%;padding:18px 40px;display:flex;position:fixed;top:0;left:0}.nav-left{align-items:center;gap:18px;display:flex}.nav-right{display:flex}.nav-left a{color:inherit;text-decoration:none}.logo{color:#fff;letter-spacing:2px;font-size:32px;font-weight:700;text-decoration:none}.tagline{color:#9aa4b2;font-size:16px}.nav-right{font-size:20px;font-weight:500}.nav-right a{color:inherit;text-decoration:none}.login{color:#fff}.signup{color:#fff;margin-left:5px}.divider{color:#fff;margin:0 6px}.nav-right a:hover{opacity:.8}.user-info .username{color:#fff;cursor:pointer;transition:transform .3s;display:inline-block;position:relative}.user-info .username:after{content:"";background:#fff;width:0;height:2px;transition:width .35s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0}.user-info .username:hover{transform:scale(1.08)}.user-info .username:hover:after{width:100%}@media (width<=768px){.navbar{padding:14px 20px}.logo{font-size:22px}.tagline{display:none}.nav-right{font-size:16px}}@media (width<=500px){.navbar{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 16px}.nav-left{justify-content:space-between;width:100%}.nav-right{justify-content:flex-end;width:100%;font-size:14px;display:flex}.logo{font-size:20px}}.hero{align-items:center;height:auto;min-height:95vh;padding:0 80px;font-family:Dynapuff,sans-serif;display:flex;position:relative}.page-content{margin-top:70px}body{overflow-x:hidden}.landing-page{flex-direction:column;min-height:100vh;display:flex}.hero-content{z-index:2;max-width:650px;position:relative}.hero h1{color:#7ec8ff;text-shadow:0 0 20px #7ec8ff4d;margin-bottom:24px;font-size:56px;font-weight:600;line-height:1.2;animation:1s cubic-bezier(.34,1.56,.64,1) forwards heroTitleSlideIn}@keyframes heroTitleSlideIn{0%{opacity:0;filter:blur(10px);transform:translateY(30px)translate(-20px)}to{opacity:1;filter:blur();transform:translateY(0)translate(0)}}.hero p{color:#e6f0ff;opacity:0;max-width:600px;margin-bottom:40px;font-size:18px;line-height:1.6;animation:1.2s ease-out .3s forwards heroContentFadeIn}@keyframes heroContentFadeIn{0%{opacity:0;filter:blur(5px);transform:translateY(20px)}to{opacity:1;filter:blur();transform:translateY(0)}}.hero-buttons{z-index:20;opacity:0;gap:20px;animation:1.4s ease-out .6s forwards heroButtonsFadeIn;display:flex}@keyframes heroButtonsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-primary{color:#002b36;cursor:pointer;background:#7fff4e;border:1px solid #000;border-radius:0;padding:14px 28px;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:5px 5px #86d5ff,0 0 20px #7fff4e00}.btn-primary:after{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-primary:hover{background:#8fff5e;transform:translateY(-5px)scale(1.05);box-shadow:8px 8px #003b4f,0 0 30px #7fff4e99}.btn-primary:active:after{width:300px;height:300px}.btn-secondary{color:#191717;cursor:pointer;background:#9be7ff;border:1px solid #000;border-radius:0;padding:14px 28px;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;box-shadow:5px 5px #86d5ff,0 0 20px #9be7ff00}.btn-secondary:after{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-secondary:hover{background:#adffff;transform:translateY(-5px)scale(1.05);box-shadow:8px 8px #002b36,0 0 30px #9be7ff99}.btn-secondary:active:after{width:300px;height:300px}.key-features{text-align:center;padding:40px 80px 60px;transition:transform .4s ease-out,filter .4s ease-out,opacity .4s ease-out;position:relative}.section-title{color:#7ec8ff;text-shadow:0 0 20px #7ec8ff33;margin-bottom:30px;font-family:Dynapuff,sans-serif;font-size:42px;font-weight:600;animation:1s ease-out titleUnderline;display:inline-block;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,#7ec8ff,#7fff4e,#7ec8ff);width:0;height:3px;animation:1.2s ease-out .3s forwards expandWidth;position:absolute;bottom:-10px;left:0}@keyframes titleUnderline{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes expandWidth{0%{width:0}to{width:100%}}.features-grid{z-index:1;flex-wrap:wrap;justify-content:center;gap:30px;max-height:fit-content;display:flex;overflow:visible}.feature-card{cursor:pointer;z-index:2;background:#f1f35c;border:1px solid #000;border-radius:0;min-width:150px;padding:18px 28px;font-size:18px;font-weight:500;transition:all .3s;position:relative;overflow:hidden;box-shadow:5px 5px #86d5ff}.feature-card:hover{filter:brightness(1.15);background:#ffff80;transform:scale(1.02)translateY(-3px);box-shadow:8px 8px #0b3d5c,0 0 30px #7ec8ff99}.why-orbit{color:#eaf6ff;padding:60px 80px 100px;font-family:DynaPuff,cursive;transition:transform .3s,filter .3s;position:relative}.why-orbit .section-title{color:#7ec8ff;margin-bottom:50px;font-size:42px;font-weight:600}.why-container{flex-direction:column;gap:40px;max-width:900px;display:flex}.why-item{border-left:3px solid #0000;padding:20px;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s,background .4s;position:relative}.why-item:hover{filter:brightness(1.05);border-left-color:#7ec8ff;transform:translate(15px)}.why-item h3{text-underline-offset:6px;color:#fff;margin-bottom:12px;font-size:24px;font-weight:600;text-decoration:underline;transition:color .3s}.why-item:hover h3{color:#7ec8ff}.why-item p{color:#d6eaff;max-width:750px;font-size:17px;line-height:1.6}.usecases{text-align:center;padding:70px 0 100px;font-family:DynaPuff,cursive;transition:transform .3s,filter .3s;position:relative;overflow:hidden}.usecases .section-title{color:#7ec8ff;margin-bottom:40px;font-size:42px}.marquee{white-space:nowrap;width:100%;padding:20px 0;display:inline-block;position:relative;overflow:hidden}.marquee:before,.marquee:after{content:"";z-index:2;pointer-events:none;width:120px;height:100%;position:absolute;top:0}.marquee:before{background:linear-gradient(90deg,#06152c 0%,#06152ccc 40%,#06152c00 100%);left:0}.marquee:after{background:linear-gradient(270deg,#06152c 0%,#06152ccc 40%,#06152c00 100%);right:0}.marquee-content{will-change:transform;gap:60px;display:inline-flex;animation:25s linear infinite scrollLeft!important}.marquee-content span{color:#fff;opacity:.9;white-space:nowrap;flex-shrink:0;font-size:20px}@keyframes scrollLeft{0%{transform:translate(0)}to{transform:translate(calc(-50% - 30px))}}.cta-section{background-color:#0000;align-items:center;min-height:40vh;padding:100px 80px;transition:transform .4s ease-out,filter .4s ease-out,opacity .4s ease-out;display:flex;position:relative;overflow:hidden}.cta-container{z-index:2;text-align:left;max-width:650px;position:relative}.cta-section .section-title{color:#7ec8ff;text-align:left;margin-bottom:20px;font-size:56px;font-weight:600;line-height:1.2}.cta-sub{color:#e6f0ff;margin-bottom:40px;font-family:Dynapuff,sans-serif;font-size:18px;line-height:1.6}@media (width<=768px){.cta-section{justify-content:center;padding:0 40px}.cta-container{text-align:center}.cta-section .section-title{text-align:center;font-size:38px}}.btn-primary,.btn-secondary{transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important}.btn-primary:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 10px 20px #7fff4e4d}.btn-secondary:hover{transform:translateY(-5px)scale(1.05);box-shadow:0 10px 20px #9be7ff4d}html{scroll-behavior:smooth}.scroll-animate{opacity:0;transform:translateY(30px)}.scroll-animate.is-visible{animation:.8s ease-out forwards fadeInUp}@keyframes fadeInUp{0%{opacity:0;filter:blur(5px);transform:translateY(30px)}to{opacity:1;filter:blur();transform:translateY(0)}}.scroll-animate.is-visible .section-title,.scroll-animate.is-visible .feature-card,.scroll-animate.is-visible .marquee,.scroll-animate.is-visible .why-item{animation:.8s ease-out forwards fadeInUp}.scroll-animate.is-visible .feature-card:first-child{animation-delay:.1s}.scroll-animate.is-visible .feature-card:nth-child(2){animation-delay:.2s}.scroll-animate.is-visible .feature-card:nth-child(3){animation-delay:.3s}.scroll-animate.is-visible .feature-card:nth-child(4){animation-delay:.4s}.scroll-animate.is-visible .why-item:first-child{animation-delay:.1s}.scroll-animate.is-visible .why-item:nth-child(2){animation-delay:.2s}.scroll-animate.is-visible .why-item:nth-child(3){animation-delay:.3s}@media (width<=768px){.hero,.key-features,.why-orbit,.cta-section{padding-left:20px!important;padding-right:20px!important}.usecases{padding-left:0!important;padding-right:0!important}.hero h1{font-size:34px}.section-title{font-size:28px}.cta-section .section-title{font-size:30px}.hero p,.cta-sub{font-size:15px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:15px}.btn-primary,.btn-secondary{width:100%}.why-item h3{font-weight:400;line-height:1.5}.why-container{gap:30px}.why-item:hover{transform:none}.marquee:before,.marquee:after{display:none}}.footer{color:#fff;z-index:1000;background-color:#000;border-top-left-radius:70% 80px;border-top-right-radius:70% 80px;min-height:200px;padding:80px 10% 40px;font-family:DynaPuff,cursive;position:relative}.footer:before{content:"";border-top:2px solid red;border-radius:50% 50% 0 0;width:100%;max-width:100vw;height:100px;position:absolute;top:0;left:50%;transform:translate(-50%)}.footer-content{z-index:1;justify-content:space-between;align-items:flex-start;margin-top:20px;display:flex;position:relative}.footer-title{margin-bottom:15px;font-size:1.1rem;font-weight:400}.footer-links{gap:20px;display:flex}.footer-links a{color:#fff;font-weight:500;text-decoration:none;transition:opacity .2s}.footer-links a:hover{opacity:.7}.footer-right{text-align:right}.copyright{margin-top:15px;font-size:1rem;font-weight:600}@media (width<=600px){.footer-content{text-align:center;flex-direction:column;align-items:center;gap:30px}.footer-right{text-align:center}.footer-right p,.footer-title{font-weight:400}}.login-page{justify-content:flex-start;align-items:center;height:calc(100vh - 70px);min-height:80vh;margin-top:70px;padding-left:10%;font-family:DynaPuff,cursive;display:flex}.login-container{width:100%;max-width:450px}.login-title{color:#7ec8ff;text-shadow:0 0 15px #7ec8ff4d;margin-bottom:30px;font-size:48px}.login-form{flex-direction:column;gap:25px;display:flex}.input-group input{color:#fff;background:0 0;border:2px solid #ff7e7e;border-radius:0;padding:12px 15px;font-size:16px;transition:all .2s;box-shadow:4px 4px #86d5ff}.input-group input:focus{outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px #7fff4e}.auth-switch{color:#fff;font-size:14px}.auth-switch a{color:#7ec8ff;font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}.login-btn{align-self:flex-start;margin-top:10px;padding:12px 40px}@media (width<=768px){.login-page{text-align:center;justify-content:center;padding:40px 20px}.login-btn{align-self:center;width:100%}}.rooms-page{color:#fff;background-color:#06152c;flex-direction:column;height:calc(100vh - 70px);min-height:100vh;margin-top:70px;font-family:DynaPuff,cursive;display:flex}.rooms-layout{flex:1;grid-template-columns:220px 1fr 220px;width:100%;max-width:1400px;margin:0 auto;display:grid}.rooms-sidebar{flex-direction:column;gap:20px;padding:40px 20px;display:flex}.rooms-sidebar.right{align-items:flex-start;position:relative}.sidebar-btn{text-align:center;width:100%;padding:12px;font-size:16px}.rooms-content{background-color:#ffffff05;border-left:2px solid #ff7e7e;border-right:2px solid #ff7e7e;padding:40px}.rooms-title{margin-bottom:30px;font-size:36px}.rooms-grid{flex-direction:column;gap:25px;display:flex}.room-card{color:#000;background:#d9ffef;border:2px solid #000;justify-content:space-between;align-items:center;padding:20px;display:flex;box-shadow:6px 6px #86d5ff}.room-name{margin-bottom:8px;font-size:24px;text-decoration:underline}.room-desc{max-width:450px;margin-bottom:12px;font-size:14px;line-height:1.4}.enter-btn{padding:10px 20px;font-size:14px}.search-container{background:#112240;border:2px solid #ff7e7e;margin-top:40px;margin-bottom:20px;display:flex;box-shadow:4px 4px #86d5ff}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:15px}.search-btn{color:#fff;cursor:pointer;background:0 0;border:none;border-left:1.5px solid #ff7e7e;padding:0 25px;font-size:20px}.user-info-section{text-align:left}.join-label{color:#fff;font-size:18px}.username-display{color:#fff;margin-top:5px;font-size:16px}.profile-trigger{cursor:pointer;justify-content:center;margin-top:10px;transition:transform .2s;display:flex}.profile-trigger:hover{transform:scale(1.1)}.user-icon-placeholder{background:#112240;border:2px solid #7ec8ff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:30px;display:flex;box-shadow:0 0 15px #7ec8ff4d}@media (width<=1024px){.rooms-layout{grid-template-columns:1fr}.rooms-content{border-top:2px solid #ff7e7e;border-left:none;border-right:none}}.auth-page{z-index:5;justify-content:flex-start;align-items:center;height:calc(100vh - 70px);min-height:95vh;margin-top:70px;margin-bottom:50px;padding-left:10%;font-family:DynaPuff,cursive;display:flex;position:relative}.auth-container{width:100%;max-width:450px}.auth-title{color:#7ec8ff;letter-spacing:1px;margin-bottom:40px;font-size:52px}.auth-form{flex-direction:column;gap:30px;display:flex}.input-group{flex-direction:column;gap:12px;display:flex}.input-group label{color:#fff;font-size:22px;font-weight:400}.input-group input{color:#fff;background:0 0;border:1px solid #7ec8ff;border-top:1.5px solid #ff7e7e;border-left:1.5px solid #ff7e7e;border-radius:0;padding:12px 15px;font-size:18px;transition:all .2s;box-shadow:4px 4px #86d5ff}.input-group input:focus{border-color:#7fff4e;outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px #7fff4e}.auth-btn{color:#000;background:#a3ff6c;border:1px solid #000;align-self:flex-start;margin-top:15px;padding:15px 35px;font-size:18px;font-weight:500;box-shadow:4px 4px #86d5ff}.auth-btn:hover{transform:translateY(-3px)scale(1.02);box-shadow:6px 6px #003b4f}@media (width<=768px){.auth-page{justify-content:center;padding-left:5%;padding-right:5%}.auth-container{text-align:center}.auth-btn{align-self:center;width:100%}}.password-wrapper{align-items:center;display:flex;position:relative}.password-wrapper input{width:100%;padding-right:45px}.eye-btn{cursor:pointer;background:0 0;border:none;outline:none;font-size:20px;transition:transform .2s;position:absolute;right:15px}.eye-btn:hover{transform:scale(1.1)}.orbit-error{color:#ff5c5c;text-align:center;background:#ff5c5c1a;border:2px solid #ff5c5c;margin-bottom:20px;padding:12px 15px;font-family:DynaPuff,cursive;font-size:15px;box-shadow:4px 4px #ff5c5c4d}.room-creation-page{color:#fff;flex-direction:column;height:calc(100vh - 70px);min-height:100vh;margin-top:70px;font-family:DynaPuff,cursive;display:flex}.creation-layout{flex:1;grid-template-columns:220px 1fr;width:100%;max-width:1200px;margin:0 auto;display:grid}.creation-sidebar{flex-direction:column;gap:20px;padding:40px 20px;display:flex}.creation-content{border-left:2px solid #ff7e7e;padding:40px 60px}.creation-title{text-transform:uppercase;margin-bottom:40px;font-size:42px}.creation-form{flex-direction:column;gap:30px;max-width:500px;display:flex}.link-section{flex-direction:column;gap:15px;max-width:500px;margin-top:50px;display:flex}.copy-label{font-size:20px;font-weight:600}.copy-box{background:#112240;border:1.5px solid #ff7e7e;display:flex;box-shadow:4px 4px #86d5ff}.copy-box input{color:#7ec8ff;background:0 0;border:none;outline:none;flex:1;padding:12px;font-size:14px}.copy-action{color:#fff;cursor:pointer;background:0 0;border:none;border-left:1px solid #ff7e7e;padding:0 15px;font-family:DynaPuff,cursive}.invite-text{color:#e6f0ff;margin:10px 0;font-size:16px}.create-btn{align-self:flex-start;padding:12px 40px}.navigate-btn{width:100%;margin-top:10px;padding:15px}@media (width<=768px){.creation-layout{grid-template-columns:1fr}.creation-content{border-top:2px solid #ff7e7e;border-left:none;padding:40px 20px}}.input-group select{color:#fff;cursor:pointer;appearance:none;background-color:#0000;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237ec8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:18px;border:1px solid #7ec8ff;border-top:1.5px solid #ff7e7e;border-left:1.5px solid #ff7e7e;border-radius:0;padding:12px 15px;font-family:DynaPuff,cursive;font-size:18px;transition:all .2s;box-shadow:4px 4px #86d5ff}.input-group select:focus{outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px #7fff4e}.input-group select option{color:#fff;background-color:#0a1e3d;padding:10px}.input-group label{color:#fff;margin-bottom:10px;font-size:20px;font-weight:500;display:block}.chat-page{color:#fff;background-color:#06152c;flex-direction:column;height:calc(100vh - 70px);margin-top:70px;font-family:DynaPuff,cursive;display:flex;overflow:hidden}.chat-layout{flex:1;grid-template-columns:220px 1fr 220px;width:100%;max-width:1400px;height:100%;margin:0 auto;display:grid}.chat-content{border-left:2.5px solid #ff7e7e;border-right:2.5px solid #ff7e7e;flex-direction:column;height:100%;padding:30px 50px;display:flex;overflow:hidden}.room-header{margin-bottom:30px;font-size:32px}.message-feed{flex-direction:column;flex:1;gap:20px;min-height:0;padding-bottom:20px;padding-right:15px;display:flex;overflow-y:auto}.message-block{flex-direction:column;align-items:flex-start;max-width:75%;display:flex}.message-block.me{align-self:flex-end;align-items:flex-end}.user-label{opacity:.8;margin-bottom:6px;font-size:14px}.bubble{background:#0f1f3d;border:1.5px solid #ff7e7e;border-radius:0;width:fit-content;max-width:100%;padding:12px 18px;font-size:16px;box-shadow:4px 4px #86d5ff}.chat-input-area{background:#112240;border:2px solid #ff7e7e;align-items:stretch;min-height:55px;margin-top:auto;display:flex;box-shadow:5px 5px #86d5ff}.chat-input-area input{color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%;padding:12px 15px;font-size:16px}.chat-input-area button{color:#fff;cursor:pointer;background:0 0;border:none;border-left:2px solid #ff7e7e;padding:0 20px;font-family:DynaPuff,cursive;font-size:18px}.sidebar-title{margin-top:20px;margin-bottom:20px;font-size:24px}.online-list{padding:0;list-style:none}.chat-sidebar{flex-direction:column;padding:30px 20px;display:flex}.chat-sidebar.left{border-right:2.5px solid #ff7e7e;gap:20px}.chat-sidebar.right{border-left:2.5px solid #ff7e7e}.btn-secondary{background:#7df9ff}.btn-primary{background:#a3ff6c}.online-user{align-items:center;gap:10px;margin-bottom:15px;font-size:18px;display:flex}.neon-text{color:#a3ff6c}@media (width<=1024px){.chat-layout{grid-template-columns:1fr}.chat-sidebar.right{display:none}}.message-feed::-webkit-scrollbar{width:8px}.message-feed::-webkit-scrollbar-track{background:0 0}.message-feed::-webkit-scrollbar-thumb{background:#ff7e7e;border-radius:10px}@keyframes typingBounce{0%,80%,to{transform:scale(0);box-shadow:0 0 #0000}40%{transform:scale(1);box-shadow:0 0 5px #86d5ff}}@media (width<=480px){.chat-content,.private-content{padding:15px}.chat-input-area button,.private-input button{padding:0 15px;font-size:16px}}.private-chat-page{color:#fff;background:#06152c;flex-direction:column;height:calc(100vh - 70px);margin-top:70px;font-family:DynaPuff,cursive;display:flex;overflow:hidden}.private-layout{flex:1;grid-template-columns:220px 1fr 220px;height:100%;display:grid}.private-sidebar{flex-direction:column;padding:30px 20px;display:flex}.private-sidebar.left{border-right:2px solid #ff7e7e;gap:20px}.private-sidebar.right{border-left:2px solid #ff7e7e}.sidebar-btn{cursor:pointer;border:2px solid #000;padding:14px;font-family:DynaPuff,cursive;font-size:18px;transition:all .2s;box-shadow:5px 5px #86d5ff}.sidebar-btn.secondary{background:#7df9ff}.sidebar-btn.primary{background:#a3ff6c}.sidebar-btn:hover{transform:translate(-2px,-2px);box-shadow:7px 7px #86d5ff}.private-content{flex-direction:column;height:100%;padding:30px 50px;display:flex;overflow:hidden}.private-title{margin-bottom:5px;font-size:34px}.private-room-id{opacity:.6;margin-bottom:25px;font-size:15px}.private-messages{flex-direction:column;flex:1;gap:16px;min-height:0;padding-right:15px;display:flex;overflow-y:auto}.private-messages::-webkit-scrollbar{width:8px}.private-messages::-webkit-scrollbar-thumb{background:#ff7e7e;border-radius:10px}.private-message{flex-direction:column;max-width:70%;display:flex}.private-message.me{text-align:right;align-self:flex-end}.private-user{opacity:.8;margin-bottom:4px;font-size:14px}.private-bubble{background:#0f1f3d;border:1.5px solid #ff7e7e;width:fit-content;max-width:100%;padding:12px 18px;box-shadow:4px 4px #86d5ff}.private-input{background:#0f1f3d;border:2px solid #ff7e7e;align-items:stretch;min-height:55px;margin-top:20px;display:flex;box-shadow:6px 6px #86d5ff}.private-input input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:12px 15px;font-family:DynaPuff,cursive;font-size:16px}.private-input button{color:#fff;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-left:2px solid #ff7e7e;justify-content:center;align-items:center;padding:0 20px;font-family:DynaPuff,cursive;font-size:18px;display:flex}.online-user{margin-top:20px;font-size:18px}.online-user.online span{color:#a3ff6c}.online-user.offline span{color:#ff5c5c}@media (width<=1024px){.private-layout{grid-template-columns:1fr}.private-sidebar.right{display:none}}.typing-indicator{color:#86d5ff;opacity:.8;align-items:center;gap:5px;margin-top:10px;margin-bottom:5px;font-size:14px;font-style:italic;display:flex}.typing-dots{gap:3px;display:flex}.typing-dots span{background-color:#86d5ff;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce;display:inline-block}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@media (width<=480px){.chat-content,.private-content{padding:15px}.chat-input-area button,.private-input button{padding:0 15px;font-size:16px}}.dashboard-container{color:#fff;background:linear-gradient(#001b3a,#000d1f);min-height:100vh;padding:120px 10% 60px;font-family:DynaPuff,cursive}.welcome-section{margin-bottom:60px}.welcome-title{color:#7ed8ff;font-size:3rem}.welcome-subtitle{opacity:.8;margin-top:10px;font-size:1.2rem}.go-home-btn{cursor:pointer;background:#9cff57;border:2px solid #000;margin-top:30px;padding:12px 30px;font-size:1rem;font-weight:700;transition:all .2s;box-shadow:4px 4px #4bb6ff}.go-home-btn:hover{transform:translateY(-3px);box-shadow:6px 6px #1f87ff}.rooms-section{margin-top:40px}.rooms-heading{color:#7ed8ff;border-bottom:2px solid #7ed8ff;margin-bottom:30px;padding-bottom:5px;font-size:2.2rem;display:inline-block}.room-card{color:#000;background:#b7d9c7;border:2px solid #002b55;justify-content:space-between;align-items:center;margin-bottom:25px;padding:25px 30px;transition:all .25s;display:flex;box-shadow:6px 6px #4bb6ff}.room-card:hover{transform:translateY(-4px);box-shadow:8px 8px #2f8cff}.room-info h3{margin-bottom:8px;font-size:1.4rem}.room-info p{margin-bottom:10px;font-size:.95rem}.online-count{font-size:.9rem;font-weight:700}.enter-btn{cursor:pointer;background:#9cff57;border:2px solid #000;padding:10px 20px;font-weight:700;transition:all .2s;box-shadow:4px 4px #4bb6ff}.enter-btn:hover{transform:translateY(-3px);box-shadow:6px 6px #1f87ff}@media (width<=768px){.room-card{flex-direction:column;align-items:flex-start;gap:15px}.enter-btn{align-self:flex-end}}