*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:#181818;min-height:100vh;color:#fff}.join-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.join-card{background:#2a2a2a;border-radius:1rem;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.5);width:100%;max-width:400px;border:1px solid #3a3a3a}.join-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:1.5rem;text-align:center}.join-form{gap:1rem}.form-group,.join-form{display:flex;flex-direction:column}.form-group{gap:.5rem}.form-label{font-size:.875rem;font-weight:500;color:#ccc}.form-input{padding:.75rem;border:1px solid #4a4a4a;border-radius:.5rem;font-size:1rem;transition:all .2s;background:#333;color:#fff}.form-input::placeholder{color:#888}.form-input:focus{outline:none;border-color:gold;box-shadow:0 0 0 3px rgba(255,215,0,.2);background:#3a3a3a}.join-button{background:linear-gradient(135deg,gold,#ffed4e);color:#000;padding:.75rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;margin-top:.5rem}.join-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,215,0,.3);background:linear-gradient(135deg,#ffed4e,gold)}.join-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.instant-meeting-info{background:#2d3748!important;border-color:gold!important;color:#fff}.instant-meeting-info h3{color:gold!important}.instant-meeting-info strong{color:#fff}.instant-meeting-info input{background:#333!important;border-color:#4a4a4a!important;color:#fff!important}.instant-meeting-info button{background:gold!important;color:#000!important}.instant-meeting-info button:hover{background:#ffed4e!important}