*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{overflow-x:hidden}.landingPageContainer{background:#fef7ff;width:100%;min-height:100vh;overflow-x:hidden}.landingPageContainer nav{z-index:100;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:1.2rem;display:flex;position:sticky;top:0;box-shadow:.01px .01px 5px #ff80c3}.logo h2{color:#e040a0}.landingPageContainer .credentials{gap:2rem;display:flex}.credentials button{cursor:pointer;font-size:1rem;font-weight:500;transition:all .3s ease-in-out}.credentials .black-color-btn{gap:1rem;transition:all .3s ease-in-out;display:flex}.black-color-btn button{padding:none;background:0 0;border:none}.black-color-btn button:hover{color:#e040a0;transform:scale(1.1)}.start-meeting-btn:hover{color:#e040a0;transform:scale(1.04)}.credentials .sign-up{color:#fff;background-color:#e040a0;border:none;border-radius:50px;padding:.5rem 1.3rem;font-weight:500}.credentials .sign-up:hover{transform:scale(1.05)}.landingMain{grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;width:min(100%,1400px);margin:0 auto;padding:2rem 7rem;display:grid}.landingMain .main-title{font-size:4rem;font-weight:bolder;line-height:1.2}.landingMain .landingLeft{width:100%;min-width:0;max-width:600px}.landingLeft .main-texts{color:#475569;opacity:.9;margin-top:1.4rem;font-size:1.2rem}.landingRight{min-width:0}.heroImageContainer img{border:13px solid #fff;border-radius:25px;width:100%;max-width:100%;height:auto;display:block}.landingButtons{gap:1rem;margin-top:2rem;display:flex}.landingButtons button{padding:none;cursor:pointer;background:0 0;border:none}.landingButtons .start-meeting-btn{color:#fff;background-color:#e040a0;border:none;border-radius:50px;padding:1rem 1.7rem;font-size:16px;font-weight:700}.start-meeting-btn{transition:all .3s ease-in-out}@media (width<=768px){.landingPageContainer nav{padding:1rem;font-size:.5rem}.landingPageContainer .credentials{gap:1rem}.landingMain{grid-template-columns:1fr;padding:1rem 2rem}.landingMain .main-title{font-size:2.3rem}}.meetVideoContainer{background-color:#0f172a;height:100vh;padding:24px;position:relative;overflow:hidden}.yourVideo{object-fit:cover;cursor:grab;touch-action:none;z-index:3;border:2px solid #ffffff26;border-radius:16px;width:220px;height:140px;position:absolute;bottom:96px;left:24px;box-shadow:0 10px 30px #00000059}.yourVideo:active{cursor:grabbing}.chatWindow{opacity:0;pointer-events:none;color:#000;z-index:5;background-color:#fff;border-radius:20px;flex-direction:column;gap:20px;width:27vw;min-width:320px;height:70vh;padding-inline:20px;transition:transform .3s,opacity .3s;display:flex;position:absolute;bottom:10vh;right:15px;transform:translate(110%);box-shadow:0 20px 50px #0f172a2e}.allChats{flex:1;min-height:0;overflow-y:auto}.chatArea{margin-top:12px;padding-bottom:8px}.chatInput{align-items:flex-end;gap:8px;width:100%;display:flex;position:static}.chatBox{resize:none;width:100%;min-height:44px;max-height:150px;font:inherit;box-sizing:border-box;white-space:pre-wrap;word-break:break-word;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:12px 48px 12px 14px;line-height:1.4;overflow-y:auto}.chatInput .MuiIconButton-root{flex:none}.enteringRoom{background:#fef7ff;justify-content:center;align-items:center;min-height:100vh;padding:32px 20px;display:flex}.enteringRoomCard{color:#1e293b;background:#fff;border:1px solid #f3e8ff;border-radius:28px;grid-template-columns:minmax(280px,1fr) minmax(320px,420px);gap:28px;width:min(960px,100%);padding:32px;display:grid;box-shadow:.01px .01px 18px #e040a029}.enteringRoomCopy{flex-direction:column;justify-content:center;gap:14px;display:flex}.enteringRoomCopy h2{color:#111827;margin:0;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.enteringRoomCopy p{color:#475569;max-width:42ch;margin:0;font-size:1rem;line-height:1.7}.roomBadge{letter-spacing:.08em;text-transform:uppercase;color:#e040a0;background:#fff0f8;border-radius:999px;width:fit-content;padding:8px 14px;font-size:.78rem;font-weight:700}.lobbyPreview{background:#f8fafc;border:1px solid #f1f5f9;border-radius:24px;min-height:360px;position:relative;overflow:hidden}.lobbyVideo{object-fit:cover;width:100%;height:100%;display:block}.previewPill{color:#334155;background:#ffffffeb;border:1px solid #fbcfe8;border-radius:999px;padding:10px 14px;font-size:.9rem;position:absolute;bottom:16px;left:16px;box-shadow:0 10px 20px #0f172a14}.lobbyForm{flex-direction:column;align-self:end;gap:14px;display:flex}.lobbyForm .MuiOutlinedInput-root{background-color:#fff;border-radius:14px}.lobbyForm .MuiOutlinedInput-notchedOutline{border-color:#e5e7eb}.lobbyForm .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#f9a8d4}.lobbyForm .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#e040a0}.lobbyForm .MuiInputLabel-root.Mui-focused{color:#e040a0}.joinRoomButton{min-height:52px;text-transform:none!important;box-shadow:none!important;background:#e040a0!important;border-radius:14px!important;font-weight:700!important}.joinRoomButton:hover{background:#c72f8a!important}@media (width<=860px){.enteringRoomCard{grid-template-columns:1fr;padding:24px}.lobbyPreview{min-height:280px}}@media (width<=560px){.enteringRoom{padding:16px}.enteringRoomCard{border-radius:22px;gap:20px;padding:20px}.enteringRoomCopy h2{font-size:2rem}}@media (width<=900px){.chatWindow{width:min(360px,100vw - 24px);min-width:0;height:min(68vh,560px);padding-inline:16px;bottom:88px;right:12px}}@media (width<=640px){.chatWindow{border-radius:18px;gap:14px;width:auto;max-width:none;height:min(60vh,460px);padding-inline:14px;bottom:76px;left:8px;right:8px;transform:translateY(110%)}.chatWindow.open{transform:translateY(0)}.chatWindow h2{margin-top:14px;font-size:1.1rem}.chatArea{margin-top:0;padding-bottom:12px}.chatInput{gap:6px}.chatBox{min-height:42px;max-height:120px;padding:10px 12px}.allChats{padding-right:2px}}.chatWindow.open{opacity:1;pointer-events:auto;transform:translate(0)}.conferenceGrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%;height:100%;padding-bottom:100px;display:grid}.conferenceView{border-radius:16px;justify-content:center;align-items:center;min-height:220px;display:flex;overflow:hidden}.conferenceView video{object-fit:cover;width:100%;height:100%}.buttonContainer{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:4;background:#fef7ff;border:1px solid #fff3;border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:fit-content;max-width:calc(100vw - 32px);padding:10px 16px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.buttonContainer .MuiIconButton-root,.buttonContainer .MuiBadge-root{flex:none}@media (width<=768px){.buttonContainer{border-radius:22px;gap:8px;width:calc(100% - 24px);max-width:calc(100% - 24px);padding:8px 10px;bottom:12px}}@media (width<=480px){.buttonContainer{justify-content:space-between;gap:6px;width:calc(100% - 16px);max-width:calc(100% - 16px);padding:8px}.buttonContainer .MuiIconButton-root{padding:8px}}.home nav{z-index:100;background-color:#fff;justify-content:space-between;align-items:center;width:100%;padding:1rem;display:flex;position:sticky;top:0;box-shadow:.01px .01px 5px #ff80c3}.credentials{gap:12px;display:flex}.meetingContainer{grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;width:min(100%,1400px);margin:0 auto;padding:2rem 7rem;display:grid}.leftSide{width:100%;min-width:0;max-width:600px}.leftSide .title{margin-bottom:12px;font-size:3rem;font-weight:100;line-height:1.1}.leftSide .emphasis{color:#e040a0;font-style:italic}.leftSide .secondaryText{font-size:1.1rem}.rightSide{min-width:0}.join{color:#fff;cursor:pointer;background-color:#111827;border:none;border-radius:14px;min-width:96px;padding:.95rem 1.35rem;font-weight:500;transition:background-color .2s,transform .2s}.join:hover{background-color:#1f2937;transform:translateY(-1px)}.imageContainer img{border:13px solid #fff;border-radius:25px;width:100%;max-width:100%;height:auto;display:block}.inputContainer{align-items:center;gap:.85rem;max-width:520px;margin-top:2rem;display:flex}.meetingInput{flex:1}.meetingInput .MuiOutlinedInput-root{background-color:#fff;border-radius:14px}.meetingInput .MuiOutlinedInput-input{padding:.95rem 1rem}.meetingInput .MuiOutlinedInput-notchedOutline{border-color:#e5e7eb}.meetingInput .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#d1d5db}.meetingInput .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-width:1px;border-color:#111827}@media (width<=768px){.meetingContainer{grid-template-columns:1fr;padding:5rem 3rem}.leftSide .title{font-size:2.5rem}.inputContainer{flex-direction:column;align-items:stretch}.join{width:100%}}