:root{
  --fp365-pink:#f40051;
  --fp365-pink-2:#ff1767;
  --fp365-black:#050508;
  --fp365-panel:#111116;
  --fp365-panel-2:#17171d;
  --fp365-line:#30303a;
  --fp365-text:#fff;
  --fp365-muted:#bdbdc7;
  --fp365-soft:#8e8e9a;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#050508;color:#fff;font-family:Montserrat,Inter,Arial,sans-serif}
body.fp365-auth-body{min-height:100vh;background:#050508;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
[hidden]{display:none!important}
.fp365-auth-header{height:76px;padding:0 34px;display:flex;align-items:center;gap:30px;background:rgba(4,4,7,.97);border-bottom:1px solid #24242c;position:relative;z-index:20}
.fp365-header-logo{display:flex;align-items:center;min-width:240px}.fp365-brand-logo{display:block;max-width:220px;max-height:46px;object-fit:contain}
.fp365-wordmark{display:inline-flex;align-items:center;font-style:italic;font-weight:900;letter-spacing:-1.3px;font-size:29px;line-height:1}.fp365-wordmark span{color:#fff}.fp365-wordmark b{background:var(--fp365-pink);color:#fff;padding:3px 8px;border-radius:7px;margin-left:2px;transform:skew(-8deg)}.fp365-wordmark em{font-style:italic;font-size:.58em;margin-left:3px;color:#fff}
.fp365-auth-header nav{display:flex;align-items:center;gap:28px;margin-left:auto}.fp365-auth-header nav a,.fp365-header-actions>a:not(.fp365-create-event){font-size:14px;font-weight:700;color:#f4f4f6;opacity:.94}.fp365-auth-header nav a:hover,.fp365-header-actions>a:not(.fp365-create-event):hover{color:var(--fp365-pink)}
.fp365-header-actions{display:flex;align-items:center;gap:18px;margin-left:16px}.fp365-create-event{background:var(--fp365-pink);padding:13px 20px;border-radius:7px;font-size:14px;font-weight:800;box-shadow:0 6px 20px rgba(244,0,81,.24)}
.fp365-auth-stage{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(520px,.98fr);min-height:calc(100vh - 146px);background:radial-gradient(circle at 80% 30%,rgba(244,0,81,.09),transparent 34%),#050508}
.fp365-auth-hero{position:relative;isolation:isolate;overflow:hidden;min-height:760px;background-image:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.72)),var(--fp365-hero,radial-gradient(circle at 65% 35%,#61102f 0,#2b0717 28%,#09090c 68%));background-size:cover;background-position:center}
.fp365-auth-hero:before{content:"";position:absolute;inset:auto -4% 0 35%;height:58%;background:radial-gradient(ellipse at bottom,rgba(244,0,81,.2),transparent 58%);z-index:-1}.fp365-auth-hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-16%;height:38%;background:repeating-radial-gradient(ellipse at bottom,rgba(255,255,255,.04) 0 2px,transparent 3px 16px);opacity:.26;z-index:-1}
.fp365-hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,4,7,.05),rgba(4,4,7,.66));z-index:-1}
.fp365-hero-copy{max-width:700px;padding:86px 70px 60px}.fp365-kicker{display:block;font-size:17px;font-weight:800;letter-spacing:5px;margin-bottom:14px}.fp365-hero-copy h1{font-size:72px;line-height:.88;letter-spacing:-4px;margin:0 0 28px;font-weight:900;text-shadow:0 8px 30px rgba(0,0,0,.35)}.fp365-hero-copy h1 strong{color:var(--fp365-pink);font-weight:900}.fp365-hero-copy>p{font-size:24px;line-height:1.34;margin:0 0 34px;max-width:560px}
.fp365-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;max-width:610px}.fp365-benefits>div{display:flex;align-items:center;gap:11px}.fp365-benefits>div span{width:52px;height:52px;flex:0 0 52px;border:2px solid var(--fp365-pink);border-radius:50%;display:grid;place-items:center;color:var(--fp365-pink);font-size:22px;font-weight:900}.fp365-benefits b{font-size:12px;line-height:1.35;letter-spacing:.2px}
.fp365-script{font-family:"Brush Script MT",cursive;font-size:42px;font-style:italic;margin-top:46px;transform:rotate(-3deg);display:inline-block;border-bottom:6px solid var(--fp365-pink);padding-bottom:3px}
.fp365-auth-panel-wrap{display:grid;place-items:center;padding:42px 50px;background:linear-gradient(135deg,#09090c,#050508 62%)}
.fp365-auth-card{width:min(100%,650px);background:linear-gradient(180deg,rgba(24,24,30,.98),rgba(12,12,16,.98));border:1px solid rgba(244,0,81,.65);border-radius:18px;padding:36px 42px 34px;box-shadow:0 0 0 1px rgba(255,255,255,.03) inset,0 24px 70px rgba(0,0,0,.42),0 0 34px rgba(244,0,81,.12)}
.fp365-card-logo{text-align:center;margin-bottom:18px}.fp365-card-logo .fp365-wordmark{font-size:33px}.fp365-card-logo .fp365-brand-logo{margin:auto}
.fp365-auth-card h2{text-align:center;font-size:34px;line-height:1.1;margin:6px 0 8px}.fp365-card-subtitle{text-align:center;color:var(--fp365-muted);font-size:15px;margin:0 0 24px}
.fp365-social-stack{display:grid;grid-template-columns:1fr;gap:10px}.fp365-social-btn{height:50px;border:1px solid #555560;border-radius:9px;background:#101014;color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;cursor:pointer;transition:.2s ease}.fp365-social-btn:hover{border-color:var(--fp365-pink);transform:translateY(-1px);background:#17171c}.fp365-social-btn b{font-size:14px}.fp365-google-g{font-family:Arial,sans-serif;font-weight:900;font-size:20px;color:#fff;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 50%,#fbbc05 0 75%,#ea4335 0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.fp365-facebook-f{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#1877f2;color:#fff;font-family:Arial;font-weight:900}.fp365-phone-icon{font-size:19px;color:var(--fp365-pink)}
.fp365-provider-note{padding:12px 14px;border:1px solid #373740;border-radius:9px;color:var(--fp365-muted);font-size:13px;text-align:center;background:#101014}
.fp365-divider{height:35px;display:flex;align-items:center;gap:13px;color:#8e8e9a;font-size:11px;font-weight:800}.fp365-divider:before,.fp365-divider:after{content:"";height:1px;background:#3b3b44;flex:1}.fp365-divider span{white-space:nowrap}
.fp365-form{display:grid;gap:15px}.fp365-form>label,.fp365-two-col label{font-size:13px;font-weight:800;color:#f4f4f6}.fp365-input{height:49px;margin-top:7px;border:1px solid #484853;border-radius:8px;background:#111116;display:flex;align-items:center;overflow:hidden;transition:.2s}.fp365-input:focus-within{border-color:var(--fp365-pink);box-shadow:0 0 0 3px rgba(244,0,81,.11)}.fp365-input i{font-style:normal;width:46px;text-align:center;color:#d7d7dc}.fp365-input input{flex:1;height:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;padding:0 14px;font-size:15px}.fp365-input input::placeholder{color:#777782}.fp365-eye{border:0;background:transparent;color:#bdbdc7;width:46px;height:100%;cursor:pointer}
.fp365-form-row{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px}.fp365-form-row>a{color:var(--fp365-pink);font-weight:800}.fp365-check{display:flex!important;align-items:flex-start;gap:9px;font-size:13px!important;font-weight:600!important;color:#d7d7dd!important;cursor:pointer}.fp365-check input{position:absolute;opacity:0;pointer-events:none}.fp365-check>span:first-of-type{width:18px;height:18px;flex:0 0 18px;border:1px solid #656571;border-radius:4px;position:relative;background:#101014}.fp365-check input:checked+span:first-of-type{background:var(--fp365-pink);border-color:var(--fp365-pink)}.fp365-check input:checked+span:first-of-type:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:900}.fp365-terms{line-height:1.45}.fp365-terms a{color:var(--fp365-pink);font-weight:800}
.fp365-primary-btn{min-height:52px;border:0;border-radius:27px;background:linear-gradient(90deg,var(--fp365-pink),#ff0c67);color:#fff;font-weight:900;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 22px;box-shadow:0 8px 28px rgba(244,0,81,.24);transition:.2s}.fp365-primary-btn:hover{filter:brightness(1.07);transform:translateY(-1px)}.fp365-primary-btn:disabled{opacity:.65;cursor:wait;transform:none}.fp365-link-button{width:100%;margin-top:18px}
.fp365-new-account{margin-top:20px;padding:16px;border:1px solid #303039;border-radius:11px;background:#121217;display:flex;align-items:center;justify-content:space-between;gap:16px}.fp365-new-account div{display:grid;gap:4px}.fp365-new-account b{font-size:17px}.fp365-new-account span{color:#9e9eaa;font-size:12px}.fp365-new-account>a{border:1px solid var(--fp365-pink);color:#ff4a84;padding:11px 16px;border-radius:24px;font-size:13px;font-weight:900;white-space:nowrap}
.fp365-mini-benefits{display:flex;justify-content:space-between;gap:10px;margin-top:17px;color:#d8d8de;font-size:11px;font-weight:700}.fp365-mini-benefits span:before{color:var(--fp365-pink)}
.fp365-two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fp365-existing-account{display:flex;justify-content:center;gap:7px;margin-top:18px;color:#aaaab4;font-size:13px}.fp365-existing-account a{color:var(--fp365-pink);font-weight:800}.fp365-customer-note{margin:0;padding:11px 12px;border-left:3px solid var(--fp365-pink);background:#111116;color:#a9a9b3;font-size:12px;line-height:1.45}
.fp365-alert,.fp365-account-alert{padding:12px 14px;border-radius:8px;margin:0 0 14px;font-size:13px;line-height:1.45}.fp365-alert.error,.fp365-account-alert.error{background:#35111e;border:1px solid #7c2544;color:#ffd5e4}.fp365-alert.success,.fp365-account-alert.success{background:#0d2c1d;border:1px solid #1d6f48;color:#ccffe4}.fp365-alert.info,.fp365-account-alert.info{background:#171c31;border:1px solid #34406d;color:#dbe3ff}
.fp365-auth-footer{min-height:70px;background:#030305;border-top:1px solid #292931;padding:16px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px}.fp365-auth-footer .fp365-wordmark{font-size:20px}.fp365-auth-footer .fp365-brand-logo{max-width:160px;max-height:34px}.fp365-footer-tag{font-size:12px;letter-spacing:2px;color:#ccc}.fp365-footer-links{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.fp365-footer-links a{font-size:12px;color:#ccc}.fp365-footer-links a:hover{color:var(--fp365-pink)}
.fp365-modal-open{overflow:hidden}.fp365-modal{position:fixed;inset:0;z-index:999999}.fp365-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.fp365-modal-dialog{position:relative;width:min(calc(100% - 28px),500px);max-height:calc(100vh - 44px);overflow:auto;margin:7vh auto;background:#15151b;border:1px solid rgba(244,0,81,.72);border-radius:16px;padding:28px;box-shadow:0 24px 80px rgba(0,0,0,.65),0 0 30px rgba(244,0,81,.1)}.fp365-modal-dialog h3{margin:0 34px 12px 0;font-size:24px}.fp365-modal-close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#aaa;font-size:29px;cursor:pointer}.fp365-modal-copy{color:#d7d7dd;font-size:14px;line-height:1.55;margin:0 0 16px}.fp365-muted{font-size:12px;color:#9494a0;line-height:1.5}.fp365-modal-field{display:grid;gap:7px;font-size:13px;font-weight:800;margin:14px 0}.fp365-modal-field input{width:100%;height:48px;border:1px solid #4a4a54;border-radius:8px;background:#0d0d11;color:#fff;padding:0 13px;outline:0;font-size:16px}.fp365-modal-field input:focus{border-color:var(--fp365-pink);box-shadow:0 0 0 3px rgba(244,0,81,.1)}.fp365-modal-check{display:flex;gap:9px;align-items:flex-start;color:#d8d8de;font-size:13px;line-height:1.45;margin:12px 0 18px}.fp365-modal-check a{color:var(--fp365-pink);font-weight:800}.fp365-modal-help{display:block;text-align:center;color:var(--fp365-pink);font-size:12px;font-weight:700;margin-top:13px}.fp365-code-input{text-align:center;font-size:25px!important;letter-spacing:8px;font-weight:900}.fp365-spinner{width:17px;height:17px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:fp365spin .8s linear infinite}@keyframes fp365spin{to{transform:rotate(360deg)}}
#fp365-recaptcha{position:fixed;left:-9999px;bottom:0}
.fp365-connected-card{max-width:1000px;margin:34px auto;padding:28px;background:#fff;border:1px solid #ececf0;border-radius:16px;box-shadow:0 12px 35px rgba(20,20,30,.07);color:#11131a;font-family:Montserrat,Inter,Arial,sans-serif}.fp365-connected-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid #ececf0}.fp365-connected-kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:var(--fp365-pink)}.fp365-connected-head h3{font-size:25px;margin:5px 0 6px}.fp365-connected-head p{margin:0;color:#686875;font-size:13px;max-width:680px;line-height:1.5}.fp365-shield{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff0f5;color:var(--fp365-pink);font-weight:900}.fp365-method-list{display:grid}.fp365-method-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px 0;border-bottom:1px solid #efeff2}.fp365-method-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px;font-weight:900;background:#f5f5f7}.fp365-method-google{color:#4285f4}.fp365-method-facebook{color:#1877f2}.fp365-method-phone{color:var(--fp365-pink)}.fp365-method-password{color:#444}.fp365-method-copy{display:grid;gap:3px}.fp365-method-copy b{font-size:14px}.fp365-method-copy span{font-size:12px;color:#777782}.fp365-method-action button,.fp365-method-action a{border:1px solid #dedee4;background:#fff;color:#1d1d24;border-radius:8px;padding:9px 13px;font-size:12px;font-weight:800;cursor:pointer}.fp365-method-action button:hover,.fp365-method-action a:hover{border-color:var(--fp365-pink);color:var(--fp365-pink)}.fp365-setup-needed{font-size:11px;color:#999}.fp365-method-footnote{margin:17px 0 0;color:#7d7d88;font-size:11px}.fp365-account-alert{margin-top:16px}
@media(max-width:1180px){.fp365-auth-header nav{display:none}.fp365-auth-stage{grid-template-columns:.92fr 1.08fr}.fp365-hero-copy{padding:70px 48px}.fp365-hero-copy h1{font-size:60px}.fp365-auth-panel-wrap{padding:38px 28px}.fp365-auth-card{padding:32px}.fp365-benefits{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.fp365-auth-header{height:68px;padding:0 18px}.fp365-header-logo{min-width:0;margin-right:auto}.fp365-auth-header .fp365-wordmark{font-size:24px}.fp365-header-actions>a:not(.fp365-create-event){display:none}.fp365-create-event{padding:10px 13px;font-size:12px}.fp365-auth-stage{display:block}.fp365-auth-hero{min-height:360px}.fp365-hero-copy{padding:48px 26px 36px}.fp365-kicker{font-size:12px;letter-spacing:4px}.fp365-hero-copy h1{font-size:50px;letter-spacing:-2.5px}.fp365-hero-copy>p{font-size:18px}.fp365-benefits{display:none}.fp365-script{font-size:30px;margin-top:22px}.fp365-auth-panel-wrap{padding:26px 16px 36px}.fp365-auth-card{width:min(100%,620px)}.fp365-auth-footer{padding:18px;display:grid;justify-items:center;text-align:center}.fp365-footer-links{justify-content:center}.fp365-footer-tag{display:none}}
@media(max-width:560px){.fp365-auth-header{gap:10px}.fp365-create-event{display:none}.fp365-header-logo .fp365-brand-logo{max-width:165px}.fp365-auth-stage{min-height:auto}.fp365-auth-hero{min-height:280px;background-position:center}.fp365-hero-copy{padding:34px 20px}.fp365-hero-copy h1{font-size:42px;line-height:.9}.fp365-hero-copy>p{font-size:16px;margin-bottom:10px}.fp365-script{font-size:25px}.fp365-auth-panel-wrap{padding:18px 10px 28px}.fp365-auth-card{padding:25px 18px;border-radius:14px}.fp365-card-logo .fp365-wordmark{font-size:27px}.fp365-auth-card h2{font-size:28px}.fp365-two-col{grid-template-columns:1fr}.fp365-form-row{align-items:flex-start}.fp365-new-account{display:grid}.fp365-new-account>a{text-align:center}.fp365-mini-benefits{display:grid;grid-template-columns:1fr 1fr}.fp365-footer-links{gap:12px}.fp365-modal-dialog{padding:24px 18px}.fp365-connected-card{margin:20px 10px;padding:20px 16px}.fp365-connected-head h3{font-size:21px}.fp365-method-row{grid-template-columns:42px minmax(0,1fr);gap:11px}.fp365-method-action{grid-column:2}.fp365-method-action button,.fp365-method-action a{display:inline-block}.fp365-wordmark{font-size:22px}}

/* v1.0.1 phone-auth diagnostics */
.fp365-modal-alert{margin:0 0 16px;padding:12px 14px;border-radius:9px;border:1px solid rgba(255,0,86,.45);background:rgba(255,0,86,.10);color:#fff;font-size:13px;line-height:1.45}.fp365-modal-alert.success{border-color:#36c98f;background:rgba(54,201,143,.10)}

/* v1.0.3 — full-width authentication background */
.fp365-auth-stage{
  position:relative;
  isolation:isolate;
  background-image:var(--fp365-hero);
  background-size:cover;
  background-position:center 62%;
  background-repeat:no-repeat;
  background-color:#050508;
}
.fp365-auth-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    linear-gradient(90deg,rgba(2,2,5,.42) 0%,rgba(3,3,7,.48) 44%,rgba(3,3,7,.74) 74%,rgba(2,2,5,.86) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.18) 55%,rgba(0,0,0,.72) 100%);
}
.fp365-auth-hero{
  background:none!important;
}
.fp365-hero-overlay{
  background:linear-gradient(180deg,rgba(4,4,7,.02),rgba(4,4,7,.34));
}
.fp365-auth-panel-wrap{
  background:linear-gradient(90deg,rgba(5,5,8,.08),rgba(5,5,8,.38));
}
.fp365-auth-card{
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  background:linear-gradient(180deg,rgba(24,24,30,.93),rgba(12,12,16,.94));
}
@media(max-width:900px){
  .fp365-auth-stage{
    background-position:center 56%;
  }
  .fp365-auth-panel-wrap{
    background:linear-gradient(180deg,rgba(5,5,8,.24),rgba(5,5,8,.68));
  }
}
@media(max-width:560px){
  .fp365-auth-stage{
    background-position:center top;
    background-size:cover;
  }
  .fp365-auth-stage::before{
    background:linear-gradient(180deg,rgba(2,2,5,.30) 0%,rgba(2,2,5,.48) 42%,rgba(2,2,5,.86) 100%);
  }
}


/* v1.0.4 — bundled official FetePass365 logo */
.fp365-bundled-brand-logo{
  display:inline-block;
  width:clamp(190px,22vw,300px);
  height:68px;
  max-width:100%;
  background-image:var(--fp365-logo-image);
  background-repeat:no-repeat;
  background-size:100% auto;
  background-position:center 49.5%;
  flex:0 0 auto;
}
.fp365-header-logo .fp365-bundled-brand-logo{
  width:205px;
  height:52px;
}
.fp365-card-logo .fp365-bundled-brand-logo{
  width:260px;
  height:72px;
}
.fp365-auth-footer .fp365-bundled-brand-logo{
  width:175px;
  height:44px;
}
.fp365-custom-brand-logo{
  object-fit:contain;
}
@media(max-width:560px){
  .fp365-header-logo .fp365-bundled-brand-logo{width:175px;height:46px}
  .fp365-card-logo .fp365-bundled-brand-logo{width:220px;height:62px}
  .fp365-auth-footer .fp365-bundled-brand-logo{width:160px;height:42px}
}


/* v1.0.6 — enlarge/crop the official square-canvas logo so the wordmark is legible */
.fp365-custom-brand-logo{
  display:block;
  object-fit:cover!important;
  object-position:center 49.5%!important;
  max-width:none!important;
  max-height:none!important;
}
.fp365-header-logo .fp365-custom-brand-logo{
  width:220px!important;
  height:58px!important;
}
.fp365-card-logo .fp365-custom-brand-logo{
  width:330px!important;
  height:86px!important;
  margin:0 auto!important;
}
.fp365-auth-footer .fp365-custom-brand-logo{
  width:195px!important;
  height:52px!important;
}
@media(max-width:900px){
  .fp365-header-logo .fp365-custom-brand-logo{width:195px!important;height:52px!important}
  .fp365-card-logo .fp365-custom-brand-logo{width:300px!important;height:80px!important}
  .fp365-auth-footer .fp365-custom-brand-logo{width:180px!important;height:48px!important}
}
@media(max-width:560px){
  .fp365-header-logo .fp365-custom-brand-logo{width:170px!important;height:46px!important}
  .fp365-card-logo .fp365-custom-brand-logo{width:260px!important;height:70px!important}
  .fp365-auth-footer .fp365-custom-brand-logo{width:155px!important;height:42px!important}
}


/* ========================================================================
   v1.0.9 — LOGIN PAGE REDESIGN
   Login is intentionally very different from registration.
   Registration keeps the split lifestyle + form layout.
   ======================================================================== */
body.fp365-auth-login .fp365-auth-footer{
  background:#050508;
  border-top:1px solid rgba(255,255,255,.08);
}
.fp365-login-stage{
  position:relative;
  isolation:isolate;
  min-height:calc(100vh - 146px);
  background-image:var(--fp365-hero);
  background-size:cover;
  background-position:center 58%;
  background-repeat:no-repeat;
  overflow:hidden;
}
.fp365-login-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:rgba(0,0,0,.32);
}
.fp365-login-wash{
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 20% 36%,rgba(244,0,81,.20),transparent 30%),
    linear-gradient(90deg,rgba(4,4,8,.94) 0%,rgba(4,4,8,.83) 37%,rgba(4,4,8,.55) 64%,rgba(4,4,8,.80) 100%),
    linear-gradient(180deg,rgba(0,0,0,.12),rgba(0,0,0,.62));
  backdrop-filter:saturate(.95);
}
.fp365-login-shell{
  width:min(1460px,calc(100% - 72px));
  min-height:calc(100vh - 146px);
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(430px,.72fr);
  align-items:center;
  gap:80px;
  padding:64px 0;
}
.fp365-login-story{
  max-width:720px;
  padding:10px 0;
}
.fp365-login-story-logo{
  display:inline-flex;
  margin-bottom:28px;
}
.fp365-login-story-logo .fp365-custom-brand-logo{
  width:330px!important;
  height:86px!important;
  margin:0!important;
}
.fp365-login-eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(244,0,81,.7);
  border-radius:999px;
  background:rgba(244,0,81,.10);
  color:#ff4b85;
  font-size:11px;
  font-weight:900;
  letter-spacing:2.4px;
  margin-bottom:18px;
}
.fp365-login-story h1{
  margin:0;
  max-width:690px;
  color:#fff;
  font-size:clamp(48px,5.5vw,82px);
  line-height:.98;
  letter-spacing:-3.4px;
  font-weight:900;
  text-shadow:0 14px 44px rgba(0,0,0,.34);
}
.fp365-login-story>p{
  max-width:650px;
  margin:24px 0 32px;
  color:#d6d6dd;
  font-size:18px;
  line-height:1.65;
}
.fp365-login-story-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  max-width:710px;
}
.fp365-login-story-grid>div{
  min-height:118px;
  padding:18px 16px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:14px;
  background:rgba(10,10,14,.48);
  backdrop-filter:blur(8px);
  display:grid;
  grid-template-columns:34px minmax(0,1fr);
  gap:10px;
}
.fp365-login-story-grid>div>span{
  color:var(--fp365-pink);
  font-size:11px;
  font-weight:900;
  letter-spacing:1px;
}
.fp365-login-story-grid b{
  display:block;
  margin-bottom:6px;
  color:#fff;
  font-size:13px;
}
.fp365-login-story-grid small{
  display:block;
  color:#aaaab4;
  font-size:11px;
  line-height:1.45;
}
.fp365-login-browse{
  display:inline-flex;
  margin-top:26px;
  color:#fff;
  font-size:13px;
  font-weight:800;
  opacity:.88;
}
.fp365-login-browse:hover{color:var(--fp365-pink)}
.fp365-login-box-wrap{
  display:flex;
  justify-content:flex-end;
}
.fp365-login-box{
  width:min(100%,520px);
  padding:38px 38px 34px;
  border:1px solid rgba(255,255,255,.12);
  border-top:3px solid var(--fp365-pink);
  border-radius:22px;
  background:rgba(8,8,12,.88);
  box-shadow:0 28px 90px rgba(0,0,0,.56),0 0 0 1px rgba(255,255,255,.025) inset;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
}
.fp365-login-box-head{
  text-align:left;
  margin-bottom:22px;
}
.fp365-login-box-kicker{
  display:block;
  color:var(--fp365-pink);
  font-size:10px;
  font-weight:900;
  letter-spacing:2.2px;
  margin-bottom:8px;
}
.fp365-login-box-head h2{
  margin:0 0 6px;
  text-align:left;
  font-size:38px;
  letter-spacing:-1.3px;
}
.fp365-login-box-head p{
  margin:0;
  color:#a9a9b4;
  font-size:13px;
  line-height:1.5;
}
.fp365-login-box .fp365-social-stack{
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.fp365-login-box .fp365-social-btn{
  height:52px;
  border-radius:12px;
  background:rgba(255,255,255,.045);
}
.fp365-login-box .fp365-social-btn b{
  font-size:12px;
}
.fp365-login-divider{
  margin:5px 0 2px;
  height:40px;
}
.fp365-login-divider span{
  font-size:9px;
  letter-spacing:1.2px;
}
.fp365-login-form{
  gap:14px;
}
.fp365-login-form .fp365-input{
  min-height:54px;
  border-radius:11px;
  background:#0d0d12;
}
.fp365-login-form .fp365-input:focus-within{
  box-shadow:0 0 0 3px rgba(244,0,81,.10);
}
.fp365-login-form-row{
  margin-top:1px;
}
.fp365-login-submit{
  min-height:56px!important;
  border-radius:12px!important;
  font-size:14px!important;
  box-shadow:0 14px 32px rgba(244,0,81,.24)!important;
}
.fp365-login-create-box{
  margin-top:22px;
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:12px;
  background:rgba(255,255,255,.035);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.fp365-login-create-box span{
  color:#aaaab4;
  font-size:12px;
}
.fp365-login-create-box a{
  color:#fff;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}
.fp365-login-create-box a:hover{color:var(--fp365-pink)}

/* Registration deliberately remains the original split lifestyle design. */
body.fp365-auth-register .fp365-auth-stage{
  min-height:calc(100vh - 146px);
}

@media(max-width:1120px){
  .fp365-login-shell{
    width:min(100% - 44px,1120px);
    grid-template-columns:minmax(0,1fr) 470px;
    gap:40px;
  }
  .fp365-login-story h1{font-size:58px}
  .fp365-login-story-grid{grid-template-columns:1fr}
  .fp365-login-story-grid>div{min-height:auto}
}
@media(max-width:900px){
  .fp365-login-stage{background-position:center 52%}
  .fp365-login-shell{
    width:min(100% - 28px,660px);
    min-height:auto;
    display:block;
    padding:36px 0 46px;
  }
  .fp365-login-story{
    text-align:center;
    margin:0 auto 30px;
  }
  .fp365-login-story-logo{justify-content:center;margin-bottom:18px}
  .fp365-login-story-logo .fp365-custom-brand-logo{width:285px!important;height:76px!important}
  .fp365-login-story h1{
    font-size:47px;
    letter-spacing:-2px;
  }
  .fp365-login-story>p{
    margin:18px auto 22px;
    font-size:15px;
  }
  .fp365-login-story-grid{display:none}
  .fp365-login-browse{margin-top:4px}
  .fp365-login-box-wrap{justify-content:center}
  .fp365-login-box{width:min(100%,560px)}
}
@media(max-width:560px){
  .fp365-login-shell{width:calc(100% - 20px);padding:24px 0 34px}
  .fp365-login-story{margin-bottom:20px}
  .fp365-login-story-logo .fp365-custom-brand-logo{width:240px!important;height:66px!important}
  .fp365-login-eyebrow{min-height:30px;font-size:9px;margin-bottom:13px}
  .fp365-login-story h1{font-size:37px;line-height:1;letter-spacing:-1.5px}
  .fp365-login-story>p{font-size:14px;line-height:1.5;margin:14px auto 16px}
  .fp365-login-box{padding:26px 18px 22px;border-radius:16px}
  .fp365-login-box-head h2{font-size:31px}
  .fp365-login-box .fp365-social-stack{grid-template-columns:1fr}
  .fp365-login-box .fp365-social-btn b{font-size:13px}
  .fp365-login-create-box{display:grid;text-align:center}
  .fp365-login-create-box a{white-space:normal}
}