@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/open-sans-cyrillic-400-normal-DvjyhnTk.woff2) format("woff2"),url(/assets/open-sans-cyrillic-400-normal-XMp_Qeuo.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/open-sans-cyrillic-600-normal-BuMhxFId.woff2) format("woff2"),url(/assets/open-sans-cyrillic-600-normal-C5LXWJm_.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/open-sans-cyrillic-700-normal-Db4W_Rwa.woff2) format("woff2"),url(/assets/open-sans-cyrillic-700-normal-FWckWEfO.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/open-sans-cyrillic-800-normal-CLEA-VCR.woff2) format("woff2"),url(/assets/open-sans-cyrillic-800-normal-rP9zYPDF.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/open-sans-latin-400-normal-Bk63H6sG.woff2) format("woff2"),url(/assets/open-sans-latin-400-normal-DKniycaP.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/open-sans-latin-600-normal-Cp4N6AwT.woff2) format("woff2"),url(/assets/open-sans-latin-600-normal-C3dWW5mx.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/open-sans-latin-700-normal-CceUhp2e.woff2) format("woff2"),url(/assets/open-sans-latin-700-normal-CZCQA30i.woff) format("woff")}@font-face{font-family:Open Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/open-sans-latin-800-normal-C0t39IfQ.woff2) format("woff2"),url(/assets/open-sans-latin-800-normal-w4vykUBk.woff) format("woff")}:root{font-family:Open Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17233d;background:#f6f3e9;font-synthesis:none;color-scheme:light;--paper: #f6f3e9;--ink: #17233d;--surface: #fffef9;--surface-raised: #ffffff;--line: rgba(41, 73, 119, .18);--muted: #647087;--accent: #285cc4;--accent-strong: #17489f;--success: #168564;--warning: #a66b00;--danger: #b23a4b}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background-color:var(--paper);background-image:linear-gradient(rgba(40,92,196,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(40,92,196,.07) 1px,transparent 1px),radial-gradient(circle at 82% 12%,rgba(245,191,71,.2),transparent 25rem);background-size:28px 28px,28px 28px,auto}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(40,92,196,.42)}a{color:inherit}.button{min-height:44px;border:1px solid var(--line);border-radius:12px;padding:.7rem 1rem;color:var(--ink);background:#ffffffe6;cursor:pointer;font-weight:700;box-shadow:0 4px 12px #213a5f14;transition:transform .15s ease,background .15s ease,opacity .15s ease}.button:hover:not(:disabled){transform:translateY(-1px);border-color:#285cc459;background:#f4f7ff}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{border-color:transparent;color:#fff;background:var(--accent);box-shadow:0 12px 28px #285cc438}.button--primary:hover:not(:disabled){background:var(--accent-strong)}.button--danger{border-color:#b23a4b40;color:#9d2e40;background:#fff1f2}.eyebrow{display:inline-block;color:var(--accent);font-size:.77rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.panel{border:1px solid var(--line);border-radius:24px;background:#fffef9f0;box-shadow:0 24px 70px #2a3b5b24}.alert{margin:0;padding:.8rem 1rem;border-radius:12px;font-size:.9rem}.alert--error{color:#8f2637;border:1px solid rgba(178,58,75,.25);background:#fff0f2}.alert--warning{color:#825400;border:1px solid rgba(166,107,0,.24);background:#fff7df}.home-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:clamp(1.5rem,4vw,5rem);align-items:center;max-width:1320px;min-height:100vh;min-height:100dvh;margin:auto;padding:clamp(1.25rem,5vh,4rem) clamp(1.5rem,6vw,6rem);overflow:hidden}.hero{max-width:680px}.hero h1{max-width:11em;margin:.7rem 0 1rem;color:#14254a;font-size:clamp(2.8rem,5vw,4.8rem);font-weight:700;line-height:1;letter-spacing:-.055em}.hero>p{max-width:620px;margin:0 0 1rem;color:var(--muted);font-size:clamp(.95rem,1.35vw,1.1rem);line-height:1.55}.math-quote{max-width:620px;margin:0 0 1.25rem;padding:.75rem 1rem .8rem 1.1rem;border-left:4px solid var(--accent);border-radius:0 14px 14px 0;background:#ffffffb8;box-shadow:0 6px 20px #213a5f0f}.math-quote blockquote{margin:0;color:#2a3d62;font-size:.94rem;font-style:italic;line-height:1.55}.math-quote figcaption{margin-top:.45rem;color:var(--muted);font-size:.76rem;font-weight:700}.math-quote figcaption a{text-decoration:none}.math-quote figcaption a:hover{color:var(--accent);text-decoration:underline}.activation-form{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;max-width:520px}.activation-form__password{display:flex;flex-direction:column;gap:.45rem;width:100%;color:var(--muted);font-size:.8rem;font-weight:700}.activation-form__password input{width:100%;height:50px;padding:0 .9rem;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#ffffffeb;box-shadow:inset 0 1px 2px #1d304d0d}.activation-form__actions{display:flex;flex-wrap:wrap;gap:.7rem}.activation-form__actions .button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding-inline:1.5rem;text-decoration:none}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0 0;padding:0;list-style:none}.benefits li{display:flex;flex-direction:column;gap:.35rem;padding-top:1rem;border-top:2px solid rgba(40,92,196,.18)}.benefits strong{font-size:.9rem}.benefits span{color:var(--muted);font-size:.78rem;line-height:1.45}.hero-visual{position:relative;aspect-ratio:4 / 5;transform:rotate(1deg)}.hero-visual:before{content:"";position:absolute;inset:14% 6% 7% 8%;border:2px solid rgba(40,92,196,.14);border-radius:50%;transform:rotate(-12deg)}.mock-main,.mock-thumb{position:absolute;display:flex;align-items:flex-end;padding:1rem;border:1px solid rgba(41,73,119,.18);border-radius:22px;background:#fffef9;box-shadow:0 24px 58px #2a3b5b2e}.mock-main{inset:5% 10% 8% 0}.mock-main:after{content:"";position:absolute;inset:12% 10%;border-radius:12px;background-image:linear-gradient(rgba(40,92,196,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(40,92,196,.12) 1px,transparent 1px);background-color:#fffdf5;background-size:22px 22px;transform:rotate(-2deg)}.mock-main:before{content:"x² + y² = r²";position:absolute;top:32%;left:20%;z-index:2;color:#285cc4;font-size:clamp(1.3rem,2.8vw,2.4rem);font-style:italic;font-weight:600;transform:rotate(-4deg)}.mock-thumb{right:0;width:38%;height:27%;z-index:2;background:linear-gradient(150deg,#edf3ff,#dce7fb)}.mock-thumb--one{top:12%}.mock-thumb--two{bottom:14%;background:linear-gradient(150deg,#fff4d7,#f4dfaa)}.mock-main span,.mock-thumb span{position:relative;z-index:3;padding:.3rem .55rem;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:#ffffffe6;font-size:.75rem;font-weight:700}.math-symbol{position:absolute;z-index:4;color:#285cc48c;font-size:clamp(2rem,4vw,4rem);font-style:italic}.math-symbol--one{top:0;left:4%}.math-symbol--two{top:42%;right:-2%;transform:rotate(8deg)}.math-symbol--three{bottom:0;left:28%;transform:rotate(-7deg)}.setup-page{display:grid;place-items:center;min-height:100vh;padding:1.5rem}.setup-intro{width:min(620px,100%);padding:clamp(1.5rem,5vw,3.2rem);text-align:center}.setup-intro h1,.setup-card h1,.end-card h1{margin:.6rem 0 .8rem;color:#14254a;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:-.035em}.setup-intro>p{color:var(--muted);line-height:1.65}.setup-intro>.button{margin-top:1.2rem}.setup-intro .alert{margin-top:1rem}.setup-card{width:min(1060px,100%);padding:clamp(1.2rem,3vw,2rem)}.setup-card header{margin-bottom:1.2rem}.preview-grid{display:grid;grid-template-columns:1fr;gap:1rem}.preview-grid--host{grid-template-columns:1.6fr 1fr}.preview-grid .video-surface{min-height:220px;aspect-ratio:16 / 9}.device-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.2rem 0}.field{display:flex;flex-direction:column;gap:.45rem;color:var(--muted);font-size:.8rem;font-weight:700}.field select{min-width:0;height:44px;padding:0 .75rem;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:#fff}.session-link{display:flex;align-items:center;gap:.7rem;margin:1rem 0;padding:.7rem;border:1px solid var(--line);border-radius:12px;background:#f4f7fc}.session-link code{flex:1;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.silent-mode-confirmation{display:flex;align-items:center;gap:.7rem;margin:1rem 0;color:#825400;font-size:.88rem;font-weight:700}.silent-mode-confirmation input{width:19px;height:19px;accent-color:var(--accent)}.end-card{width:min(560px,100%);padding:3rem;text-align:center}.end-card p{color:var(--muted)}.call-page{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"header" "messages" "videos" "controls";width:100%;height:100vh;height:100dvh;min-height:0;padding:1rem;gap:.8rem;overflow:hidden;background-color:#eef3fa;background-image:linear-gradient(rgba(40,92,196,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(40,92,196,.055) 1px,transparent 1px);background-size:24px 24px}.call-header{grid-area:header;display:flex;align-items:center;gap:.8rem;min-height:48px}.brand{display:inline-flex;align-items:center;gap:.45rem;margin-right:auto;color:#17366f;text-decoration:none;font-size:1.05rem;font-weight:700}.brand span{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;background:var(--accent);font-size:1.1rem}.connection-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .75rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#ffffffe6;font-size:.78rem;font-weight:700;box-shadow:0 4px 14px #213a5f14}.connection-badge:before{content:"";width:7px;height:7px;border-radius:99px;background:var(--warning)}.connection-badge--connected:before{background:var(--success);box-shadow:0 0 0 4px #1685641a}.connection-badge--lost:before,.connection-badge--ended:before{background:var(--danger)}.call-messages{grid-area:messages;display:grid;gap:.4rem;min-height:0}.call-messages:empty{display:none}.call-alert{width:min(720px,100%);margin:auto}.remote-mic-state{margin:0 auto;color:#9d2e40;font-size:.78rem;font-weight:700}.video-layout{grid-area:videos;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,24vw);gap:.8rem;width:100%;height:100%;min-width:0;min-height:0;overflow:hidden}.video-surface{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(41,73,119,.2);border-radius:18px;background:#edf1f6;box-shadow:0 10px 30px #1f34531f}.video-surface video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-surface--contain video{object-fit:contain}.call-page .video-surface video{object-fit:contain}.video-main{height:100%}.thumbnails{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:.8rem;height:100%;min-height:0}.video-thumbnail{min-height:0}.is-mirrored{transform:scaleX(-1)}.video-placeholder{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;padding:1rem;color:var(--muted);text-align:center;background-color:#f8f8f3;background-image:linear-gradient(rgba(40,92,196,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(40,92,196,.08) 1px,transparent 1px);background-size:24px 24px}.video-placeholder span{font-size:2rem;opacity:.6}.video-placeholder p{max-width:20rem;margin:.6rem 0 0;font-size:.82rem;line-height:1.45}.video-label{position:absolute;left:.7rem;bottom:.7rem;z-index:2;padding:.35rem .55rem;border:1px solid rgba(41,73,119,.14);border-radius:7px;color:#17233d;background:#ffffffe6;font-size:.72rem;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.call-audio{display:none}.controls{grid-area:controls;position:relative;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.55rem;padding:.45rem;border:1px solid var(--line);border-radius:16px;background:#fffef9e0;box-shadow:0 8px 26px #213a5f1a}.controls .button{font-size:.8rem}.device-menu{position:relative}.device-menu summary{display:grid;place-items:center;min-height:44px;padding:.7rem 1rem;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff;cursor:pointer;font-size:.8rem;font-weight:700;list-style:none;box-shadow:0 4px 12px #213a5f14}.device-menu summary::-webkit-details-marker{display:none}.device-menu__body{position:absolute;right:0;bottom:calc(100% + .7rem);z-index:5;display:grid;width:min(340px,90vw);gap:.7rem;padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fffef9;box-shadow:0 20px 60px #2a3b5b33}.field--compact select{width:100%}@media(max-width:860px){.home-page{grid-template-columns:1fr;padding:2rem 1.2rem;overflow:visible}.hero-visual{display:none}.hero h1{font-size:clamp(2.8rem,13vw,4.6rem)}.video-layout{grid-template-columns:1fr;grid-template-rows:minmax(45vh,1fr) auto}.thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.video-thumbnail{aspect-ratio:16 / 10;min-height:120px}}@media(max-width:600px){.benefits{grid-template-columns:1fr;margin-top:2.2rem}.preview-grid--host,.device-fields{grid-template-columns:1fr}.preview-grid .video-surface{min-height:180px}.setup-page{padding:.7rem}.setup-card{border-radius:16px}.session-link{align-items:stretch;flex-direction:column}.call-page{padding:.5rem}.call-header .button{display:none}.connection-badge{font-size:.68rem}.video-layout{grid-template-rows:minmax(42vh,1fr) auto}.video-thumbnail{min-height:105px}.controls{padding-bottom:env(safe-area-inset-bottom)}.controls .button,.device-menu summary{min-height:42px;padding:.55rem .65rem;font-size:.7rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}