.pf{--bordo:#722f37;--crm-bg:#faf7f5;--gold:#c4956a;--gold-l:#e2c29e;--line:#eadfd8;--muted:#6b6466;color:#f3e9dc;background:radial-gradient(70% 90% at 78% 55%,#6e2a33 0%,#4a1c22 50%,#2e1115 100%);border-radius:2rem;width:100%;padding:44px 48px;position:relative;overflow:hidden}.pf .split{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"txt ph""fe ph";align-items:center;column-gap:56px;max-width:1040px;margin:0 auto;display:grid}.pf .txt{grid-area:txt;align-self:end}.pf .txt .eb{font-family:var(--font-hand),cursive;color:var(--gold-l);font-size:24px}.pf .txt h3{font-family:var(--font-display),Georgia,serif;text-wrap:balance;color:#fff;margin:0;font-size:clamp(28px,3.4vw,40px);font-weight:700;line-height:1.1}.pf .txt h3 em{color:var(--gold-l);font-style:normal}.pf .txt p{color:#f3e9dcb8;max-width:30rem;margin:10px 0 0}.pf .fe{grid-area:fe;grid-template-columns:1fr 1fr;align-self:start;gap:16px 28px;width:100%;margin-top:28px;display:grid}.pf .fe div{border-top:1px solid var(--line);border-color:#e2c29e59;padding-top:10px}.pf .fe b{color:#fff;font-size:14.5px;display:block}.pf .fe span{color:#f3e9dc9e;font-size:12.5px}.pf .ph{grid-area:ph;width:356px;height:478px;position:relative}.pf .iph{aspect-ratio:9/19.5;background:linear-gradient(145deg,#5b5552 0%,#2c2826 18%,#1b1817 50%,#2c2826 82%,#6a6360 100%);border-radius:54px;width:286px;padding:11px;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff2e,inset 0 0 0 3px #0e0c0c,0 50px 80px -30px #000000bf,0 22px 40px -18px #0009}.pf .iph .btn{background:linear-gradient(90deg,#3a3533,#5e5754);border-radius:3px;width:4px;position:absolute}.pf .iph .b1{height:5%;top:18%;left:-3px}.pf .iph .b2{height:9%;top:27%;left:-3px}.pf .iph .b3{height:9%;top:38%;left:-3px}.pf .iph .b4{height:14%;top:30%;right:-3px}.pf .scr{background:var(--crm-bg);color:#1c1917;border-radius:44px;flex-direction:column;width:100%;height:100%;font-size:11px;display:flex;position:relative;overflow:hidden}.pf .scr:after{content:"";pointer-events:none;z-index:5;background:linear-gradient(120deg,#ffffff29 0%,#fff0 32%);position:absolute;inset:0}.pf .island{z-index:4;background:#000;border-radius:20px;width:86px;height:25px;margin-left:-43px;position:absolute;top:9px;left:50%}.pf .scale{transform-origin:0 0;perspective:1800px;width:446px;height:635px;position:absolute;top:0;left:0;transform:scale(.74)}.pf .iph{background:linear-gradient(135deg,#b9b2ac 0%,#4a4542 16%,#211e1d 40%,#2b2725 62%,#6e6763 84%,#c9c2bc 100%);border-radius:56px;width:286px;padding:3.5px;box-shadow:inset 0 0 0 .6px #ffffff8c,inset 0 0 0 2px #121010,0 60px 80px -40px #000000bf,0 26px 40px -20px #0000008c}.pf .iph .scr{border:6px solid #050505;border-radius:52px;font-family:-apple-system,SF Pro Text,Helvetica Neue,system-ui,sans-serif}.pf .iph .btn{background:linear-gradient(90deg,#5a5451,#a39b96);width:3px}.pf .iph .b1,.pf .iph .b2,.pf .iph .b3{left:-2px}.pf .iph .b4{right:-2px}.pf .scr:after{background:linear-gradient(115deg,#ffffff38 0%,#ffffff0d 26%,#fff0 40%)}.pf .island{width:92px;height:27px;margin-left:-46px;top:10px}.pf .iph.back{filter:blur(.7px)brightness(.88);position:absolute;top:44px;left:0;transform:rotateY(-8deg)rotate(-6deg)}.pf .iph.front{position:absolute;top:0;right:22px;transform:rotateY(-8deg)rotate(3deg)}.pf .ph .floor{filter:blur(7px);background:radial-gradient(closest-side,#00000080,#0000);height:34px;position:absolute;bottom:-6px;left:8%;right:4%}.pf .rs{transform-origin:0 0;color:#3b3b3b;width:390px;height:878px;font-family:var(--font-geist-sans),system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:#f9f7f3;font-size:14px;line-height:1.43;position:absolute;top:0;left:0;overflow:hidden;transform:scale(.6846)}.pf .rs .st{color:#111;background:#fff;justify-content:space-between;align-items:center;height:54px;padding:16px 30px 0 40px;font:600 17px -apple-system,SF Pro Text,Helvetica Neue,system-ui,sans-serif;display:flex}.pf .rs .st .r{align-items:center;gap:7px;display:flex}.pf .rs .st svg{fill:#111;height:12px}.pf .rs .hdr{background:#fff;border-bottom:1px solid #e9e3db;align-items:center;height:56px;padding:0 16px;display:flex;position:relative}.pf .rs .hdr .mn{padding:8px;display:flex}.pf .rs .hdr svg{stroke:#722f37;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.pf .rs .hdr img{height:32px;position:absolute;left:50%;transform:translate(-50%)}.pf .rs .hdr .rt{align-items:center;gap:4px;margin-left:auto;display:flex}.pf .rs .hdr .ib{padding:6px 8px;display:flex;position:relative}.pf .rs .hdr .cnt{color:#fff;background:#ef4444;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:0;right:2px}.pf .rs .hdr .av{color:#722f37;background:#722f371a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin:0 8px 0 4px;font-size:12px;font-weight:600;display:flex}.pf .rs main{flex-direction:column;gap:12px;padding:10px;display:flex}.pf .rs .ban{background:linear-gradient(135deg,#722f37 0%,#5a252c 100%);border-radius:16px;padding:16px;position:relative;overflow:hidden}.pf .rs .ban .o{background:#ffffff1a;border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-40px}.pf .rs .ban .h1{color:#fff;margin:0 0 4px;font-size:20px;font-weight:700;line-height:1.4;position:relative}.pf .rs .ban p.s{color:#fffc;margin:0;font-size:12px;line-height:1.625;position:relative}.pf .rs .hc{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex;position:relative}.pf .rs .hc>div{color:#fff;background:#ffffff26;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;display:flex}.pf .rs .hc i{background:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:24px;height:24px;display:flex;box-shadow:0 1px 3px #0003}.pf .rs .hc i svg{width:14px;height:14px}.pf .rs .hc b{font-size:18px;font-weight:700;line-height:1.3}.pf .rs .hc small{color:#ffffffb3;white-space:nowrap;font-size:12px;line-height:1.2;display:block}.pf .rs .hc .bar{background:#fff3;border-radius:4px;height:4px;margin-top:4px;overflow:hidden}.pf .rs .hc .bar span{background:#f3d8bc;border-radius:4px;width:80%;height:100%;display:block}.pf .rs .nx{background:#fffffff2;border-radius:12px;margin-top:16px;padding:14px;position:relative;box-shadow:0 10px 30px #0000002e}.pf .rs .nx .cap{letter-spacing:.05em;text-transform:uppercase;color:#757575;font-size:10px;font-weight:600}.pf .rs .nx .ln{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:4px;display:flex}.pf .rs .nx .ln b{letter-spacing:-.02em;color:#222;font-size:18px;font-weight:800}.pf .rs .nx .bd{color:#722f37;background:#722f371a;border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600}.pf .rs .nx .m{color:#757575;margin-top:4px;font-size:12px}.pf .rs .nx .bt{gap:8px;margin-top:12px;display:flex}.pf .rs .nx .bt span{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.pf .rs .nx .bt .p{color:#fff;background:#722f37}.pf .rs .nx .bt .p svg{width:16px;height:16px}.pf .rs .nx .bt .g{color:#222;background:#fff;border:1px solid #e9e3db}.pf .rs .lb{letter-spacing:.05em;text-transform:uppercase;color:#757575;padding:0 4px;font-size:10px;font-weight:600}.pf .rs .cdx{background:#fff;border:1px solid #e9e3db;border-radius:12px;padding:22px 14px;box-shadow:0 1px 2px #0000000d}.pf .rs .cdx .hd{justify-content:space-between;align-items:center;gap:8px;display:flex}.pf .rs .cdx .hd b{color:#222;font-size:14px;font-weight:600}.pf .rs .cdx .hd small{color:#757575;font-size:12px}.pf .rs .td{border-top:1px solid #eee9e3;align-items:center;gap:12px;padding:10px 0;display:flex}.pf .rs .td:first-of-type{border-top:0;margin-top:4px}.pf .rs .td .c{border:2px solid #d9cfc4;border-radius:50%;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.pf .rs .td .c.ok{background:#15803d;border-color:#15803d}.pf .rs .td .c svg{stroke:#fff;fill:none;stroke-width:3px;width:12px;height:12px}.pf .rs .td .x{flex:1;min-width:0}.pf .rs .td .x b{color:#222;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.pf .rs .td .x b.dn{color:#757575;font-weight:400;text-decoration:line-through}.pf .rs .td .x small{color:#757575;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.pf .rs .td .a{color:#722f37;white-space:nowrap;align-items:center;font-size:12px;font-weight:600;display:flex}.pf .rs .tl{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pf .rs .tl>div{background:#fff;border:1px solid #e9e3db;border-radius:12px;flex-direction:column;gap:8px;padding:22px 14px;display:flex;position:relative;box-shadow:0 1px 2px #0000000d}.pf .rs .tl i{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.pf .rs .tl i svg{stroke:#fff;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.pf .rs .tl b{color:#222;font-size:14px;font-weight:600}.pf .rs .tl small{color:#757575;white-space:nowrap;text-overflow:ellipsis;margin-top:-6px;font-size:12px;display:block;overflow:hidden}.pf .rs .tl .bg{border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700;position:absolute;top:12px;right:12px}.pf .rs .ch{flex-direction:column;gap:16px;padding:10px;display:flex}.pf .rs .ch .h1{color:#722f37;margin:0;font-size:24px;font-weight:700}.pf .rs .cw{background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex-direction:column;height:690px;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000d}.pf .rs .cw .th{border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;padding:14px 20px;display:flex}.pf .rs .cw .th span{color:#fff;background:#722f37;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:14px;font-weight:700;display:flex}.pf .rs .cw .th b{color:#222;font-size:14px;font-weight:700}.pf .rs .cw .ms{background:#f9fafb;flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.pf .rs .cw .m{border-radius:16px;max-width:70%;padding:8px 16px;font-size:14px}.pf .rs .cw .m.in{color:#222;background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:6px;align-self:flex-start}.pf .rs .cw .m.out{color:#fff;background:#722f37;border-bottom-right-radius:6px;align-self:flex-end}.pf .rs .cw .m small{color:#9ca3af;margin-top:4px;font-size:10px;display:block}.pf .rs .cw .m.out small{color:#fff9}.pf .rs .cw .m .f{color:#2563eb;align-items:center;gap:8px;display:flex}.pf .rs .cw .m .f svg{stroke:currentColor;fill:none;stroke-width:2px;width:16px;height:16px}.pf .rs .cw .in2{border-top:1px solid #e5e7eb;align-items:center;gap:10px;padding:16px;display:flex}.pf .rs .cw .in2 .pc{background:#f5f0eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pf .rs .cw .in2 .pc svg{stroke:#757575;fill:none;stroke-width:2px;width:20px;height:20px}.pf .rs .cw .in2 .fld{color:#9ca3af;border:1px solid #e5e7eb;border-radius:999px;flex:1;padding:9px 16px;font-size:14px}.pf .rs .cw .in2 .sd{background:#722f37;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pf .rs .cw .in2 .sd svg{stroke:#fff;fill:none;stroke-width:2px;width:18px;height:18px}.pf .rs .hb{background:#111;border-radius:5px;width:140px;height:5px;margin-left:-70px;position:absolute;bottom:8px;left:50%}@media (max-width:639px){.pf{padding:36px 16px 34px}.pf .split{grid-template-columns:1fr;grid-template-areas:"txt""ph""fe";justify-items:center;row-gap:22px}.pf .txt{text-align:center}.pf .txt h3{font-size:27px}.pf .fe{gap:14px 16px;margin-top:4px}.pf .fe b{font-size:13px}.pf .fe span{font-size:11.5px}.pf .ph{width:290px;height:415px}.pf .scale{transform:scale(.65)}}@media (prefers-reduced-motion:reduce){.pf *{transition:none!important}}