:root{--blue: #4262ff;--blue-light: #7d93ff;--violet: #6822ff;--ink: #080a22;--ink-2: #10133a;--text: #f4f5ff;--muted: #a7aed8;--line: rgba(167, 174, 216, .18);--orange: #f29a1f}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,Segoe UI,system-ui,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--blue);color:#fff}.page{position:relative;min-height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:16px;padding:16px;overflow:hidden}.spotlight{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.content{position:relative;z-index:1;display:flex;flex-direction:column;padding:24px 40px 8px;min-height:calc(100vh - 32px);min-width:0}.logo{height:36px;width:auto;display:block}.main{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:620px;padding:48px 0}.kicker{margin:0 0 24px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:var(--blue-light)}.kicker:before{content:"";width:28px;height:2px;background:var(--orange)}h1{margin:0;font-family:Bricolage Grotesque,Inter,sans-serif;font-size:clamp(42px,5.6vw,80px);line-height:1;font-weight:700;letter-spacing:-.035em}.line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}.line__inner{display:inline-block;will-change:transform}.rotator{position:relative;display:inline-flex;overflow:hidden;vertical-align:bottom;color:var(--blue-light)}.rotator__word{display:inline-block;white-space:nowrap}.lede{margin:28px 0 40px;max-width:500px;font-size:18px;line-height:1.6;color:var(--muted);text-wrap:pretty}.notify{max-width:520px}.notify__label{display:block;margin-bottom:12px;font-size:14px;font-weight:600;color:var(--text)}.notify__row{display:flex;gap:8px;padding:6px;border-radius:16px;background:#ffffff0a;border:1px solid var(--line);transition:border-color .2s,background .2s}.notify__row:focus-within{border-color:#7d93ffb3;background:#ffffff0f}.notify__row--error{border-color:#ff788cbf}.notify input[type=email]{flex:1;min-width:0;height:50px;padding:0 14px;border:0;background:transparent;outline:none;font:inherit;font-size:16px;color:var(--text)}.notify input[type=email]::placeholder{color:#a7aed8a6}.notify__trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.cta{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:148px;height:50px;padding:0 22px;border:0;border-radius:12px;background:var(--blue);color:#fff;font:inherit;font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 10px 30px #4262ff59;transition:background .2s,box-shadow .2s}.cta:hover{background:#5470ff;box-shadow:0 14px 40px #4262ff80}.cta:disabled{cursor:progress}.cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.cta__arrow{display:inline-flex;transition:transform .25s cubic-bezier(.22,1,.36,1)}.cta:hover .cta__arrow{transform:translate(4px)}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .8s linear infinite}.notify__help{margin:12px 4px 0;font-size:13px;color:var(--muted)}.notify__help--error{color:#ff9aa9;font-weight:600}.done{max-width:520px;display:flex;align-items:flex-start;gap:16px;padding:20px 22px;border-radius:16px;background:#4262ff1f;border:1px solid rgba(125,147,255,.45)}.done__icon{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff}.done__title{margin:0 0 4px;font-size:17px;font-weight:700}.done__text{margin:0;font-size:15px;line-height:1.5;color:var(--muted)}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.marquee__track{list-style:none;margin:0;padding:14px 0;display:flex;width:max-content}.marquee__track li{display:flex;align-items:center;gap:14px;padding-right:28px;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap}.marquee__star{width:6px;height:6px;border-radius:50%;background:var(--orange)}.foot{display:flex;justify-content:space-between;gap:12px;padding:16px 0 8px;font-size:13px;color:var(--muted)}.panel{position:relative;z-index:1;overflow:hidden;border-radius:28px;background:var(--blue);display:flex;flex-direction:column;justify-content:space-between;padding:40px;color:#fff;will-change:transform}.panel__light{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.panel__head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel__word{margin:0;font-family:Bricolage Grotesque,Inter,sans-serif;font-size:clamp(56px,7vw,112px);font-weight:700;line-height:.95;letter-spacing:-.04em}.panel__note{margin:10px 0 0;font-size:15px;font-weight:500;color:#ffffffd9;white-space:nowrap}.scene{position:absolute;z-index:1;left:0;right:0;top:52%;display:flex;justify-content:center;pointer-events:none}.scene__inner{position:relative;width:min(80%,420px);transform:translateY(-50%);min-height:300px}.inv{position:relative;padding:22px;border-radius:20px;background:#fff;color:#0e1233;box-shadow:0 30px 70px #080a2259,0 2px #fff9 inset}.inv__top{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #eceefa}.inv__logo{width:36px;height:36px;border-radius:10px}.inv__who{flex:1;min-width:0}.inv__no{margin:0;font-size:12px;font-weight:600;color:#5a6188}.inv__to{margin:2px 0 0;font-size:15px;font-weight:700}.inv__status{display:inline-flex;overflow:hidden;height:26px;padding:0 10px;align-items:center;border-radius:999px;background:#e8ecff;color:#2b3aa8;font-size:12px;font-weight:700;transition:background .3s,color .3s}.inv__status--paid{background:#e3f6ea;color:#136c3a}.inv__lines{list-style:none;margin:0;padding:8px 0}.inv__lines li{position:relative;height:52px;border-bottom:1px solid #f1f2fb}.inv__skeleton{position:absolute;left:0;top:14px;width:70%;height:10px;border-radius:5px;background:#eef0f8;box-shadow:0 16px 0 -2px #f3f4fa}.inv__line{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;gap:12px}.inv__item{display:flex;flex-direction:column;min-width:0}.inv__item strong{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv__item small{font-size:12px;color:#5a6188}.inv__line b{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.inv__row{display:flex;justify-content:space-between;padding:12px 0 6px;font-size:13px;color:#5a6188;font-variant-numeric:tabular-nums}.inv__total{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;font-weight:600}.inv__total strong{font-family:Bricolage Grotesque,Inter,sans-serif;font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.inv__stamp{position:absolute;left:36%;bottom:52px;padding:6px 14px;border:3px solid #1f9d55;border-radius:10px;color:#1f9d55;font-family:Bricolage Grotesque,Inter,sans-serif;font-size:26px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#ffffffd9}.bas{position:absolute;right:-28px;bottom:-64px;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:16px;background:#0e1233;color:#fff;box-shadow:0 20px 50px #080a2266}.bas__icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#f29a1f;color:#0e1233}.bas__title{display:block;font-size:14px;font-weight:700}.bas__text{display:block;font-size:12px;color:#a7aed8}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}@media (max-width: 900px){.page{grid-template-columns:1fr;padding:12px;gap:0}.spotlight{display:none}.panel{order:-1;border-radius:22px;padding:20px 20px 0;flex-direction:row;align-items:flex-end;justify-content:space-between;transform:none!important}.panel{display:block;min-height:176px}.panel__word{font-size:44px}.panel__note{display:none}.scene{left:auto;right:-40px;top:50%;width:300px}.scene__inner{width:300px;transform:translateY(-50%) scale(.5);transform-origin:center}.bas{display:none}.content{min-height:0;padding:24px 12px 8px}.main{padding:28px 0 40px}}@media (max-width: 520px){.top{display:none}.panel{padding:18px 18px 0}.panel:before{content:"";position:absolute;left:18px;bottom:18px;width:120px;height:30px;background:url(/calcuroo-logo-white.png) left bottom / contain no-repeat}.main{padding:8px 0 32px}.kicker{margin-bottom:16px}h1{font-size:40px;line-height:1.04}.lede{margin:18px 0 28px;font-size:16px}.notify__row{flex-direction:column;padding:0;border:0;background:none;gap:10px}.notify__row:focus-within{background:none}.notify input[type=email]{flex:0 0 52px;height:52px;padding:0 16px;border-radius:14px;border:1px solid var(--line);background:#ffffff0d}.notify input[type=email]:focus{border-color:#7d93ffcc}.notify__row--error input[type=email]{border-color:#ff788cbf}.cta{width:100%;height:52px;border-radius:14px}.foot{font-size:12px}}
