@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#16302e;font-synthesis:none;background:#f4f1ea;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #e2a73b}header{height:72px;padding:0 max(22px,env(safe-area-inset-left));border-bottom:1px solid #d8d4ca;justify-content:space-between;align-items:center;display:flex}.brand{color:#123c38;align-items:center;gap:10px;font:800 20px Manrope;text-decoration:none;display:flex}.brand i{background:#123c38;border-radius:14px 14px 18px 18px;width:28px;height:32px;display:block;position:relative}.brand i:after{content:"✓";color:#f4f1ea;text-align:center;position:absolute;inset:5px}.secure{color:#4c625f;font-size:12px;font-weight:700}.secure:before{content:"●";color:#4f8d64;margin-right:7px}main{width:min(100%,520px);min-height:calc(100vh - 130px);margin:auto;padding:42px 24px 36px}section{animation:.25s in}@keyframes in{0%{opacity:.3;transform:translateY(8px)}}h1{letter-spacing:-1.5px;margin:8px 0 18px;font:800 clamp(34px,9vw,52px)/1.05 Manrope}p{color:#536562;line-height:1.6}.lead{max-width:440px;font-size:18px}.eyebrow{letter-spacing:2px;color:#b66c28;margin:0 0 12px;font:700 11px Manrope}.hero{padding-top:16px}.journey{margin:38px 0;position:relative}.journey:before{content:"";border-left:1px solid #c5c8be;position:absolute;top:35px;bottom:35px;left:17px}.journey div{align-items:center;gap:18px;margin:22px 0;display:flex;position:relative}.journey b{color:#245847;background:#d9e6db;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.journey span{flex-direction:column;display:flex}.journey small,.choices small{color:#667773;margin-top:3px}.primary,.secondary{border:0;border-radius:10px;min-height:52px;padding:15px 20px;font-weight:700}.primary{color:#fff;background:#123c38}.primary:hover{background:#1b524c}.primary:disabled{cursor:not-allowed;background:#96a5a1}.secondary{color:#123c38;background:#fff;border:1px solid #adb9b5}.wide{justify-content:center;gap:12px;width:100%;display:flex}.lock{text-align:center;font-size:12px}.consents{gap:12px;margin:28px 0;display:grid}.consents label{background:#fff;border:1px solid #d6d8d0;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;display:flex}.consents input{accent-color:#123c38;width:21px;height:21px}details{background:#ece9e1;border-radius:8px;margin:20px 0;padding:15px}summary{cursor:pointer;font-weight:700}.back,.textButton{color:#3c5e59;background:0 0;border:0;margin-bottom:28px;padding:8px 0}.choices{gap:12px;margin:28px 0;display:grid}.choices button{text-align:left;color:#173a37;background:#fff;border:1px solid #d4d7cf;border-radius:12px;justify-content:space-between;align-items:center;padding:18px;display:flex}.choices button.selected{background:#edf4ef;border:2px solid #29665e}.choices span{flex-direction:column;display:flex}.steps{border-bottom:1px solid #d5d6cf;justify-content:space-between;margin:0 0 42px;padding-bottom:20px;display:flex}.steps div{color:#7b8784;align-items:center;gap:6px;font-size:12px;display:flex}.steps span{border:1px solid #a4adaa;border-radius:50%;place-items:center;width:24px;height:24px;display:grid}.steps .active{color:#164943;font-weight:700}.steps .active span{color:#fff;background:#164943}.tips{background:#e9eee8;border-radius:12px;margin:25px 0;padding:10px 18px}.tips p{margin:8px 0;font-size:14px}.capture{gap:12px;display:grid}.file{place-items:center;display:grid}.file input{opacity:0;pointer-events:none;position:absolute}.viewfinder{z-index:5;background:#0b1514;place-items:center;display:grid;position:fixed;inset:0}.viewfinder video{object-fit:cover;width:100%;height:100%}.guide{aspect-ratio:1.586;border:2px solid #fff;border-radius:18px;width:84%;position:absolute;box-shadow:0 0 0 100vmax #0007}.viewfinder.selfie .guide{aspect-ratio:.72;border-radius:50%;width:65%}.shutter{background:#fff8;border:5px solid #fff;border-radius:50%;width:68px;height:68px;position:absolute;bottom:55px;box-shadow:0 0 0 3px #222}.viewfinder .textButton{color:#fff;position:absolute;top:25px;left:20px}.preview{object-fit:contain;background:#ddd;border-radius:14px;width:100%;max-height:55vh}.pdfPreview{text-align:center;background:#fff;border:1px solid #ddd;border-radius:14px;padding:60px}.actions{grid-template-columns:1fr 2fr;gap:12px;margin-top:20px;display:grid}.notice{border-radius:8px;margin:16px 0;padding:14px}.notice p{margin:4px 0}.error{color:#713d35;background:#f7e8e4}.center{text-align:center;padding-top:12vh}.spinner{border:5px solid #d6ddd9;border-top-color:#1b5b52;border-radius:50%;width:58px;height:58px;margin:0 auto 35px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.resultIcon{color:#245c4d;background:#dce9df;border-radius:50%;place-items:center;width:76px;height:76px;margin:0 auto 28px;font-size:36px;display:grid}.reference{background:#ebe8df;border-radius:10px;flex-direction:column;gap:6px;margin:28px 0;padding:18px;display:flex}.reference small{letter-spacing:1.5px}.reference strong{font:700 20px Manrope}footer{color:#63716f;justify-content:center;align-items:center;gap:28px;height:58px;padding:0 24px;font-size:12px;display:flex}footer a{color:inherit}@media (width>=768px){main{padding-top:64px}.hero{padding-top:30px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}.viewfinder{overflow:hidden}.viewfinder.selfie video{transform:scaleX(-1)}.cameraLoading{z-index:1;color:#fff;background:#0b1514cc;border-radius:8px;padding:10px 14px;position:absolute}.viewfinder .guide{border:1px solid #ffffff80;width:min(88vw,620px);box-shadow:0 0 0 100vmax #0009}.viewfinder.selfie .guide{aspect-ratio:auto;border:2px solid #fff;border-radius:50% 50% 46% 46%;width:min(68vw,350px);height:min(52vh,470px)}.corner{border-style:solid;border-color:#7ce0b2;width:34px;height:34px;position:absolute}.corner.tl{border-width:4px 0 0 4px;border-radius:18px 0 0;top:-3px;left:-3px}.corner.tr{border-width:4px 4px 0 0;border-radius:0 18px 0 0;top:-3px;right:-3px}.corner.bl{border-width:0 0 4px 4px;border-radius:0 0 0 18px;bottom:-3px;left:-3px}.corner.br{border-width:0 4px 4px 0;border-radius:0 0 18px;bottom:-3px;right:-3px}.faceLine{border-top:2px solid #ffffffb3;border-radius:50%;position:absolute;bottom:21%;left:24%;right:24%}.cameraInstruction{z-index:1;top:max(62px, env(safe-area-inset-top));color:#fff;text-align:center;text-shadow:0 1px 4px #000;max-width:420px;margin:0 auto;font-weight:700;position:absolute;left:20px;right:20px}.cameraInstruction small{color:#e2ebe8;margin-top:5px;font-weight:500;display:block}.viewfinder .shutter{bottom:max(36px, calc(env(safe-area-inset-bottom) + 24px));z-index:1}.viewfinder .shutter:disabled{opacity:.45;cursor:wait}.viewfinder .cameraCancel{top:max(18px, env(safe-area-inset-top));z-index:2}@media (orientation:landscape) and (height<=520px){.viewfinder.document .guide{width:min(64vw,560px)}.viewfinder.selfie .guide{width:min(30vw,260px);height:min(68vh,350px)}.cameraInstruction{top:18px}}
