.E0kJGG_page{color:#182339;min-height:100svh;font-family:var(--font-geist-sans), Arial, sans-serif;background:#fafaf9;flex-direction:column;display:flex}.E0kJGG_header,.E0kJGG_main,.E0kJGG_footer{width:min(1180px,100%);margin-inline:auto;padding-inline:40px}.E0kJGG_header{justify-content:space-between;align-items:center;padding-block:28px;display:flex}.E0kJGG_brand{letter-spacing:-1px;align-items:center;gap:9px;font-size:27px;font-weight:750;display:inline-flex}.E0kJGG_brand svg,.E0kJGG_brand>span{color:#2563eb}.E0kJGG_login{align-items:center;gap:10px;padding:10px 0 10px 12px;font-size:14px;font-weight:600;display:inline-flex}.E0kJGG_navigation{align-items:center;gap:22px;display:flex}.E0kJGG_headerGuest{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:0;min-height:44px;font-size:14px;font-weight:600}.E0kJGG_headerGuest:hover{color:#1d4ed8}.E0kJGG_login:hover{color:#2563eb}.E0kJGG_main{flex-direction:column;flex:1;justify-content:center;display:flex}.E0kJGG_hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;padding-block:68px 76px;display:grid}.E0kJGG_intro{animation:.75s both E0kJGG_enter}.E0kJGG_eyebrow{color:#52657e;align-items:center;gap:9px;margin-bottom:25px;font-size:12px;font-weight:500;display:flex}.E0kJGG_eyebrow>span{background:#14b8a6;border-radius:50%;width:7px;height:7px}.E0kJGG_intro h1{letter-spacing:-4px;font-size:clamp(52px,6.4vw,80px);font-weight:650;line-height:1.04}.E0kJGG_intro h1>span{color:#2563eb}.E0kJGG_description{color:#64748b;max-width:370px;margin-top:25px;font-size:17px;line-height:1.8}.E0kJGG_actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px;display:flex}.E0kJGG_primary,.E0kJGG_guest{min-height:48px;font:inherit;cursor:pointer;border:0;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:600;transition:transform .18s,background .18s;display:inline-flex}.E0kJGG_primary{color:#fff;background:#2563eb;border-radius:10px;padding:13px 20px;box-shadow:0 5px 14px #2563eb20}.E0kJGG_primary:hover{background:#1d4ed8;transform:translateY(-2px)}.E0kJGG_guest{color:#475569;background:0 0;padding:10px 0}.E0kJGG_guest:hover{color:#2563eb;transform:translate(3px)}.E0kJGG_page a:focus-visible,.E0kJGG_page button:focus-visible{outline-offset:5px;outline:3px solid #0891b2}.E0kJGG_hint{color:#64748b;margin-top:18px;font-size:11px;line-height:1.6}.E0kJGG_visual{min-width:0;padding:25px 0;animation:1s .15s both E0kJGG_enter;position:relative}.E0kJGG_glow{pointer-events:none;background:radial-gradient(#c7e8ff90,#c8f4ed50 45%,#0000 70%);border-radius:50%;position:absolute;inset:-50px -20px}.E0kJGG_piano{background:#fff;border:1px solid #e2e8f0;border-radius:18px;position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 24px 65px -25px #3e678b40}.E0kJGG_visualHeader{color:#64748b;border-bottom:1px solid #eef2f6;align-items:center;gap:8px;padding:18px 20px;font-size:11px;display:flex}.E0kJGG_liveDot{background:#14b8a6;border-radius:50%;width:6px;height:6px}.E0kJGG_tempo{font-variant-numeric:tabular-nums;margin-left:auto}.E0kJGG_sheet{background:linear-gradient(#fff,#f8fbff);padding:8px 0}.E0kJGG_score{width:100%;height:auto;display:block}.E0kJGG_clef,.E0kJGG_bassClef{fill:#334155;font-family:Apple Symbols,Noto Music,Segoe UI Symbol,serif;font-size:60px}.E0kJGG_bassClef{font-size:47px}.E0kJGG_timeSignature{fill:#334155;text-anchor:middle;font-family:Georgia,serif;font-size:23px;font-weight:700}.E0kJGG_scoreNote{color:#334155;fill:currentColor}.E0kJGG_activeNote{color:#2563eb}.E0kJGG_keyboard{background:#dce3eb;gap:2px;height:98px;padding:0 2px 3px;display:flex;position:relative}.E0kJGG_whiteKey{background:#fff;border-radius:0 0 5px 5px;flex:1;position:relative;overflow:hidden}.E0kJGG_keyLight{opacity:1;background:#bfdbfe;position:absolute;inset:0}.E0kJGG_blackKey{background:linear-gradient(90deg,#182339,#334155);border-radius:0 0 4px 4px;width:4%;height:61%;position:absolute;top:0;box-shadow:0 3px 3px #0003}.E0kJGG_visualCaption{text-align:center;color:#52657e;letter-spacing:.03em;margin-top:27px;font-size:12px;display:block;position:relative}.E0kJGG_features{border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;gap:24px 36px;padding-block:28px;display:flex}.E0kJGG_features>span{color:#52657e;align-items:center;gap:10px;font-size:13px;display:inline-flex}.E0kJGG_features svg{color:#2563eb;font-size:19px}.E0kJGG_footer{color:#64748b;justify-content:space-between;gap:16px;padding-block:25px;font-size:11px;display:flex}@keyframes E0kJGG_enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.E0kJGG_hero{gap:30px}.E0kJGG_intro h1{letter-spacing:-3px;font-size:60px}.E0kJGG_actions{gap:12px}.E0kJGG_primary,.E0kJGG_guest{font-size:13px}}@media (max-width:680px){.E0kJGG_header,.E0kJGG_main,.E0kJGG_footer{padding-inline:24px}.E0kJGG_header{gap:12px;padding-block:20px}.E0kJGG_navigation{gap:12px}.E0kJGG_headerGuest,.E0kJGG_login{font-size:12px}.E0kJGG_login{gap:5px;padding-left:0}.E0kJGG_brand{gap:5px;font-size:24px}.E0kJGG_hero{grid-template-columns:1fr;gap:22px;padding-block:36px 24px}.E0kJGG_intro h1{font-size:clamp(50px,12vw,68px)}.E0kJGG_description{max-width:390px;font-size:16px}.E0kJGG_visual{width:100%;max-width:440px;margin-inline:auto;padding:20px 8px}.E0kJGG_keyboard{height:78px}.E0kJGG_features{justify-content:flex-start;gap:18px 24px;padding-block:24px}.E0kJGG_footer{flex-wrap:wrap;font-size:10px}}@media (prefers-reduced-motion:reduce){.E0kJGG_page *,.E0kJGG_page :before,.E0kJGG_page :after{transition:none;animation:none}}