:root{--green-900: #0b3d1f;--green-800: #145a2d;--green-700: #1b7a35;--green-500: #3fbf4f;--green-50: #f0faf1;--ink: #0f172a;--muted: #64748b;--line: #e2e8f0;--danger: #c62828;--danger-bg: #fdecec;--info-bg: #eef6ff;--info: #1e4f8a;--warn: #8a4b00;--warn-bg: #fff4e0;--warn-line: #f0a020;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1)}@keyframes as-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes as-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}}@keyframes as-dot{0%{transform:scale(0)}}@keyframes as-drop{0%{opacity:0;transform:translateY(-6px)}}@keyframes as-spin{to{transform:rotate(360deg)}}@keyframes as-stripe{0%{opacity:0;transform:translate(-12%)}}*{box-sizing:border-box}html,body{margin:0;height:100%}:root{color-scheme:light}body{font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.as{display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);min-height:100vh}.as-brand{position:relative;overflow:hidden;color:#fff;padding:7vw 4vw;background:linear-gradient(160deg,var(--green-800),var(--green-900))}.as-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,transparent 62%,rgba(63,191,79,.18) 62%,rgba(63,191,79,.18) 74%,transparent 74%);animation:as-stripe 1.2s var(--ease-out) both}.as-brand>*{position:relative;animation:as-rise .7s var(--ease-out) both}.as-brand__card{animation-delay:.12s}.as-brand__head{display:flex;align-items:center;gap:20px}.as-brand__logo{display:block;flex:none;padding:12px 16px;border-radius:12px;background:#fff;box-shadow:0 8px 24px #0000002e}.as-brand__logo img{display:block;width:150px;height:auto}.as-brand__name{display:grid;gap:4px;padding-left:20px;border-left:1px solid rgba(255,255,255,.35)}.as-brand__name strong{font-size:26px;font-weight:600}.as-brand__name span{font-size:20px;color:var(--green-500);font-weight:500}.as-brand__card{margin-top:70px;padding:40px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.18)}.as-brand__bar{display:block;width:56px;height:4px;border-radius:2px;background:var(--green-500)}.as-brand__card h2{margin:24px 0 16px;font-size:clamp(36px,4vw,58px);line-height:1.08;font-weight:800}.as-brand__card em{display:block;font-style:normal;color:var(--green-500)}.as-brand__card p{margin:0;font-size:20px;color:#ffffffd9}.as-form-wrap{min-width:0;display:flex;align-items:center;justify-content:center;padding:48px 24px}.as-form{width:100%;max-width:760px}.as-form>*{animation:as-rise .6s var(--ease-out) both}.as-form>:nth-child(2){animation-delay:.05s}.as-form>:nth-child(3){animation-delay:.1s}.as-form>:nth-child(5){animation-delay:.15s}.as-form>:nth-child(6){animation-delay:.2s}.as-form>:nth-child(7){animation-delay:.25s}.as-form>:nth-child(n+8){animation-delay:.3s}.as-back{display:inline-flex;align-items:center;gap:8px;color:var(--green-700);text-decoration:none;font-weight:500}.as-back svg{transition:transform .25s var(--ease-out)}.as-back:hover svg{transform:translate(-3px)}.as-form h1{margin:28px 0 12px;font-size:clamp(32px,3.2vw,46px);font-weight:800;letter-spacing:-.02em}.as-sub{margin:0 0 32px;max-width:500px;color:var(--muted);font-size:18px;line-height:1.5}.as-field{margin:0 0 24px;padding:0;border:0;min-width:0}.as-field legend,.as-field label{display:block;margin-bottom:12px;font-weight:600;font-size:17px;padding:0}.as-field--password{display:grid;grid-template-columns:1fr auto;grid-template-areas:"label forgot" "input input" "hint hint" "error error";align-items:baseline}.as-field--password>.as-hint{grid-area:hint}.as-field--password>label{grid-area:label}.as-field--password>.as-input{grid-area:input}.as-field--password>.as-error{grid-area:error}.as-forgot{grid-area:forgot;color:var(--green-700);font-weight:500;text-decoration:none}.as-forgot:hover,.as-back:hover,.as-help a:hover{text-decoration:underline}.as-platforms{display:grid;grid-template-columns:repeat(var(--cols, 4),minmax(0,1fr));gap:12px;min-height:112px}.as-platform{position:relative}.as-platform input{position:absolute;z-index:1;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.as-platform label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:112px;margin:0;padding:12px 8px;text-align:center;overflow-wrap:anywhere;font-weight:500;font-size:15px;line-height:1.3;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:#fff;transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out),color .2s var(--ease-out),transform .25s var(--ease-out),box-shadow .25s var(--ease-out)}.as-platform{animation:as-pop .45s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 60ms + .1s)}.as-platform label svg{width:28px;height:28px;transition:transform .3s var(--ease-spring)}.as-platform input:hover+label{border-color:var(--green-500);transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.as-platform input:active+label{transform:translateY(0) scale(.98);box-shadow:none}.as-platform input:checked+label svg{transform:scale(1.08)}.as-platform input:focus-visible+label{outline:3px solid rgba(63,191,79,.35);outline-offset:2px}.as-platform input:checked+label{border:2px solid var(--green-500);background:var(--green-50);color:var(--green-800)}.as-platform input:checked+label:after{content:"";position:absolute;top:12px;right:12px;width:10px;height:10px;border-radius:50%;background:var(--green-500);animation:as-dot .35s var(--ease-spring)}.as-input{display:flex;align-items:center;gap:12px;height:58px;padding:0 18px;color:var(--muted);border:1px solid var(--line);border-radius:8px;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out),color .2s var(--ease-out)}.as-input:focus-within{color:var(--green-700)}.as-input input::-ms-reveal,.as-input input::-ms-clear{display:none}.as-input:focus-within{border-color:var(--green-500);box-shadow:0 0 0 3px #3fbf4f26}.as-input input{flex:1;min-width:0;border:0;outline:0;font:inherit;font-size:17px;color:var(--ink);background:transparent}.as-field.is-invalid .as-input,.as-field.is-invalid .as-platform label{border-color:var(--danger)}.as-field.is-invalid .as-input:focus-within{border-color:var(--danger);box-shadow:0 0 0 3px #c6282826}.as-input input:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset;-webkit-text-fill-color:var(--ink)}.as-error{margin:8px 0 0;color:var(--danger);font-size:14px;animation:as-drop .25s var(--ease-out)}.as-hint{display:flex;align-items:center;gap:8px;width:fit-content;margin:10px 0 0;padding:6px 12px 6px 10px;border-radius:6px;border-left:3px solid var(--warn-line);background:var(--warn-bg);color:var(--warn);font-size:14px;font-weight:500;animation:as-drop .25s var(--ease-out)}.as-hint:before{content:"";width:14px;height:14px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 3 3 12h5v5h8v-5h5z'/%3E%3Cpath d='M8 21h8'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linejoin='round'%3E%3Cpath d='M12 3 3 12h5v5h8v-5h5z'/%3E%3Cpath d='M8 21h8'/%3E%3C/svg%3E") center / contain no-repeat}.as-hint:empty{display:none}.as-reveal{display:grid;place-items:center;width:40px;height:40px;margin-right:-10px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;transition:color .2s var(--ease-out),background-color .2s var(--ease-out)}.as-reveal:hover{color:var(--ink);background:var(--green-50)}.as-reveal svg{grid-area:1 / 1;transition:opacity .2s var(--ease-out),transform .25s var(--ease-out)}.as-reveal__hide,.as-reveal[aria-pressed=true] .as-reveal__show{opacity:0;transform:scale(.7)}.as-reveal[aria-pressed=true] .as-reveal__hide{opacity:1;transform:none}.as-reveal:focus-visible{outline:3px solid rgba(63,191,79,.45);outline-offset:0}.as-reveal[aria-pressed=true] svg{color:var(--green-700)}.as-alert{margin:0 0 24px;padding:14px 16px;border-radius:8px;font-size:15px;background:var(--danger-bg);color:var(--danger)}.as-alert.is-in{animation:as-drop .3s var(--ease-out)}.as-alert.is-info{background:var(--info-bg);color:var(--info)}.as-submit{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:58px;margin-top:8px;border:0;border-radius:8px;color:#fff;font:inherit;font-size:18px;font-weight:500;cursor:pointer;background:var(--green-700);box-shadow:0 10px 24px #1b7a3540;transition:background-color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}.as-submit:focus-visible{outline:3px solid rgba(63,191,79,.45);outline-offset:3px}.as-submit:not(:disabled):hover{background:var(--green-800);transform:translateY(-1px);box-shadow:0 14px 28px #1b7a354d}.as-submit:not(:disabled):active{transform:translateY(0) scale(.99);box-shadow:0 6px 14px #1b7a3540}.as-submit__arrow{transition:transform .25s var(--ease-out)}.as-submit:not(:disabled):hover .as-submit__arrow{transform:translate(4px)}.as-submit:disabled{opacity:.75;cursor:progress}.as-spinner{display:none;width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:as-spin .7s linear infinite}.as-submit.is-busy .as-spinner{display:block}.as-submit.is-busy .as-submit__arrow{display:none}.as-help{margin-top:32px;text-align:center;color:var(--muted)}.as-help a{color:var(--green-700);font-weight:500;text-decoration:none}.as-sent__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:var(--green-50);color:var(--green-700);animation:as-pop .5s var(--ease-spring) both}.as-sent__icon svg{width:30px;height:30px}.as-sent h1:focus{outline:none}.as-sent__tips{display:grid;gap:8px;margin:0 0 32px;padding:16px 20px 16px 36px;border-radius:10px;background:#f8fafc;color:var(--muted);font-size:15px}.as-submit--link{text-decoration:none}.as-linkbtn{padding:0;border:0;background:none;font:inherit;color:var(--green-700);font-weight:500;cursor:pointer;text-underline-offset:3px}.as-linkbtn:hover:not(:disabled){text-decoration:underline}.as-linkbtn:disabled{color:var(--muted);cursor:default}.as-linkbtn:focus-visible{outline:3px solid rgba(63,191,79,.45);outline-offset:2px;border-radius:4px}@media (max-width: 900px){.as{grid-template-columns:minmax(0,1fr)}.as-brand{padding:28px 20px}.as-brand__card{display:none}.as-brand__logo{padding:8px 10px;border-radius:8px}.as-brand__logo img{width:96px}.as-brand__name{padding-left:14px}.as-brand__head{gap:14px}.as-brand__name strong{font-size:19px}.as-brand__name span{font-size:15px}.as-form-wrap{padding:28px 16px 40px}.as-platforms{grid-template-columns:repeat(var(--cols-narrow, 2),minmax(0,1fr))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}