.pfLogin{color:#fff;min-height:100svh;font-family:var(--font-inter),Inter,Arial,sans-serif;background-color:#0b0e20;background-image:radial-gradient(at 12% 20%,#193a722e,#0000 50%),radial-gradient(at 52% 80%,#6331d320,#0000 46%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;overflow:hidden}.pfLogin *{box-sizing:border-box}.pfLoginLayout{grid-template-columns:minmax(0,1.45fr) minmax(370px,.85fr);align-items:center;gap:60px;max-width:1536px;min-height:100svh;margin:auto;padding:38px 56px;display:grid}.pfStory{flex-direction:column;justify-content:center;align-self:stretch;min-width:0;display:flex}.pfLogo,.pfMobileLogo{background:url(/payfoll-logo-oficial.png) 0/contain no-repeat;width:185px;height:58px;display:block}.pfStoryCopy{margin-top:32px}.pfOverline{letter-spacing:.16em;color:#b8c4e9;align-items:center;gap:9px;font-size:10px;font-weight:750;display:flex}.pfOverline>span{background:#12e7d6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 16px #12e7d6}.pfStoryCopy h1{letter-spacing:-.045em;margin:20px 0 18px;font-size:clamp(35px,3.2vw,52px);font-weight:750;line-height:1.08}.pfStoryCopy h1 em{color:#0000;background:linear-gradient(90deg,#63d9ff,#aa8bff);-webkit-background-clip:text;background-clip:text;font-style:normal}.pfStoryCopy>p:last-child{color:#a6b0cf;max-width:475px;margin:0;font-size:15px;line-height:1.7}.pfStoryFooter{color:#a7b4d4;flex-wrap:wrap;gap:26px;margin-top:4px;font-size:11px;display:flex}.pfStoryFooter span{align-items:center;gap:7px;display:flex}.pfStoryFooter svg{color:#36d6c2}.pfFan{isolation:isolate;height:355px;margin:26px -12px 5px;position:relative}.pfFanGlow{filter:blur(20px);background:radial-gradient(#654bff44,#0000 67%);position:absolute;inset:50px 5% 20px}.pfScreen{color:#19213f;transform-origin:bottom;background:#f9faff;border:1px solid #d7ddf4;border-radius:12px;width:255px;transition:transform .35s;position:absolute;top:24px;overflow:hidden;box-shadow:0 20px 50px #03071760}.pfWindowBar{background:#fff;border-bottom:1px solid #e7eaf3;align-items:center;gap:4px;height:23px;padding:8px;display:flex}.pfWindowBar>span{background:#cdd3e4;border-radius:100%;width:4px;height:4px}.pfWindowBar small{color:#8992ac;margin:auto;font-size:6px}.pfScreenBody{padding:17px}.pfMiniEyebrow{letter-spacing:.1em;color:#7352e4;font-size:7px;font-weight:800}.pfScreen h3{letter-spacing:-.04em;margin:10px 0 16px;font-size:19px;line-height:1.15}.pfImport{z-index:1;top:27px;left:3%;transform:rotate(-12deg)}.pfDocuments{z-index:2;top:27px;right:3%;transform:rotate(12deg)}.pfProcessing{z-index:3;width:300px;top:23px;left:50%;transform:translate(-50%)rotate(-2deg);box-shadow:0 30px 60px #03071780}.pfProcessing .pfScreenBody{padding:17px 20px}.pfMiniNav{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.pfMiniNav b{color:#623de1;font-size:13px}.pfMiniNav span{color:#8491ad;font-size:6px}.pfProcessing h3{margin:8px 0 4px;font-size:20px}.pfProcessing p{color:#8390ab;margin:0 0 12px;font-size:8px}.pfUpload,.pfPackage{color:#7050df;background:#f0edfc;border:1px dashed #c6bee9;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:105px;display:flex}.pfPackage{background:#f4f1ff;border:1px solid #ddd8f1}.pfUpload b,.pfPackage b{font-size:10px}.pfUpload small,.pfPackage small{font-size:8px}.pfSuccess{color:#138368;background:#e9f9f3;border-radius:7px;align-items:center;gap:7px;margin-top:12px;padding:10px;font-size:8px;display:flex}.pfSuccess small{color:#659a8d;margin-top:3px;font-size:7px;display:block}.pfMiniRows{margin-top:13px}.pfMiniRows>span{color:#748099;border-bottom:1px solid #e8ebf3;justify-content:space-between;align-items:center;gap:6px;padding:9px 0;font-size:8px;display:flex}.pfMiniRows b{color:#313b58;font-size:8px}.pfMiniRows i{color:#008665;background:#e8f8f2;border-radius:12px;padding:4px 7px;font-size:7px;font-style:normal}.pfMiniMetrics{grid-template-columns:.8fr 1.2fr;gap:9px;display:grid}.pfMiniMetrics>div{background:#fff;border:1px solid #e4e6f3;border-radius:8px;padding:11px}.pfMiniMetrics small{color:#8490a9;margin-bottom:5px;font-size:7px;display:block}.pfMiniMetrics b{font-size:15px}.pfMockButton{color:#fff;background:linear-gradient(100deg,#355bfc,#803bea);border-radius:7px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:10px;font-size:9px;font-weight:700;display:flex}.pfFan figcaption{text-align:center;color:#8290b2;letter-spacing:.03em;font-size:9px;position:absolute;bottom:0;left:0;right:0}.pfAccess{justify-self:end;width:100%;max-width:460px}.pfAccessCard{color:#1a1c36;background:#fff;border:1px solid #fff5;border-radius:24px;padding:34px 34px 26px;box-shadow:0 28px 90px #0003}.pfAccessIcon{color:#7045e8;background:#f0ecff;border-radius:13px;place-items:center;width:43px;height:43px;margin-bottom:20px;display:grid}.pfAccessOverline{letter-spacing:.15em;color:#726786;margin:0 0 10px;font-size:9px;font-weight:750}.pfAccessCard h2{letter-spacing:-.04em;margin:0 0 9px;font-size:29px;line-height:1.2}.pfAccessIntro{color:#78809a;margin:0 0 27px;font-size:13px}.pfAccessCard form{gap:9px;display:grid}.pfAccessCard label{font-size:12px;font-weight:650}.pfAccessCard input{color:#1a1c36;width:100%;min-height:48px;font:inherit;background:#fcfcff;border:1px solid #dce0ed;border-radius:10px;padding:12px 14px;font-size:13px}.pfAccessCard input::placeholder{color:#9aa1b4}.pfPasswordLabel{justify-content:space-between;align-items:center;margin-top:11px;display:flex}.pfPasswordLabel a{color:#7146dc;font-size:10px;text-decoration:none}.pfPassword{position:relative}.pfPassword input{padding-right:48px}.pfPassword>button{color:#8a91a8;cursor:pointer;background:0 0;border:0;place-items:center;width:43px;height:42px;display:grid;position:absolute;top:3px;right:3px}.pfEnter{color:#fff;font:inherit;cursor:pointer;background:linear-gradient(100deg,#315bff,#7c37ee);border:0;border-radius:10px;justify-content:center;align-items:center;gap:12px;margin-top:12px;padding:14px;font-size:14px;font-weight:750;display:flex;box-shadow:0 8px 22px #6742ef26}.pfDivider{color:#9ca2b5;align-items:center;gap:12px;margin:22px 0 16px;font-size:10px;display:flex}.pfDivider:before,.pfDivider:after{content:"";background:#edf0f6;flex:1;height:1px}.pfPasskey{color:#515b78;cursor:pointer;background:#fff;border:1px solid #dfe3ef;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:12px;font-weight:650;display:flex}.pfPasskeyHint{text-align:center;color:#8e96ab;margin:9px 0 22px;font-size:9px}.pfSignup{color:#7d849b;border-top:1px solid #edf0f6;justify-content:center;align-items:center;gap:7px;padding-top:20px;font-size:11px;display:flex}.pfSignup a{color:#693be0;align-items:center;gap:4px;font-weight:750;text-decoration:none;display:inline-flex}.pfWelcome{color:#7342de;background:#f7f4ff;border:1px solid #e9e2fc;border-radius:12px;gap:12px;margin-top:22px;padding:15px;display:flex}.pfWelcome>svg{flex-shrink:0;margin-top:3px}.pfWelcome b{font-size:12px}.pfWelcome p{color:#85809c;margin:4px 0;font-size:10px;line-height:1.5}.pfWelcome a{color:#7853bd;text-underline-offset:3px;font-size:9px}.pfAccessFooter{color:#8690ad;justify-content:center;align-items:center;gap:6px;margin:18px 0 0;font-size:9px;display:flex}.pfLoginError{color:#a32944;background:#fff1f3;border-radius:8px;padding:12px;font-size:12px;line-height:1.5}.pfLogin button:disabled{opacity:.6;cursor:wait}.pfLogin :is(a,button,input):focus-visible{outline-offset:3px;outline:3px solid #9477ff}.pfMobileLogo{display:none}.pfStoryCopy,.pfFan,.pfAccess{animation:.65s both pfReveal}@keyframes pfReveal{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (min-width:1450px){.pfFan{height:390px;margin-top:35px}.pfScreen{width:275px}.pfProcessing{width:320px}.pfScreenBody{padding:21px}.pfProcessing .pfScreenBody{padding:20px 24px}.pfStoryCopy h1{font-size:55px}.pfStoryCopy{margin-top:38px}}@media (max-width:1150px){.pfLoginLayout{grid-template-columns:minmax(0,1.2fr) minmax(350px,1fr);gap:26px;padding:30px}.pfScreen{width:220px}.pfProcessing{width:260px}.pfImport{left:0}.pfDocuments{right:0}.pfFan{height:350px}.pfStoryFooter{gap:12px;font-size:9px}.pfStoryCopy h1{font-size:39px}}@media (max-width:900px){.pfLoginLayout{flex-direction:column;gap:34px;padding:28px 20px;display:flex}.pfAccess{order:-1;align-self:center;max-width:440px}.pfMobileLogo{background-color:#0b0e20;background-position:50%;background-size:115px;border-radius:9px;width:135px;height:44px;margin-bottom:24px;display:block}.pfAccessIcon{display:none}.pfStory{text-align:center;align-self:center;width:100%;max-width:500px}.pfLogo,.pfStoryFooter,.pfOverline{display:none}.pfStoryCopy{margin-top:0}.pfStoryCopy h1{font-size:30px}.pfStoryCopy h1 br{display:none}.pfStoryCopy h1 br:after{content:" "}.pfStoryCopy h1 em{margin-top:6px;display:block}.pfStoryCopy>p:last-child{margin:auto;font-size:13px}.pfImport,.pfDocuments{display:none}.pfProcessing{width:285px;transform:translate(-50%)}.pfFan{height:360px;margin-top:12px}}@media (max-width:450px){.pfAccessCard{padding:27px 23px 23px}.pfAccessCard h2{font-size:27px}.pfSignup{font-size:10px}.pfLoginLayout{padding:18px 14px}.pfStoryCopy h1{font-size:26px}}.pfImport{left:12%}.pfDocuments{right:12%}.pfFan{margin-left:0;margin-right:0}@media (min-width:901px) and (max-width:1150px){.pfImport{left:13%}.pfDocuments{right:13%}.pfScreen{width:200px}.pfProcessing{width:255px}}@media (max-width:900px){.pfStoryCopy h1 br{display:initial}.pfStoryCopy h1 br:after{content:none}}@media (prefers-reduced-motion:reduce){.pfStoryCopy,.pfFan,.pfAccess{animation:none}.pfScreen{transition:none}}.pfLogin{overflow:clip visible}.pfFan{flex-shrink:0;height:auto;padding-top:24px;padding-bottom:10px;display:grid}.pfProcessing{justify-self:center;position:relative;top:auto;left:auto;transform:rotate(-2deg)}.pfFan figcaption{margin-top:24px;line-height:1.5;position:static}.pfStoryFooter{margin-top:10px}@media (min-width:901px) and (max-height:850px){.pfLoginLayout{padding-top:24px;padding-bottom:24px}.pfStoryCopy{margin-top:18px}.pfStoryCopy h1{margin-top:14px;margin-bottom:12px;font-size:38px}.pfStoryCopy>p:last-child{font-size:13px}.pfFan{margin-top:14px}.pfAccessCard{padding-top:24px;padding-bottom:22px}.pfAccessIcon{width:36px;height:36px;margin-bottom:12px}.pfAccessIntro{margin-bottom:20px}.pfDivider{margin:16px 0 12px}.pfPasskeyHint{margin-bottom:16px}.pfSignup{padding-top:15px}.pfWelcome{margin-top:16px;padding:12px}}@media (max-width:900px){.pfProcessing{transform:none}}