body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#f4f7f6}.lobby-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#e0eafc,#cfdef3);padding:20px;box-sizing:border-box}.lobby-card{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:40px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.08);width:100%;max-width:420px;text-align:center}.lobby-card h1{color:#2c3e50;margin-top:0;margin-bottom:32px;font-size:28px;font-weight:700}.lobby-form{display:flex;flex-direction:column;gap:20px}.input-group{text-align:left}.input-group label{display:block;margin-bottom:8px;font-size:14px;color:#555;font-weight:600}.input-group input{width:100%;padding:14px 16px;border:1px solid #ddd;border-radius:8px;font-size:16px;outline:none;transition:all .2s ease;background-color:#fafafa;box-sizing:border-box;color:#333}.input-group input:focus{border-color:#4a90e2;background-color:#fff;box-shadow:0 0 0 4px rgba(74,144,226,.1)}.join-btn{padding:16px;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:10px;box-shadow:0 4px 12px rgba(74,144,226,.3)}.join-btn:hover{background-color:#357abd;transform:translateY(-1px);box-shadow:0 6px 16px rgba(74,144,226,.4)}.join-btn:active{transform:translateY(1px);box-shadow:0 2px 8px rgba(74,144,226,.3)}