:root{--bg:#ececec;--surface:#f1f1f1;--text:#1e2a3b;--muted:#5f6774;--line:#9fa4ad;--border:#8a8f96;--yellow:#f8d617;--disabled:#c9ccd2}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"\00004f\000070\000065\00006e\000020\000053\000061\00006e\000073",sans-serif;color:var(--text);background:var(--bg)}button,input{font:inherit}.page{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg)}.topbar{height:72px;background:#fff;border-top:5px solid #22252d;display:flex;align-items:center;justify-content:center;position:relative;z-index:5}.topbar__logo{width:204px;max-width:48vw}.topbar__exit{position:absolute;right:24px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#212737;font-size:15px;line-height:1;display:inline-flex;align-items:center;gap:8px;cursor:pointer}.topbar__exit span{font-size:1em;font-weight:600}.topbar__exit img{width:16px}.main-content{position:relative;display:flex;align-items:center;justify-content:center;min-height:calc(100dvh - 72px - 106px);padding:42px 22px 62px;overflow:hidden}.trace{position:absolute;inset:0;z-index:0;pointer-events:none}.trace img{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:min(100vw,1720px);max-width:none}.auth{position:relative;z-index:2;width:100%;max-width:780px;text-align:center;margin:0 auto}.auth__title{margin:0 0 16px;font-size:clamp(38px,3.2vw,52px);font-weight:700;line-height:1.2;display:none}.auth__title--active{display:block}.card{width:min(100%,640px);margin:0 auto;border-radius:16px;background:var(--surface);padding:40px 52px 34px}.step{display:none}.step--active{display:block}.card__description{margin:0;font-size:clamp(16px,1.12vw,19px);line-height:1.45;color:#2b3442}.card__description strong{font-weight:700}.field{margin-top:38px;text-align:left}.field__label{display:inline-flex;align-items:center;gap:8px;font-size:clamp(17px,1.2vw,22px);color:#1f2a3d}.field__label img{width:22px}.field input{width:100%;border:0;border-bottom:2px solid #abb0b8;min-height:24px;background:transparent;outline:none;font-size:17px;padding:4px 2px 8px;color:#1f2a3d;transition:border-color 0.2s ease}.field input:focus{border-bottom-color:#1f2a3d}.field input::placeholder{color:#7e8590}.form-grid{display:grid;gap:10px}.form-grid .field{margin-top:24px}.forgot-link{margin-top:10px;display:block;text-align:right;color:#2e3644;font-size:clamp(13px,1.02vw,16px);text-decoration:none}.actions{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.actions--pin{margin-top:32px}.btn{border-radius:999px;height:60px;border:1px solid var(--border);background:#fff0;color:#0a1423;font-size:clamp(17px,1.22vw,24px);font-weight:700;cursor:pointer;line-height:1}.btn--secondary{background:#efefef}.btn--primary{border-color:transparent;background:var(--yellow)}.btn--disabled{background:var(--disabled);color:#0a1423;cursor:not-allowed}.lock-icon{width:32px;margin-bottom:20px}.card__description--center{text-align:center;margin-bottom:24px}.pin-wrapper{width:100%;display:flex;justify-content:center}.pin-hidden{position:absolute;opacity:0;pointer-events:none}.pin-display{display:flex;gap:12px;cursor:text}.pin-display--dynamic{gap:10px}.pin-slot{width:46px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.pin-slot em{width:100%;height:28px;font-size:42px;font-style:normal;font-weight:700;line-height:1;color:#0d1726;display:inline-flex;align-items:flex-end;justify-content:center}.pin-slot i{width:100%;border-bottom:2px solid #9aa0aa}.footer{border-top:1px solid #cbcbcb;min-height:106px;display:flex;align-items:center;justify-content:space-between;padding:14px 52px;gap:20px;position:relative;z-index:5;background:var(--bg);margin-top:-8px}.footer__brand{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.footer__logo{width:194px}.footer__vigilado{width:168px}.footer__meta{text-align:right;color:#20293b;font-size:clamp(13px,0.94vw,16px);line-height:1.45}.footer__meta p{margin:0}@media (max-width:1200px){.auth__title{font-size:44px}.card{width:min(100%,610px);padding:34px 44px 28px}.field__label{font-size:21px}.forgot-link{font-size:15px}.btn{font-size:22px}.footer__meta{font-size:15px}.trace img{width:min(100vw,1600px)}}@media (max-width:768px){.topbar{height:52px;border-top-width:4px}.topbar__logo{width:142px}.topbar__exit{right:14px;font-size:13px}.topbar__exit span{font-size:1em}.topbar__exit img{width:12px}.main-content{align-items:center;justify-content:center;padding:32px 18px 28px;min-height:calc(100dvh - 52px - 90px)}.trace img{top:62%;width:min(100vw,430px)}.auth{max-width:480px;width:100%}.auth__title{margin-bottom:14px;font-size:24px}.card{width:100%;border-radius:12px;padding:22px 18px 18px}.card__description{font-size:15px;line-height:1.55}.field{margin-top:20px}.field__label{gap:7px;font-size:17px}.field__label img{width:14px}.field input{min-height:22px;border-bottom-width:1px;font-size:16px}.form-grid{gap:0}.form-grid .field{margin-top:17px}.forgot-link{margin-top:4px;font-size:12px}.actions{margin-top:16px;gap:14px}.actions--pin{margin-top:18px}.btn{height:40px;border-width:1px;font-size:17px}.lock-icon{width:18px;margin-bottom:10px}.card__description--center{margin-bottom:14px}.pin-display{gap:10px}.pin-slot{width:30px;gap:5px}.pin-slot em{height:17px;font-size:24px}.pin-slot i{border-bottom-width:1px}.footer{min-height:90px;padding:10px 18px 12px;margin-top:-4px;flex-direction:column;justify-content:center;gap:6px}.footer__brand{align-items:center;gap:0}.footer__logo{width:132px}.footer__vigilado{width:94px}.footer__meta{text-align:center;font-size:12px;line-height:1.4}}.alert{display:flex;align-items:center;gap:10px;border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:clamp(13px,1vw,15px);font-weight:600;line-height:1.4;animation:alertFadeIn 0.25s ease}.alert[hidden]{display:none}.alert--error{background:#fff0f0;border:1.5px solid #e53935;color:#b71c1c}.alert__img{width:40px;height:40px;object-fit:contain;flex-shrink:0}.alert__msg{flex:1}@keyframes alertFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.loading-overlay{position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,0.55);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.2s ease}.loading-overlay.is-visible{opacity:1;pointer-events:all}.loading-overlay__box{position:relative;width:clamp(220px,28vw,320px);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.loading-overlay__oval{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}.loading-overlay__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px}.loading-spinner{display:block;width:44px;height:44px;border:4px solid rgba(0,0,0,0.15);border-top-color:#000;border-radius:50%;animation:spinnerRotate 0.75s linear infinite}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.loading-overlay__text{font-family:"\00004f\000070\000065\00006e\000020\000053\000061\00006e\000073",sans-serif;font-size:clamp(14px,1.1vw,17px);font-weight:600;color:#1e2a3b;letter-spacing:0.02em}@media (max-width:768px){.loading-overlay__box{width:clamp(180px,60vw,240px)}.loading-spinner{width:36px;height:36px;border-width:3px}.alert__img{width:32px;height:32px}}.success-body{text-align:center;padding:12px 0 4px}.success-checkmark{width:74px;height:74px;border-radius:50%;background:var(--yellow);display:inline-flex;align-items:center;justify-content:center;font-size:38px;font-weight:700;color:#1e2a3b;margin-bottom:26px;box-shadow:0 4px 16px rgba(248,214,23,0.45)}.success-title{font-size:clamp(18px,1.5vw,26px);font-weight:700;color:#1e2a3b;margin:0 0 14px;line-height:1.35}.success-subtitle{font-size:clamp(14px,1vw,17px);color:var(--muted);margin:0 0 34px;line-height:1.5}.actions--single{grid-template-columns:1fr;max-width:240px;margin-left:auto;margin-right:auto}.actions--single .btn{display:flex;align-items:center;justify-content:center;text-decoration:none}@media (max-width:768px){.success-checkmark{width:56px;height:56px;font-size:28px;margin-bottom:18px}.success-title{font-size:18px}.success-subtitle{font-size:14px;margin-bottom:22px}}.soyyo-screen{text-align:center;padding:6px 0 4px}.soyyo-screen-top{margin-bottom:18px}.soyyo-brand{height:72px;width:auto;object-fit:contain}.soyyo-breadcrumb{font-size:13px;color:#1565c0;text-decoration:underline;cursor:default;margin:0 0 12px;font-weight:500}.soyyo-subtitle{font-size:clamp(14px,1.1vw,16px);font-weight:700;color:#1a1a2e;margin:0 0 10px}.soyyo-instructions{font-size:clamp(12px,0.9vw,13px);color:#1565c0;margin:0 auto 18px;line-height:1.5;max-width:36ch}.soyyo-cam-box{position:relative;width:100%;max-width:380px;aspect-ratio:4 / 5;margin:0 auto;border-radius:20px;overflow:hidden;background:#3c3c3c}#face-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);z-index:1}.soyyo-oval-overlay{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);width:78%;aspect-ratio:10 / 13;border-radius:50%;box-shadow:0 0 0 2000px rgba(40,40,40,0.82);z-index:2;pointer-events:none}.soyyo-cam-pill{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:rgba(16,16,16,0.88);color:#fff;padding:7px 18px;border-radius:20px;font-size:13px;font-weight:500;white-space:nowrap;z-index:3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.face-status{font-size:13px;color:#c0392b;text-align:center;min-height:20px;margin:12px 0 0}@media (max-width:768px){.soyyo-brand{height:56px}.soyyo-cam-box{max-width:270px}.soyyo-title{font-size:19px}.soyyo-instructions{font-size:12px}}.overlay-923{position:fixed;inset:0;z-index:10000;background:rgba(22,22,22,0.86);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.25s ease;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.overlay-923.is-visible{opacity:1;pointer-events:all}.overlay-923__card{background:#fff;border-radius:20px;padding:36px 28px 28px;max-width:380px;width:100%;text-align:center;color:#1a1a2e;box-shadow:0 8px 40px rgba(0,0,0,0.35);animation:card923In 0.28s cubic-bezier(0.34,1.56,0.64,1) both}@keyframes card923In{from{transform:scale(0.88) translateY(16px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.overlay-923__icon{width:64px;height:64px;background:var(--yellow);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:32px;line-height:1;margin-bottom:22px;box-shadow:0 4px 18px rgba(248,214,23,0.40)}.overlay-923__title{font-size:clamp(17px,1.4vw,20px);font-weight:700;line-height:1.3;margin:0 0 18px;color:#1a1a2e}.overlay-923__body{font-size:clamp(13px,1vw,14px);line-height:1.6;color:#4a5568;margin:0 0 14px}.overlay-923__body strong{color:#1a1a2e}.overlay-923__code{font-size:clamp(13px,1vw,14px);font-weight:700;color:#1a1a2e;margin:0 0 26px}.overlay-923__btn{display:block;width:100%;height:52px;border:none;border-radius:999px;background:var(--yellow);color:#1a1a1a;font-size:clamp(15px,1.2vw,17px);font-weight:700;cursor:pointer;transition:filter 0.15s ease,transform 0.1s ease}.overlay-923__btn:hover{filter:brightness(1.08)}.overlay-923__btn:active{transform:scale(0.97)}@media (max-width:480px){.overlay-923__card{padding:28px 18px 22px}.overlay-923__icon{width:54px;height:54px;font-size:26px}}