@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";: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(141.9deg, #740507 30%, #a52ba3 109%);--gradient-gov:linear-gradient(104.8deg, #000932 35%, #0e529a 113%);--gradient-company:linear-gradient(112.5deg, #002021 32%, #114503 104%);--gradient-bank:linear-gradient(109.15deg, #0f257e 11%, #010617 103%);--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}.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}@media (width<=800px){.data{padding:20px 20px 40px}.data-detail{grid-template-columns:1fr}}.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__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}}