:root{--ap-blue:#3b6cf0;--ap-blue-2:#1a45d4;--ap-font:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ap-text:#0d0d1a;--ap-muted:#0d0d1a6b;--ap-line:#0d0d1a1f}@keyframes ap-drift1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-15px)scale(1.06)}}@keyframes ap-drift2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-18px,20px)scale(1.05)}}@keyframes ap-drift3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(12px,15px)scale(1.04)}}@keyframes ap-reveal{0%{opacity:0;transform:translateY(18px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ap-shimmer{0%{opacity:0;transform:translate(-120%)skew(-18deg)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translate(320%)skew(-18deg)}}@keyframes ap-scan{0%{opacity:.5;top:-2px}50%{opacity:1}to{opacity:0;top:100%}}@keyframes ap-pulse-logo{0%,to{box-shadow:0 0 #3b6cf066,0 8px 20px #3b6cf04d}50%{box-shadow:0 0 0 8px #3b6cf000,0 8px 20px #3b6cf080}}.ap-bg{z-index:0;background:#f0f2fb;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.ap-grid{background-image:linear-gradient(#3b6cf00f 1px,#0000 1px),linear-gradient(90deg,#3b6cf00f 1px,#0000 1px);background-size:40px 40px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:radial-gradient(85% 85%,#000 30%,#0000 100%);mask-image:radial-gradient(85% 85%,#000 30%,#0000 100%)}.ap-blob-1{filter:blur(70px);pointer-events:none;background:radial-gradient(circle,#3b6cf02e 0%,#648cff14 40%,#0000 70%);width:70vw;height:70vw;animation:20s ease-in-out infinite ap-drift1;position:absolute;top:-25%;right:-20%}.ap-blob-2{filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#7850ff1f 0%,#3b6cf00f 40%,#0000 70%);width:60vw;height:60vw;animation:26s ease-in-out infinite ap-drift2;position:absolute;bottom:-25%;left:-20%}.ap-blob-3{filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#00c8ff12 0%,#0000 65%);width:40vw;height:40vw;animation:32s ease-in-out infinite ap-drift3;position:absolute;top:30%;left:20%}.ap-page{z-index:1;font-family:var(--ap-font);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.ap-card{width:100%;max-width:420px;animation:.5s cubic-bezier(.16,1,.3,1) both ap-reveal;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(48px)saturate(1.8)brightness(1.04)!important;background:#418ce145!important;border:none!important;border-radius:32px!important;outline:1px solid #3b6cf01f!important;padding:max(2rem,min(6vw,3rem))!important;box-shadow:inset 0 1.5px #fffc,inset 0 -1px #0000000a,0 32px 64px #3b6cf01f,0 8px 24px #00000014,0 2px 6px #1a45d475!important}.ap-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff9 40%,#fff9 60%,#0000);height:1px;position:absolute;top:0;left:0;right:0}.ap-card:after{content:"";pointer-events:none;background:linear-gradient(#fff9 0%,#0000 100%);border-radius:32px 32px 0 0;height:40%;position:absolute;top:0;left:0;right:0}.ap-brand{flex-direction:column;align-items:center;gap:6px;margin-bottom:2.2rem;display:flex}.ap-logo{background:linear-gradient(145deg,#4a7af4,#1a45d4);border-radius:17px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:10px;animation:3s ease-in-out infinite ap-pulse-logo;display:flex;box-shadow:inset 0 1px #ffffff4d,0 8px 20px #3b6cf059}.ap-logo svg{filter:drop-shadow(0 1px 2px #0003);width:26px;height:26px}.ap-name{letter-spacing:-.04em;color:#0d1235;font-size:1.65rem;font-weight:800;line-height:1}.ap-tagline{color:var(--ap-muted);letter-spacing:.01em;font-size:.72rem;font-weight:500}.ap-form{flex-direction:column;display:flex}.ap-field{margin-bottom:24px;position:relative}.ap-input{color:#0d1235;width:100%;font-size:.97rem;font-family:var(--ap-font);caret-color:var(--ap-blue);background:0 0;border:none;border-bottom:1.5px solid #0d0d1a24;border-radius:0;outline:none;padding:24px 36px 8px 0;font-weight:500;transition:border-color .22s}.ap-input::placeholder{color:#0000}.ap-label{color:#0d0d1a6b;pointer-events:none;transform-origin:0;font-size:.88rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:16px;left:0}.ap-input:focus~.ap-label,.ap-input:not(:placeholder-shown)~.ap-label{color:var(--ap-blue);font-weight:600;transform:translateY(-20px)scale(.78)}.ap-input:-webkit-autofill~.ap-label{color:var(--ap-blue);font-weight:600;transform:translateY(-20px)scale(.78)}.ap-input:focus{border-bottom-color:var(--ap-blue)}.ap-input:-webkit-autofill{caret-color:var(--ap-blue);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0d1235!important;box-shadow:inset 0 0 0 1000px #ffffff03!important}.ap-input:-webkit-autofill:hover{caret-color:var(--ap-blue);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0d1235!important;box-shadow:inset 0 0 0 1000px #ffffff03!important}.ap-input:-webkit-autofill:focus{caret-color:var(--ap-blue);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0d1235!important;box-shadow:inset 0 0 0 1000px #ffffff03!important}.ap-input:-webkit-autofill:active{caret-color:var(--ap-blue);transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#0d1235!important;box-shadow:inset 0 0 0 1000px #ffffff03!important}.ap-eye{color:#0d0d1a59;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;bottom:9px;right:0}.ap-eye:hover{color:#0d0d1ab3}.ap-eye svg{stroke:currentColor}.ap-forgot{font-size:.74rem;font-weight:600;font-family:var(--ap-font);color:var(--ap-blue);cursor:pointer;opacity:.8;background:0 0;border:none;padding:2px;transition:opacity .2s;position:absolute;bottom:10px;right:28px}.ap-forgot:hover{opacity:1}.ap-btn-primary{cursor:pointer;width:100%;font-family:var(--ap-font);letter-spacing:.02em;color:#081248cc;text-shadow:0 1px #ffffffb3,0 -1px #ffffff26;isolation:isolate;-webkit-backdrop-filter:blur(22px)brightness(1.08)saturate(1.6);background:#3b6cf01a;border:1px solid #4169e13b;border-radius:50px;margin-top:1.5rem;padding:15px;font-size:.92rem;font-weight:600;transition:all .32s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:inset 0 2.5px #ffffffe6,inset 0 -2px #00000014,0 8px 24px #3b6cf029,0 3px 8px #0000001a,0 0 0 1px #4169e11a}.ap-btn-primary:before{content:"";filter:blur(1.5px);pointer-events:none;background:radial-gradient(at 40% 35%,#ffffffbf 0%,#fff3 45%,#0000 70%);border-radius:50%;width:28%;height:42%;position:absolute;top:4px;left:18%}.ap-btn-primary:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff8c,#0000);width:28%;height:120%;position:absolute;top:-10%;left:-25%;transform:translate(-100%)skew(-18deg)}.ap-btn-primary span{z-index:1;position:relative}.ap-btn-primary:hover:not(:disabled){background:#3b6cf02e;border-color:#ffffffe6;transform:translateY(-2px)scale(1.012);box-shadow:inset 0 2.5px #fffffff2,inset 0 -2px #0000000f,0 12px 32px #3b6cf033,0 4px 12px #0000001f,0 0 0 1px #ffffffb3}.ap-btn-primary:hover:after{animation:.7s cubic-bezier(.4,0,.2,1) forwards ap-shimmer}.ap-btn-primary:active:not(:disabled){transform:scale(.988);box-shadow:inset 0 1px #fffc,inset 0 3px 8px #00000014,0 4px 14px #0000000f}.ap-btn-primary:disabled{opacity:.45;cursor:not-allowed}.ap-divider{color:#0d0d1a52;letter-spacing:.06em;align-items:center;gap:12px;margin:1.4rem 0 .8rem;font-size:.72rem;font-weight:500;display:flex}.ap-divider:before,.ap-divider:after{content:"";background:#0d0d1a14;flex:1;height:1px}.ap-btn-secondary{cursor:pointer;width:100%;font-family:var(--ap-font);letter-spacing:.02em;color:#1a2550;isolation:isolate;-webkit-backdrop-filter:blur(24px);background:#ffffffa6;border:1px solid #ffffffe6;border-radius:50px;padding:14px;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.25,.46,.45,.94);position:relative;overflow:hidden;box-shadow:inset 0 1.5px #fffffff2,0 4px 16px #3b6cf014,0 2px 6px #0000000a}.ap-btn-secondary:before{content:"";pointer-events:none;background:linear-gradient(170deg,#fff9 0%,#0000 55%);border-radius:50px;position:absolute;top:0;bottom:0;left:0;right:0}.ap-btn-secondary:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#ffffff80,#0000);width:32%;height:120%;position:absolute;top:-10%;left:-30%;transform:translate(-100%)skew(-20deg)}.ap-btn-secondary:hover{background:#fffc;transform:translateY(-1.5px)scale(1.008);box-shadow:inset 0 1.5px #fffffffa,0 8px 24px #3b6cf01f,0 2px 8px #0000000d}.ap-btn-secondary:hover:after{animation:.65s cubic-bezier(.4,0,.2,1) forwards ap-shimmer}.ap-btn-secondary:active{transform:scale(.985)}.ap-error{color:#c0392b;text-align:center;letter-spacing:.01em;background:#dc32320f;border:1px solid #dc323229;border-radius:14px;margin-bottom:4px;padding:11px 14px;font-size:.78rem;font-weight:500}.ap-section-title{color:#0d1235;text-align:center;letter-spacing:-.01em;margin-bottom:1.4rem;font-size:1.05rem;font-weight:700}.ap-section-desc{color:var(--ap-muted);text-align:center;margin-bottom:1.4rem;font-size:.84rem;line-height:1.5}.ap-roles{flex-direction:column;gap:10px;margin-bottom:8px;display:flex}.ap-role-btn{cursor:pointer;font-family:var(--ap-font);color:#1a2550;text-align:left;-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #ffffffd9;border-radius:18px;align-items:center;gap:14px;padding:14px 16px;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #3b6cf00f}.ap-role-btn svg{color:var(--ap-blue);stroke:var(--ap-blue)}.ap-role-btn:hover{background:#fffc;border-color:#3b6cf04d;transform:translate(4px);box-shadow:0 4px 14px #3b6cf01a}.ap-role-label{color:#0d1235;font-size:.92rem;font-weight:600;line-height:1.2}.ap-role-desc{color:var(--ap-muted);margin-top:2px;font-size:.75rem}.ap-link{color:var(--ap-blue);cursor:pointer;font-size:.78rem;font-weight:600;font-family:var(--ap-font);letter-spacing:.02em;opacity:.75;text-align:center;background:0 0;border:none;margin-top:14px;transition:opacity .2s,transform .2s;display:block}.ap-link:hover{opacity:1;transform:translateY(-1px)}@media (max-width:768px){.ap-page{padding:16px}.ap-card{max-width:100%!important}.ap-btn-primary,.ap-btn-secondary{font-size:.9rem;padding:14px!important}}@media (max-width:480px){.ap-page{align-items:stretch;padding:0}.ap-card{flex-direction:column;justify-content:center;min-height:100svh;display:flex;box-shadow:none!important;border-radius:0!important;outline:none!important;padding:2rem 1.5rem!important}.ap-brand{margin-bottom:2rem}.ap-logo{width:48px;height:48px}.ap-name{font-size:1.4rem}.ap-input{font-size:1rem;font-size:max(1rem,16px)}.ap-btn-primary,.ap-btn-secondary{font-size:1rem;border-radius:18px!important;padding:16px!important}.ap-field{margin-bottom:20px}.ap-blob-1,.ap-blob-2,.ap-blob-3,.ap-grid,.ap-card:before{display:none}}@media (max-width:360px){.ap-card{padding:1.5rem 1.2rem!important}.ap-name{font-size:1.3rem}}
