@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&family=DM+Mono:wght@400;500&display=swap);@import url(https://api.fontshare.com/v2/css?f[]=clash-display@600,700&f[]=satoshi@400,500,700,900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif;text-rendering:optimizeLegibility}:root{--ink:#070a12;--ink-2:#0a0f1b;--surface:#0e1422;--surface-2:#141d30;--line:#ffffff12;--line-2:#ffffff21;--text:#eaf1f8;--text-dim:#8a9bb0;--text-faint:#5a6c82;--accent:#00e0ff;--accent-2:#6e7bff;--live:#ff3d71;--radius:16px;--radius-lg:24px;--shadow:0 24px 60px -24px #000000bf;--ring:0 0 0 1px var(--line);--font-display:"Clash Display","Satoshi",system-ui,sans-serif;--font-body:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{-webkit-font-smoothing:antialiased;box-sizing:border-box;margin:0;padding:0;text-rendering:optimizeLegibility}body{background-attachment:fixed;background-color:#070a12;background-color:var(--ink);background-image:radial-gradient(820px 560px at 12% -12%,#00e0ff1f,#0000 60%),radial-gradient(760px 580px at 112% 6%,#6e7bff21,#0000 55%),radial-gradient(620px 520px at 50% 118%,#00e0ff0f,#0000 62%);color:#eaf1f8;color:var(--text);font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-weight:500;min-height:100vh}body:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");content:"";inset:0;opacity:.04;pointer-events:none;position:fixed;z-index:0}.screen{align-items:center;animation:rise .6s cubic-bezier(.2,.7,.2,1) both;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100dvh;padding:44px 22px;position:relative;text-align:center;z-index:1}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.brand{-webkit-text-fill-color:#0000;background:linear-gradient(118deg,#fff 18%,#00e0ff 62%,#6e7bff);background:linear-gradient(118deg,#fff 18%,var(--accent) 62%,var(--accent-2));-webkit-background-clip:text;background-clip:text;font-family:Clash Display,Satoshi,system-ui,sans-serif;font-family:var(--font-display);font-size:clamp(40px,12vw,56px);font-weight:700;letter-spacing:-.02em;line-height:1.02;margin-bottom:10px}.tagline{color:#8a9bb0;color:var(--text-dim);font-size:16px;font-weight:500;line-height:1.55;margin-bottom:38px;max-width:360px}.room-label{color:#5a6c82;color:var(--text-faint);font-size:11px;font-weight:700;letter-spacing:.34em;text-transform:uppercase}.room-code{-webkit-text-fill-color:#0000;background:linear-gradient(118deg,#00e0ff,#6e7bff);background:linear-gradient(118deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;font-size:clamp(46px,13vw,62px);font-weight:700;letter-spacing:.12em;margin:10px 0 26px}.input,.room-code{font-family:Clash Display,Satoshi,system-ui,sans-serif;font-family:var(--font-display)}.input{background:#0e1422;background:var(--surface);border:1px solid #ffffff21;border:1px solid var(--line-2);border-radius:16px;border-radius:var(--radius);color:#00e0ff;color:var(--accent);font-size:24px;font-weight:600;letter-spacing:.22em;margin-bottom:16px;max-width:320px;outline:none;padding:18px 20px;text-align:center;text-transform:uppercase;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.input:focus{background:#0c1320;border-color:#00e0ff8c;box-shadow:0 0 0 4px #00e0ff1f,0 14px 40px -16px #00e0ff66}.input::placeholder{color:#3a4b61;font-weight:500;letter-spacing:.18em}.btn{background:linear-gradient(120deg,#00e0ff,#36b9ff 55%,#6e7bff);background:linear-gradient(120deg,var(--accent),#36b9ff 55%,var(--accent-2));border:none;border-radius:50px;box-shadow:0 14px 34px -12px #00e0ff8c,inset 0 1px 0 #fff6;color:#04121a;cursor:pointer;font-family:Satoshi,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-body);font-size:16px;font-weight:700;letter-spacing:.02em;margin-bottom:16px;max-width:320px;padding:17px 22px;transition:transform .16s ease,box-shadow .2s ease,filter .2s;width:100%}.btn:hover{box-shadow:0 20px 44px -12px #00e0ff99,inset 0 1px 0 #ffffff80;filter:saturate(1.08);transform:translateY(-2px)}.btn:active{filter:brightness(.96);transform:translateY(0)}.btn-secondary{background:#ffffff0a;border:1px solid #ffffff21;border:1px solid var(--line-2);border-radius:50px;color:#8a9bb0;color:var(--text-dim);cursor:pointer;display:inline-block;font-size:15px;font-weight:600;margin-top:8px;padding:14px 32px;text-decoration:none;transition:border-color .2s,color .2s,background .2s}.btn-secondary:hover{background:#ffffff12;border-color:#ffffff21;border-color:var(--line-2);color:#eaf1f8;color:var(--text)}.viewer-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff21;border:1px solid var(--line-2);border-radius:50px;color:#8a9bb0;color:var(--text-dim);font-size:13px;font-weight:600;margin-bottom:28px;padding:9px 20px}.pulse{animation:pulse 1.5s infinite;background:#00e0ff;background:var(--accent);border-radius:50%;box-shadow:0 0 12px #00e0ff;box-shadow:0 0 12px var(--accent);display:inline-block;height:8px;margin-right:8px;width:8px}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.content-frame{background:#0e1422;background:var(--surface);border:1px solid #ffffff21;border:1px solid var(--line-2);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 24px 60px -24px #000000bf;box-shadow:var(--shadow);max-width:520px;overflow:hidden;position:relative;width:100%}.content-frame img,.content-frame video{display:block;height:auto;width:100%}.sub{color:#5a6c82;color:var(--text-faint);font-size:13px;font-weight:500;margin-top:16px}.download-link{color:#00e0ff;color:var(--accent);display:block;font-size:14px;font-weight:600;margin-top:12px;text-decoration:none}.live-frame-wrapper{position:relative}.live-feed-img{border-radius:24px;border-radius:var(--radius-lg);display:block;height:auto;width:100%}.live-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a12b8;border:1px solid #ff3d7166;border-radius:50px;color:#ff6e92;display:flex;font-size:12px;font-weight:700;gap:7px;left:14px;letter-spacing:.14em;padding:5px 13px;position:absolute;top:14px;z-index:2}.live-dot{animation:livePulse 1s ease-in-out infinite;background:#ff3d71;background:var(--live);border-radius:50%;box-shadow:0 0 12px #ff3d71;box-shadow:0 0 12px var(--live);height:8px;width:8px}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}.card{background:linear-gradient(180deg,#0e1422,#0a0f1b);background:linear-gradient(180deg,var(--surface),var(--ink-2));border:1px solid #ffffff12;border:1px solid var(--line);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 24px 60px -24px #000000bf;box-shadow:var(--shadow)}.eyebrow{color:#5a6c82;color:var(--text-faint);font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase}@media (prefers-reduced-motion:reduce){.live-dot,.pulse,.screen{animation:none!important}.btn{transition:none}}
/*# sourceMappingURL=main.3c823b5b.css.map*/