@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";.screen{background:var(--color-bg);max-width:1440px;min-height:100vh;margin:0 auto}.loading-spinner__wrap{width:100%;padding:var(--spinner-wrap-padding,0);height:var(--spinner-wrap-height,auto);position:var(--spinner-wrap-position,relative);flex-direction:column;justify-content:center;align-items:center;display:flex}.loading-spinner--auto>.loading-spinner__border{max-height:calc((1 - var(--spinner-rounded,0)) * 9999px);opacity:calc(1 - var(--spinner-rounded,0));overflow:hidden}.loading-spinner--auto>.loading-spinner__rounded{max-height:calc(var(--spinner-rounded,0) * 9999px);opacity:var(--spinner-rounded,0);overflow:hidden}.loading-spinner--in-button>.loading-spinner__border,.loading-spinner--in-button>.loading-spinner__rounded{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.loading-spinner--in-button>.loading-spinner__border{opacity:calc(1 - var(--spinner-rounded,0))}.loading-spinner--in-button>.loading-spinner__rounded{opacity:var(--spinner-rounded,0)}.loading-spinner__rounded{width:var(--spinner-width,68px);height:var(--spinner-width,68px);display:inline-block}.loading-spinner__rounded svg{width:100%;height:100%}.loading-spinner__rounded .track{fill:none;stroke:var(--spinner-bg-color,#2f0162);stroke-width:var(--spinner-thickness,8)}.loading-spinner__rounded .arc{fill:none;stroke:var(--spinner-primary-color,var(--spinner-primary,#2f0162));stroke-width:var(--spinner-thickness,8);stroke-linecap:round;stroke-dasharray:25 100;transform-origin:50%;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loading-spinner__rounded .arc{animation:none}}@keyframes rotate{to{transform:rotate(1turn)}}.loading-spinner__border{z-index:0;width:var(--spinner-width,68px);height:var(--spinner-width,68px);box-sizing:border-box;border-radius:50px;display:block;position:relative;overflow:hidden}.loading-spinner__border:before{content:"";z-index:-2;background-color:var(--spinner-bg-color,#2f0162);background-position:0 0,100% 0,100% 100%,0 100%;background-repeat:no-repeat;background-size:50% 50%,50% 50%;background-image:linear-gradient(var(--spinner-primary-color,var(--spinner-primary,#2f0162)), var(--spinner-primary-color,var(--spinner-primary,#2f0162))), linear-gradient(var(--spinner-bg-color,#fff), var(--spinner-bg-color,#fff)), linear-gradient(var(--spinner-bg-color,#fff), var(--spinner-bg-color,#fff));width:200%;height:200%;animation:.6s cubic-bezier(.67,.34,.3,.71) infinite rotate;position:absolute;top:-50%;left:-50%}.loading-spinner__border:after{content:"";z-index:-1;left:var(--spinner-border-inset,6px);top:var(--spinner-border-inset,6px);width:calc(100% - var(--spinner-border-inset-double,12px));height:calc(100% - var(--spinner-border-inset-double,12px));background:var(--spinner-iframe-bg,var(--spinner-bg-color,#fff));border-radius:50px;position:absolute}.logo{font-family:var(--font-family);align-items:center;gap:6px;display:inline-flex}.logo__badge{color:#fff;letter-spacing:-.3px;border-radius:999px;padding:6px 0;font-size:15px;font-weight:600;line-height:1}.logo__text{color:var(--color-brand);letter-spacing:-.4px;font-size:16px;font-weight:500}.header{justify-content:space-between;align-items:center;padding:30px 40px 30px 43px;display:flex}.header__nav{align-items:flex-start;gap:40px;display:flex}.header__nav-item{letter-spacing:-.4px;color:var(--color-text-muted);background:0 0;border:0;padding:0;font-size:16px;font-weight:500;line-height:30px}.header__nav-item--active{color:var(--color-text);border-bottom:4px solid #000;border-radius:0 0 4px 4px}.header__user{align-items:center;gap:8px;display:flex}.header__avatar{background:var(--color-accent);color:#fff;letter-spacing:-.5px;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;font-weight:500;display:flex}.header__email{letter-spacing:-.4px;font-size:16px}.button{border-radius:var(--radius-button);background:var(--color-button);height:48px;color:var(--color-button-text);font-family:var(--font-family);letter-spacing:-.14px;cursor:pointer;border:0;justify-content:center;align-items:center;padding:0 24px;font-size:14px;font-weight:600;transition:opacity .15s;display:inline-flex}.button:hover{opacity:.85}.button--wide{width:324px;max-width:100%}.button--block{width:100%}.qr{width:100%;height:100%;image-rendering:pixelated;display:block}.back{letter-spacing:-.14px;color:inherit;background:0 0;border:0;align-items:center;gap:4px;padding:0;font-size:14px;font-weight:500;display:inline-flex}.back svg{width:18px;height:18px}.data{flex-direction:column;gap:30px;padding:20px 50px 40px;display:flex}.data__section{flex-direction:column;gap:16px;display:flex}.data__section-title{letter-spacing:-.55px;color:#000;font-size:22px;font-weight:500}.data__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.data__card-link{border-radius:var(--radius-card);transition:transform .15s;display:block}.data__card-link:hover{transform:translateY(-2px)}.credential-card{border-radius:var(--radius-card);color:#fff;justify-content:space-between;align-items:flex-start;height:110px;padding:16px;display:flex;position:relative;overflow:clip}.credential-card--pid{background:var(--gradient-pid)}.credential-card--gov{background:var(--gradient-gov)}.credential-card--company{background:var(--gradient-company)}.credential-card--bank{background:var(--gradient-bank)}.credential-card--full{width:100%;height:110px}.credential-card__overlay{pointer-events:none;background-color:#ffffff14;background-image:radial-gradient(circle at 30% 30%,#ffffff2e 0 1px,#0000 2px),radial-gradient(circle at 70% 70%,#ffffff1f 0 1px,#0000 2px);background-position:0 0;background-repeat:repeat;background-size:40px 40px,30px 30px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;position:absolute;inset:0}.credential-card__body{flex-direction:column;justify-content:space-between;gap:15px;height:100%;display:flex;position:relative}.credential-card__title{letter-spacing:-.16px;font-size:16px;font-weight:700}.credential-card__subtitle{letter-spacing:-.14px;font-size:14px;font-weight:400}.credential-card__date{letter-spacing:-.12px;font-size:12px;font-weight:400}.credential-card__more{color:#fff;background:0 0;border:0;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex;position:relative}.data-detail{grid-template-columns:326px 326px;gap:16px;display:grid}.data-detail__title{letter-spacing:-.45px;margin-bottom:16px;font-size:18px;font-weight:600}.data-detail__panel{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:#fff;flex-direction:column;gap:24px;padding:32px 24px 24px;display:flex}.data-detail__field{flex-direction:column;gap:4px;display:flex}.data-detail__field-label{letter-spacing:-.12px;font-size:12px}.data-detail__field-value{letter-spacing:-.14px;font-size:14px;font-weight:600}.data-detail__panel--qr{text-align:center;justify-content:center;align-items:center}.data-detail__qr-text{letter-spacing:-.14px;font-size:14px}.data-detail__qr{justify-content:center;align-items:center;width:130px;height:130px;display:flex}.data__status{color:var(--color-text-muted);letter-spacing:-.14px;font-size:14px}.data-empty{flex-direction:column;gap:16px;min-height:490px;padding-top:60px;display:flex;position:relative}.data-empty__heading{letter-spacing:-.55px;color:#000;margin:0;font-size:22px;font-weight:500}.data-empty__grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.data-create-tile{color:#000;cursor:pointer;background:#f6f7f9;border:2px dashed #e2e7eb;border-radius:24px;align-items:center;width:100%;height:110px;padding:16px;font-family:inherit;transition:opacity .15s;display:flex;overflow:clip}.data-create-tile:hover{opacity:.85}.data-create-tile__label{letter-spacing:-.16px;align-items:center;gap:8px;font-size:16px;font-weight:500;display:inline-flex}.data-create-tile__icon{flex-shrink:0;width:24px;height:24px}.data-populated{flex-direction:column;gap:16px;padding-top:60px;display:flex}.data-populated__heading{letter-spacing:-.55px;color:#000;margin:0;font-size:22px;font-weight:500}.data-populated__grid{grid-template-columns:repeat(4,1fr);gap:34px;display:grid}.data-populated__card-link{border-radius:24px;transition:transform .15s;display:block}.data-populated__card-link:hover{transform:translateY(-2px)}.data-empty__placeholder{opacity:.38;background:#e2e7eb;border-radius:24px;height:110px;position:relative;overflow:hidden}.data-empty__bar{background:#fff;display:block;position:absolute;left:16px}.data-empty__bar--title{border-radius:7px;width:176px;height:24px;top:19.5px}.data-empty__bar--line-1{border-radius:6px;width:100px;height:12px;top:51.5px}.data-empty__bar--line-2{border-radius:6px;width:127px;height:12px;top:78.5px}.data-empty__arrow{pointer-events:none;justify-content:center;align-items:center;width:383px;height:398px;display:flex;position:absolute;top:148px;left:123px}.data-empty__arrow img{width:265px;height:307px;display:block;transform:rotate(150deg)}.data-empty__message{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;gap:8px;width:405px;max-width:100%;padding:16px;display:flex;position:absolute;top:307px;left:50%;transform:translate(-50%)}.data-empty__title{letter-spacing:-.55px;color:#000;margin:0;font-size:22px;font-weight:600}.data-empty__description{letter-spacing:-.4px;color:#000;width:322px;max-width:100%;font-size:16px;font-weight:400;line-height:25px}@media (width<=800px){.data{padding:20px 20px 40px}.data-detail{grid-template-columns:1fr}}.modal{z-index:100;-webkit-backdrop-filter:blur(22.95px);background:#322940c4;justify-content:center;align-items:center;padding:40px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal__card{box-sizing:border-box;z-index:1;background:#fff;border:1px solid #e5e6f6;border-radius:16px;flex-direction:column;align-items:center;gap:40px;width:478px;max-width:100%;padding:48px 32px;display:flex;position:relative}.modal__card--wide{width:557px}.modal__title{letter-spacing:-.875px;color:#000;text-align:center;width:100%;margin:0;font-family:inherit;font-size:35px;font-weight:500;line-height:48px}.modal__subtitle{letter-spacing:-.55px;color:#000;text-align:center;width:100%;margin:0;font-family:inherit;font-size:22px;font-weight:300}.modal__heading{flex-direction:column;gap:18px;width:100%;display:flex}.modal__primary{color:#fff;letter-spacing:-.16px;cursor:pointer;background:#000;border:0;border-radius:16px;width:100%;height:48px;font-family:inherit;font-size:16px;font-weight:600;transition:opacity .15s}.modal__primary:hover:not(:disabled){opacity:.85}.modal__primary:disabled{color:#fff;letter-spacing:-.14px;cursor:not-allowed;background:#acb0b5;font-size:14px}.modal__secondary{color:#000;letter-spacing:-.16px;cursor:pointer;background:#fff;border:2px solid #000;border-radius:16px;width:100%;height:48px;font-family:inherit;font-size:16px;font-weight:600;transition:opacity .15s}.modal__secondary:hover{opacity:.85}.create-data__actions{flex-direction:column;gap:24px;width:414px;max-width:100%;display:flex}.create-data__form{flex-direction:column;gap:24px;width:100%;display:flex}.create-data__field{flex-direction:column;gap:8px;display:flex}.create-data__field-label{letter-spacing:-.16px;color:#000;font-size:16px;font-weight:500}.create-data__input{box-sizing:border-box;background:#fff;border:1px solid #c5cad6;border-radius:8px;align-items:center;gap:8px;height:48px;padding:0 16px;transition:border-color .15s;display:flex}.create-data__input:focus-within{border-color:var(--color-brand)}.create-data__input--select{cursor:pointer}.create-data__input-control{letter-spacing:-.16px;color:#000;appearance:none;background:0 0;border:0;outline:none;flex:auto;min-width:0;height:100%;padding:0;font-family:inherit;font-size:16px;font-weight:500}.create-data__input-control::placeholder{color:var(--color-text-muted);font-weight:400}select.create-data__input-control{cursor:pointer}.create-data__input-icon{color:#000;pointer-events:none;flex-shrink:0;width:24px;height:24px}.create-data__submit{align-self:center;width:414px;max-width:100%;margin-top:16px}.create-data__error{color:#d43f3f;margin:0;font-size:14px}.create-data__stores{justify-content:center;align-items:center;gap:80px;width:100%;display:flex}.create-data__store-card{box-sizing:border-box;border:1px solid #0f257e2b;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.create-data__store-badge{width:140px;height:auto;display:block}.create-data__store-qr{width:137px;height:137px}.create-data__credential-qr{cursor:pointer;box-sizing:border-box;background:#fff;border:1px solid #0f257e2b;border-radius:12px;justify-content:center;align-items:center;width:100%;height:238px;padding:24px;display:flex}.create-data__credential-qr>svg{width:204px;height:204px}.create-data__qr-error,.create-data__qr-pending{color:var(--color-text-muted);margin:0;font-size:14px}.create-data__success{flex-direction:column;align-items:center;gap:20px;width:282px;max-width:100%;display:flex}.create-data__success-icon{width:100px;height:100px;display:block}.create-data__success-text{flex-direction:column;gap:10px;width:100%;display:flex}.auth{justify-content:center;align-items:flex-start;padding:80px 20px 40px;display:flex}.auth__card{border:1px solid var(--color-border-soft);border-radius:var(--radius-button);background:#fff;flex-direction:column;align-items:center;gap:24px;width:478px;max-width:100%;padding:48px 32px;display:flex}.auth__icon{color:#000;width:100px;height:100px;display:block}.auth__title{letter-spacing:-.875px;text-align:center;font-size:35px;font-weight:500;line-height:47px}.auth__form-block{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.auth__lead{letter-spacing:-.55px;text-align:center;font-size:22px;font-weight:300}.auth__form{flex-direction:column;gap:32px;width:414px;max-width:100%;display:flex}.auth__field{flex-direction:column;gap:8px;display:flex}.auth__label{letter-spacing:-.16px;font-size:16px;font-weight:500}.auth__input{border-radius:var(--radius-input);border:1px solid var(--color-border);background:#fff;height:48px;padding:0 16px;font-size:16px}.auth__input:focus{outline:2px solid var(--color-brand);outline-offset:1px}.auth__error{color:#a52b33;letter-spacing:-.14px;margin-top:-16px;font-size:14px}.auth__footer{letter-spacing:-.16px;text-align:center;font-size:16px;font-weight:400}.auth__link{color:#25b38d;font-weight:600;text-decoration:underline}.auth__divider{letter-spacing:-.16px;align-items:center;gap:18px;width:100%;font-size:16px;display:flex}.auth__divider-line{background:var(--color-border-subtle);flex:1;height:1px}.auth__lead-email{font-weight:600}.auth__resend{flex-direction:column;align-items:center;gap:8px;width:100%;display:flex}.auth__resend-text{letter-spacing:-.16px;font-size:16px}.auth__qr-block{flex-direction:column;align-items:center;gap:18px;width:100%;display:flex}.auth__qr-frame{justify-content:center;align-items:center;width:204px;height:204px;display:flex}.landing__hero{border-radius:var(--radius-screen);grid-template-columns:1.15fr 1fr;align-items:center;gap:40px;min-height:600px;margin:0 30px 24px;padding:80px 100px;display:grid;position:relative;overflow:clip}.landing__hero-bg{z-index:0;background:radial-gradient(circle at 85% 30%,#ffb4fa8c,#0000 55%),radial-gradient(circle at 75% 85%,#a06eff73,#0000 55%),radial-gradient(circle at 15% 60%,#a0dcff8c,#0000 50%),linear-gradient(135deg,#f2f3fb 0%,#e9ebf7 60%,#f0e4f5 100%);position:absolute;inset:0}.landing__hero-content{z-index:1;flex-direction:column;align-items:flex-start;gap:60px;max-width:664px;display:flex;position:relative}.landing__heading{letter-spacing:-1.75px;color:#000;font-size:70px;font-weight:500;line-height:80px}.landing__heading-accent{background:var(--gradient-brand);color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:800}.landing__subtitle{letter-spacing:-.8px;margin-top:20px;font-size:32px;line-height:1.15}.landing__hero-visual{z-index:1;justify-content:center;align-items:center;height:100%;display:flex;position:relative}.landing__hero-visual--wrap{justify-content:center;align-items:center;max-width:280px;max-height:600px;display:flex;position:relative}.landing__hero-image{object-fit:contain;width:500px;max-height:100%;position:relative}@media (width<=680px){.landing__hero-image{width:400px}}@media (width<=540px){.landing__hero-image{width:320px}}.landing__section-title{text-align:center;letter-spacing:-.8px;margin:40px 0 24px;font-size:32px;font-weight:400}.landing__features{background:var(--color-bg-muted);border-radius:var(--radius-screen);grid-template-columns:repeat(3,1fr);gap:16px;margin:0 30px 30px;padding:40px;display:grid}.feature-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-card);background:#fff;align-items:center;gap:16px;height:120px;padding:16px;display:flex}.feature-card__icon{border-radius:var(--radius-button);flex-shrink:0;justify-content:center;align-items:center;width:180px;height:100%;display:flex;position:relative;overflow:clip}.feature-card__icon--casino{background:#161e45}.feature-card__icon--signing{background:linear-gradient(100deg,#2c0451 35%,#6e0e9a 113%)}.feature-card__icon--company{background:linear-gradient(106deg,#114503 10%,#002021 104%)}.feature-card__text{flex-direction:column;flex:1;gap:8px;display:flex}.feature-card__title{letter-spacing:-.4px;font-size:16px;font-weight:700}.feature-card__subtitle{letter-spacing:-.4px;font-size:16px;font-weight:400}.feature-card__chevron{color:#000;flex-shrink:0}@media (width<=1100px){.landing__hero{grid-template-columns:1fr;padding:48px 40px}.landing__heading{font-size:48px;line-height:58px}.landing__subtitle{font-size:22px}.landing__features{grid-template-columns:1fr}}.scenarios{flex-direction:column;gap:16px;padding-top:60px;display:flex}.scenarios__heading{letter-spacing:-.55px;color:#000;margin:0;font-size:22px;font-weight:500}.scenarios__grid{grid-template-columns:461px 1fr 1fr;gap:16px;display:grid}.scenario-card{cursor:pointer;text-align:left;box-sizing:border-box;background:#fff;border:1px solid #0f257e2b;border-radius:24px;justify-content:space-between;align-items:center;height:120px;padding:16px;font-family:inherit;transition:transform .15s;display:flex;overflow:hidden}.scenario-card:hover{transform:translateY(-2px)}.scenario-card__left{flex:auto;align-items:center;gap:16px;min-width:0;height:100%;display:flex}.scenario-card__artwork{border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:180px;height:100%;display:flex;position:relative;overflow:hidden}.scenario-card__artwork--casino{background:#161e45}.scenario-card__artwork--signing{background:linear-gradient(100.34deg,#2c0451 35.418%,#6e0e9a 112.81%)}.scenario-card__artwork--company{background:linear-gradient(105.95deg,#114503 9.9785%,#002021 103.62%)}.scenario-card__art-svg{width:100%;height:100%;display:block}.scenario-card__art-icon{width:50px;height:50px;display:block}.scenario-card__text{flex-direction:column;gap:8px;min-width:0;display:flex}.scenario-card__title{letter-spacing:-.4px;color:#000;white-space:nowrap;margin:0;font-size:16px;font-weight:700}.scenario-card__subtitle{letter-spacing:-.4px;color:#000;white-space:nowrap;margin:0;font-size:16px;font-weight:400}.scenario-card__chevron{color:#000;flex-shrink:0;width:24px;height:24px}@media (width<=1100px){.scenarios__grid{grid-template-columns:1fr}}:root{--color-text:#000;--color-text-muted:#9196ad;--color-bg:#fff;--color-bg-muted:#f3f4fb;--color-border:#c5cad6;--color-border-soft:#e5e6f6;--color-border-subtle:#0f257e2b;--color-brand:#2a0062;--color-accent:#aa2c60;--color-button:#000;--color-button-text:#fff;--gradient-brand:linear-gradient(90deg, #bd11d8 20%, #0ddfdb 100%);--gradient-pid:linear-gradient(106.49deg, #740507 30.611%, #a52ba3 108.92%);--gradient-gov:linear-gradient(104.8deg, #000932 35.418%, #0e529a 112.81%);--gradient-company:linear-gradient(112.5deg, #002021 32.039%, #114503 103.62%);--gradient-bank:linear-gradient(109.15deg, #0f257e 10.819%, #010617 102.51%);--radius-screen:40px;--radius-card:24px;--radius-button:16px;--radius-input:8px;--font-family:"Poppins", system-ui, -apple-system, sans-serif;font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}#root{width:100%}h1,h2,h3,p{margin:0}button{cursor:pointer;font-family:inherit}a{color:inherit;text-decoration:none}input{font-family:inherit}
