@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";html,body{width:100%;min-height:100vh;margin:0}#root{isolation:isolate;width:100%;min-height:100vh;position:relative}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,sans-serif}.page-bg{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.page-bg__image{background-position:0;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;animation:100s linear infinite alternate page-bg-pan;position:absolute;inset:0}.page-bg__dim{background:#00000052;position:absolute;inset:0}@keyframes page-bg-pan{0%{background-position:0}to{background-position:100%}}.page{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.page__header{background:0 0;justify-content:center;align-items:center;padding:1.25rem 1.5rem;display:flex}.page__logo{object-fit:contain;filter:drop-shadow(0 2px 8px #00000059);width:auto;max-width:min(280px,80vw);max-height:56px}.page__main{flex:1;justify-content:center;align-items:center;padding:2rem 1.25rem 3rem;display:flex}.page__card{background:#fffffff5;border:1px solid #ffffffa6;border-radius:20px;width:100%;max-width:480px;padding:2rem 1.75rem;animation:.5s ease-out page-fade-up;box-shadow:0 24px 48px #00000038}.page__title{color:#1f1f1f;margin-bottom:.35rem;font-size:1.75rem;font-weight:700;line-height:1.2}.page__subtitle{color:#5a6573;margin-bottom:1.75rem;font-size:.95rem;line-height:1.5}.page__form{flex-direction:column;gap:.75rem;display:flex}.page__label{color:#1f1f1f;font-size:.85rem;font-weight:600}.page__input{letter-spacing:.06em;color:#1a2332;background:#f8fafc;border:2px solid #d8dee6;border-radius:12px;width:100%;padding:.95rem 1rem;font-family:Consolas,Courier New,monospace;font-size:1.05rem;transition:border-color .2s,box-shadow .2s}.page__input::placeholder{color:#9aa5b5}.page__input:focus{background:#fff;border-color:#6b7280;outline:none;box-shadow:0 0 0 4px #0000000f}.page__input--error{background:#fff8f8;border-color:#c62828}.page__hint{color:#7a8494;font-size:.8rem}.page__error{color:#c62828;background:#fdecea;border-radius:10px;align-items:flex-start;gap:.5rem;padding:.75rem .9rem;font-size:.9rem;line-height:1.45;display:flex}.page__error-icon{font-weight:700}.page__button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5a5a5a 0%,#3d3d3d 100%);border:none;border-radius:12px;margin-top:.5rem;padding:.95rem 1.25rem;font-size:1rem;font-weight:600;transition:transform .15s,box-shadow .2s,opacity .2s;box-shadow:0 8px 20px #0003}.page__button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #00000040}.page__button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.page__result{background:#e8f5ee;border:1px solid #0d7a4a40;border-radius:14px;margin-top:1.25rem;padding:1.1rem 1.15rem}.page__result-header{align-items:center;gap:.6rem;margin-bottom:.5rem;display:flex}.page__result-icon{color:#fff;background:#0d7a4a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:700;display:flex}.page__result-title{color:#0d7a4a;font-size:1rem;font-weight:700}.page__result-message{color:#2d4a3e;font-size:.95rem;line-height:1.55}.page__result-code{color:#4a5f55;border-top:1px dashed #0d7a4a40;margin-top:.65rem;padding-top:.65rem;font-family:Consolas,Courier New,monospace;font-size:.85rem}.page__footer{text-align:center;color:#fffc;text-shadow:0 1px 3px #00000073;padding:1rem;font-size:.8rem}@keyframes page-fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=480px){.page__card{border-radius:16px;padding:1.5rem 1.25rem}.page__title{font-size:1.45rem}.page__logo{max-height:48px}}@media (prefers-reduced-motion:reduce){.page-bg__image{background-position:50%;animation:none}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Arial,Helvetica,sans-serif}