@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Space+Mono:wght@400;700&display=swap");:root{--bg-deep:#0a0a0f;--bg-surface:#12121a;--bg-elevated:#1a1a26;--bg-hover:#22222e;--border:#2a2a3a;--border-bright:#3a3a50;--text-primary:#eeeef0;--text-secondary:#8888a0;--text-muted:#55556a;--accent:#6c5ce7;--accent-light:#a29bfe;--accent-glow:rgba(108,92,231,.25);--green:#00cec9;--green-glow:rgba(0,206,201,.2);--red:#ff6b6b;--red-glow:hsla(0,100%,71%,.2);--orange:#fdcb6e;--radius:14px;--radius-sm:8px;--font-body:"DM Sans",-apple-system,sans-serif;--font-mono:"Space Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;background:var(--bg-deep);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.landing-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.landing-wrapper:before{top:-40%;left:-20%;width:80vw;height:80vw;background:radial-gradient(circle,var(--accent-glow) 0,transparent 70%);animation:float 20s ease-in-out infinite}.landing-wrapper:after,.landing-wrapper:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.landing-wrapper:after{bottom:-30%;right:-15%;width:60vw;height:60vw;background:radial-gradient(circle,var(--green-glow) 0,transparent 70%);animation:float 25s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.02)}50%{transform:translate(-20px,30px) scale(.98)}75%{transform:translate(20px,20px) scale(1.01)}}.logo-section{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.logo-icon{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,var(--accent),var(--green));display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;box-shadow:0 8px 32px var(--accent-glow)}.logo-icon svg{width:36px;height:36px;color:#fff}.logo-section h1{font-size:3rem;font-weight:700;letter-spacing:-.03em;background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.logo-section p{font-size:1.15rem;color:var(--text-secondary);font-weight:400}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:2.5rem;width:100%;max-width:480px;position:relative;z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.card-title .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green-glow)}.input-group{display:flex;gap:.75rem;margin-bottom:1rem}input[type=text]{flex:1 1;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.85rem 1.1rem;color:var(--text-primary);font-family:var(--font-body);font-size:.95rem;outline:none;transition:border-color .2s,box-shadow .2s}input[type=text]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input[type=text]::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.5rem;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--accent),#5a4bd4);color:#fff;box-shadow:0 4px 16px var(--accent-glow)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 24px var(--accent-glow)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-bright)}.btn-full{width:100%}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.name-input-section{margin-bottom:1.5rem}.name-input-section label{display:block;font-size:.85rem;color:var(--text-secondary);margin-bottom:.5rem;font-weight:500}.features{display:flex;gap:2rem;margin-top:2.5rem;position:relative;z-index:1}.feature{display:flex;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.8rem;font-weight:500}.feature svg{width:16px;height:16px;color:var(--accent-light)}.meeting-wrapper{height:100vh;display:flex;flex-direction:column;background:var(--bg-deep)}.meeting-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border);min-height:56px}.meeting-header-left{display:flex;align-items:center;gap:.75rem}.meeting-header-logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--green));display:flex;align-items:center;justify-content:center}.meeting-header-logo svg{width:16px;height:16px;color:#fff}.meeting-id-badge{font-family:var(--font-mono);font-size:.8rem;color:var(--text-secondary);background:var(--bg-elevated);padding:.3rem .7rem;border-radius:6px;border:1px solid var(--border);cursor:pointer;transition:all .2s}.meeting-id-badge:hover{color:var(--text-primary);border-color:var(--accent)}.meeting-body{flex:1 1;display:flex;overflow:hidden}.meeting-content{flex:1 1;position:relative}.meeting-content [class*=rtk-meeting],.meeting-content div[id*=rtk],.meeting-content rtk-meeting{height:100%}.loading-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}.spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen p{color:var(--text-secondary);font-size:1rem}.error-screen{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:2rem}.error-screen h2{font-size:1.5rem;color:var(--red)}.error-screen p{color:var(--text-secondary);max-width:400px}@media (max-width:640px){.logo-section h1{font-size:2rem}.card{padding:1.5rem}.features{gap:.75rem}.features,.input-group{flex-direction:column}}rtk-meeting{--rtk-bg-1000:var(--bg-deep)!important;--rtk-bg-900:var(--bg-surface)!important;--rtk-bg-800:var(--bg-elevated)!important;--rtk-bg-700:var(--bg-hover)!important;--rtk-brand-500:var(--accent)!important;--rtk-brand-400:var(--accent-light)!important;--rtk-danger:var(--red)!important;--rtk-success:var(--green)!important;--rtk-text-1000:var(--text-primary)!important;--rtk-text-700:var(--text-secondary)!important;border-radius:0!important}