@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@500;600;700;800&display=swap');
        /*auth-premium*/
        body{font-family:'Manrope','Segoe UI',system-ui,-apple-system,sans-serif}
        .card{max-width:440px;padding:40px 34px 32px;border-color:rgba(31,174,102,.3);box-shadow:0 28px 80px rgba(0,0,0,.6),0 0 60px rgba(31,174,102,.09),inset 0 1px 0 rgba(255,255,255,.05)}
        .card:before{content:"";position:absolute;left:12%;right:12%;top:0;height:1px;background:linear-gradient(90deg,transparent,#17c964,#38bdf8,transparent);opacity:.85}
        h1{font-size:28px;font-weight:800;letter-spacing:-.5px;margin-bottom:26px;background:linear-gradient(90deg,#eafff2,#7ff0b5);-webkit-background-clip:text;background-clip:text;color:transparent}
        .field label{font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#a9c9b9;margin-bottom:9px}
        .btn-primary{height:50px;padding:0 14px;font-size:15.5px;font-weight:800;letter-spacing:.02em;box-shadow:0 8px 24px rgba(23,201,100,.28)}
        .btn-google{font-weight:700}
        .divider{font-weight:700;letter-spacing:.16em}
        .foot-text{font-weight:600}
        .terms{font-size:12px;color:#7d968a}
        .terms a{color:#bfe8d3;font-weight:700}
        input[type="text"],input[type="email"],input[type="password"]{height:48px;padding:0 16px 0 46px;font-size:14.5px;font-weight:600;background-color:#08160f;background-repeat:no-repeat;background-position:16px center;background-size:18px}
        .input-wrap input{padding-right:46px}
        input[type="email"]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f8f80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='3'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E")}
        #name{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f8f80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
        .input-wrap input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236f8f80' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}
        input[type="email"]:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231fdc7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='3'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E")}
        #name:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231fdc7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")}
        .input-wrap input:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231fdc7a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E")}
        input:focus{border-color:#17c964;background-color:#0a1c14;box-shadow:0 0 0 3px rgba(23,201,100,.18),0 0 24px rgba(23,201,100,.16)}
@keyframes apIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes apGlow{0%,100%{box-shadow:0 8px 24px rgba(23,201,100,.25)}50%{box-shadow:0 8px 36px rgba(23,201,100,.6)}}
.card>*{animation:apIn .6s cubic-bezier(.2,.8,.25,1) backwards}
.card>form{animation:none}
.card>*:nth-child(2){animation-delay:.06s}
.card>*:nth-child(3){animation-delay:.12s}
.card>*:nth-child(4){animation-delay:.18s}
.foot-text{animation-delay:.55s}
.terms{animation-delay:.65s}
.field{animation:apIn .55s cubic-bezier(.2,.8,.25,1) backwards}
.field:nth-of-type(1){animation-delay:.24s}
.field:nth-of-type(2){animation-delay:.32s}
.field:nth-of-type(3){animation-delay:.40s}
.field:nth-of-type(4){animation-delay:.48s}
.btn-primary{animation:apIn .55s .5s backwards,apGlow 2.8s 1.2s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){.card *,.card{animation:none!important}}