@import "https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Inter:wght@400;500;600&family=Orbitron:wght@600&display=swap";
@keyframes drop{0%{top:-50%}to{top:110%}}.bg-lines{z-index:-2;width:90vw;height:100%;margin:auto;position:fixed;top:0;left:0;right:0}.bg-line{background:#0000001a;width:1px;height:100%;position:absolute;top:0;left:50%;overflow:hidden}.bg-line:after{content:"";background:linear-gradient(#fff0 0%,#000 75% 100%);width:100%;height:30vh;animation:4s cubic-bezier(.4,.26,0,.97) infinite forwards drop;display:block;position:absolute;top:-50%;left:0}.bg-line:first-child{margin-left:-25%}.bg-line:first-child:after{animation-delay:2s}.bg-line:nth-child(3){margin-left:25%}.bg-line:nth-child(3):after{animation-delay:2.5s}.password{border:1px solid #767676;border-radius:2px;flex-direction:row;justify-content:space-between;align-items:center;height:40px;padding-left:12px;padding-right:12px;display:flex}.forgot-wrapper{text-align:center}.forgot-btn{cursor:pointer;margin-left:auto;margin-right:auto;padding-top:12px}.focus{border:1px solid #000;border-radius:2px;transition:border-color .2s,box-shadow .2s;box-shadow:0 0 1px 1px}.password>input{border:none;width:100%;height:100%}.password>input:focus{outline:none}.password img{color:#000;height:20px;margin-left:10px}.form-container{box-sizing:border-box;background-color:#fff;border-radius:12px;flex-direction:column;max-height:fit-content;margin-top:2%;margin-left:5%;margin-right:5%;padding:12px 30px 20px;display:flex;position:relative;box-shadow:4px 5px 20px #000}.btn-slant,.btn-text-scramble,.btn-slant-wrap{width:100%}.btn-slant-wrap{margin-top:30px;margin-bottom:20px}.djoy-auth{--djoy-green:#16a34a;--djoy-deep:#15803d;--djoy-text:#0f172a;--djoy-muted:#64748b;z-index:1;width:100%;min-height:100vh;color:var(--djoy-text);background:radial-gradient(900px 620px at 16% 28%,#4ade8029,#0000 60%),radial-gradient(760px 700px at 88% 82%,#22c55e1f,#0000 55%),#eef2f6;grid-template-columns:1fr;align-items:stretch;font-family:Inter,system-ui,-apple-system,sans-serif;display:grid;position:relative;overflow-x:hidden}.djoy-auth:before{content:"";pointer-events:none;background-image:radial-gradient(#0f172a12 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 35%,#0000 85%);mask-image:radial-gradient(#000 35%,#0000 85%)}@media (min-width:1024px){.djoy-auth{grid-template-columns:1.05fr .95fr}}@media (min-width:1536px){.djoy-auth{grid-template-columns:minmax(0,640px) minmax(0,600px);justify-content:center;column-gap:clamp(3rem,6vw,8rem)}}.djoy-brand,.djoy-formwrap{z-index:1;flex-direction:column;padding:clamp(1.5rem,4vw,3.5rem);display:flex;position:relative}.djoy-brand{justify-content:center;overflow:hidden}.djoy-formwrap{justify-content:center;align-items:center}@media (max-width:1023px){.djoy-brand{display:none}}.djoy-eyebrow{letter-spacing:.34em;text-transform:uppercase;color:var(--djoy-green);align-items:center;gap:.7rem;font-family:Orbitron,Rajdhani,sans-serif;font-size:.72rem;font-weight:600;display:inline-flex}.djoy-eyebrow:before{content:"";background:linear-gradient(90deg, var(--djoy-green), transparent);width:30px;height:1px}.djoy-tagline{letter-spacing:.03em;color:#0f172a;margin:0;font-family:Rajdhani,sans-serif;font-size:clamp(1.35rem,2.1vw,1.9rem);font-weight:600}.djoy-copy{color:#5b6b7d;max-width:44ch;margin:0;font-size:.95rem;line-height:1.7}.djoy-brand__content{z-index:2;flex-direction:column;gap:1.4rem;max-width:32rem;display:flex;position:relative}.djoy-brand__mark{z-index:1;aspect-ratio:842/596;pointer-events:none;background:linear-gradient(165deg,#0f172a38,#0f172a14 72%);width:min(900px,150%);animation:1.1s cubic-bezier(.22,1,.36,1) .1s both djoy-mark-reveal;position:absolute;bottom:-20%;left:58%;transform:translate(-50%);-webkit-mask:url(/assets/img/ICON-9_DJOY-01.png) 50%/contain no-repeat;mask:url(/assets/img/ICON-9_DJOY-01.png) 50%/contain no-repeat}.djoy-brand__scan{opacity:0;pointer-events:none;filter:blur(2px);background:linear-gradient(#0000,#4ade80f2 50%,#0000);height:32%;animation:1.1s cubic-bezier(.22,1,.36,1) .1s both djoy-scan-build,7.5s ease-in-out 2s infinite djoy-scan-idle;position:absolute;top:-32%;left:-5%;right:-5%}@keyframes djoy-mark-reveal{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes djoy-scan-build{0%{opacity:0;top:-32%}10%{opacity:1}to{opacity:0;top:100%}}@keyframes djoy-scan-idle{0%{opacity:0;top:-32%}4%{opacity:.7}26%{opacity:0;top:100%}to{opacity:0;top:100%}}.djoy-card{-webkit-backdrop-filter:blur(18px);background:#ffffffbd;border:1px solid #0f172a14;border-radius:22px;width:100%;max-width:430px;max-height:calc(100vh - 3rem);padding:clamp(1.5rem,3vw,2.25rem);position:relative;overflow-y:auto;box-shadow:0 30px 70px -34px #0f172a59,inset 0 1px #fff9}.djoy-card--wide{max-width:560px}.djoy-card::-webkit-scrollbar{width:8px}.djoy-card::-webkit-scrollbar-thumb{background:#0f172a1f;border-radius:8px}.djoy-logo img{opacity:1;width:auto;height:30px}.djoy-card h1{letter-spacing:.01em;color:#0f172a;margin:0;font-family:Rajdhani,sans-serif;font-size:1.7rem;font-weight:700}.djoy-card .djoy-sub{color:#64748b;margin:.15rem 0 0;font-size:.85rem}.djoy-auth .btn-slant,.djoy-cta{letter-spacing:.09em;text-transform:uppercase;color:#04140f;cursor:pointer;background:linear-gradient(120deg,#4ade80,#1d9e75);border:0;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:0;padding:.82rem 1.25rem;font-family:Rajdhani,sans-serif;font-size:.98rem;font-weight:700;transition:transform .18s,box-shadow .18s,filter .18s;display:inline-flex;transform:none;box-shadow:0 12px 30px -12px #4ade80a6;clip-path:none!important}.djoy-auth .btn-slant:hover:not(:disabled),.djoy-cta:hover{filter:brightness(1.06);transform:translateY(-1px)scale(1.012);box-shadow:0 18px 42px -12px #4ade80cc}.djoy-auth .btn-slant:active:not(:disabled),.djoy-cta:active{transform:translateY(0)scale(.99)}.djoy-auth .btn-slant:disabled,.djoy-auth .btn-slant.button-disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.djoy-cta{align-self:flex-start;width:auto;padding:.7rem 1.4rem}.djoy-auth .btn-slant-wrap{display:block}.djoy-auth .btn-slant-wrap:before,.djoy-auth .btn-slant-wrap:after{display:none!important}.djoy-auth .btn-slant-wrap:hover .btn-slant:after{width:0!important;height:0!important}.djoy-auth .btn-slant-wrap:hover .btn-text-scramble,.djoy-auth .btn-slant .btn-text-scramble{color:#04140f!important}.djoy-auth input[aria-invalid],.djoy-auth [role=combobox][aria-invalid]{background-color:#ef44440d!important;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}.djoy-auth .items-center.bg-white:has(>input[aria-invalid]){background-color:#ef44440d!important;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441f!important}.djoy-auth .djoy-link{color:var(--djoy-green);font-weight:600;text-decoration:none;transition:color .15s}.djoy-auth .djoy-link:hover{color:var(--djoy-deep);text-decoration:underline}.djoy-auth .resend-otp{color:var(--djoy-green);font-size:.85rem}.djoy-auth .text-gray-400,.djoy-auth .text-gray-500{color:#64748b!important}.djoy-cta svg{width:1rem;height:1rem}.djoy-auth .otp-logo{margin-bottom:1.5rem}.djoy-auth .otp-head{margin-bottom:1.25rem}.djoy-auth .otp-head h1{letter-spacing:.04em;text-transform:uppercase;color:#0f172a;margin:0;font-family:Rajdhani,sans-serif;font-size:1.6rem;font-weight:700}.djoy-auth .otp-inputs{justify-content:space-between;gap:8px;margin:.25rem 0;display:flex}.djoy-auth .otp-inputs input{text-align:center;color:#0f172a;background-color:#fff;border:1px solid #0f172a24;border-radius:12px;width:100%;height:54px;font-family:Rajdhani,sans-serif;font-size:1.4rem;font-weight:700}.djoy-auth .otp-inputs input:focus{border-color:#22c55eb3;outline:none;box-shadow:0 0 0 3px #22c55e29}.djoy-auth .otp-hint{color:var(--djoy-muted);text-align:center;margin:.85rem 0 .4rem;font-size:.8rem}.djoy-auth .otp-error{color:#dc2626;text-align:center;min-height:16px;margin:.5rem 0 .25rem;font-size:.78rem;display:block}.djoy-auth .otp-action{margin-top:1.1rem}.djoy-auth .otp-resend{text-align:center;color:var(--djoy-muted);margin-top:1.1rem;font-size:.85rem}.djoy-auth .otp-resend a{color:var(--djoy-green);cursor:pointer;font-weight:600}.djoy-auth .otp-resend a:hover{text-decoration:underline}.djoy-auth .password-group{text-align:left;flex-direction:column;gap:.75rem;display:flex}.djoy-auth .password-group>div{flex-direction:column;gap:4px;width:100%;display:flex}.djoy-auth .password-group label{color:#64748b;font-size:.72rem;font-weight:500}.djoy-auth .password-group>div>div{background-color:#fff;border:1px solid #0f172a24;border-radius:10px;align-items:center;height:42px;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.djoy-auth .password-group>div>div:focus-within{border-color:#4ade8099;box-shadow:0 0 0 3px #4ade8029}.djoy-auth .password-group>div>div>input{color:#1f2937;background:0 0;border:none;outline:none;width:100%;height:100%;padding:0 14px;font-size:.875rem}.djoy-auth .password-group>div>div>button{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;padding:0 12px;display:flex}.djoy-auth .password-group>div>div>button img{width:20px;height:20px}.djoy-auth .password-group>div>span{color:#f87171;min-height:14px;font-size:.68rem;display:block}@keyframes djoy-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.djoy-rise{animation:.6s cubic-bezier(.22,1,.36,1) both djoy-rise}.djoy-rise-1{animation:.6s cubic-bezier(.22,1,.36,1) 60ms both djoy-rise}.djoy-rise-2{animation:.6s cubic-bezier(.22,1,.36,1) .13s both djoy-rise}.djoy-rise-3{animation:.6s cubic-bezier(.22,1,.36,1) .2s both djoy-rise}@media (prefers-reduced-motion:reduce){.djoy-auth .djoy-brand__scan,.djoy-auth .djoy-brand__mark,.djoy-rise,.djoy-rise-1,.djoy-rise-2,.djoy-rise-3{animation:none!important}.djoy-auth .djoy-brand__mark{clip-path:none!important}}