@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap);:root{--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--safe-area-right:env(safe-area-inset-right,0px);--vh:1vh;--vw:1vw}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;left:0;margin:0;overflow:hidden;position:fixed;top:0;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#4361ee;--secondary-color:#01bea5;--tertiary-color:#bc4bfd;--text-primary:#fff;--text-secondary:#b8bcc8;--text-tertiary:#6b7280;--bg-primary:#0a0f1e;--bg-secondary:#1a1f2e;--bg-tertiary:#252a3a;--surface-primary:#ffffff0d;--surface-secondary:#ffffff1a;--border-primary:#ffffff1a;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0003;--shadow-xl:0 20px 25px #0000004d;--base-font-size:clamp(0.9rem,2vh,1.1rem);--heading-size:clamp(1.4rem,3vh,1.8rem);--small-font-size:clamp(0.8rem,1.8vh,1rem);--tiny-font-size:clamp(0.7rem,1.5vh,0.9rem)}body,html{background:#0a0f1e;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;height:100%;margin:0;overflow:hidden;padding:0}.animated-background{height:100vh;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100vw;z-index:0}.wave{border-radius:50%;filter:blur(1px);opacity:.2;position:absolute;will-change:transform}.wave-1{background:linear-gradient(135deg,#4361ee,#01bea5);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));height:400px;opacity:.18;right:-100px;top:-100px;width:400px}.wave-2{background:linear-gradient(225deg,#01bea5,#bc4bfd);background:linear-gradient(225deg,var(--secondary-color),var(--tertiary-color));bottom:-50px;height:300px;left:-50px;opacity:.15;width:300px}.wave-3{background:linear-gradient(45deg,#bc4bfd,#4361ee);background:linear-gradient(45deg,var(--tertiary-color),var(--primary-color));height:200px;left:10%;opacity:.12;top:40%;width:200px}.container{align-items:center;height:100%;justify-content:flex-start}.container,.main_wrapper{background:#0a0f1e;background:var(--bg-primary);display:flex;flex-direction:column}.main_wrapper{height:100vh;overflow:hidden;position:relative;width:100vw;z-index:1}.location_text{align-items:center;background:#0a0f1e;background:var(--bg-primary);color:#fff;color:var(--text-primary);display:flex;font-family:Inter,sans-serif;height:100vh;justify-content:center}.topbar{background-color:#007bff;height:100px;width:100%}.mainbar{align-items:center;border-radius:10px;display:flex;flex-direction:column;height:600px;justify-content:center;margin-top:-100px;width:50%;z-index:1}.trillboard_wrap{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#4361ee,#01bea5);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:1px solid #ffffff1a;border-radius:1rem;box-shadow:0 10px 15px #0003;box-shadow:var(--shadow-lg);flex-shrink:0;margin:clamp(1rem,3vh,2rem) auto 0;max-width:90vw;padding:clamp(.75rem,2vh,1.5rem);position:relative;z-index:10}.trillboard_image{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.trillboard_image img{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:60px;width:60px}.trillboards-title{color:#fff;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:1.4rem;font-weight:700;margin:0;text-shadow:0 2px 4px #0000004d}.trillboard_scanboard{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#14192866;border:1px solid #ffffff1f;border-radius:2rem;box-shadow:0 20px 40px -12px #00000026,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff26;display:flex;flex:1 1;flex-direction:column;height:100vh;justify-content:center;left:0;margin:0;overflow:visible;padding:2.5rem 2rem 3rem;position:relative;top:0;width:100vw;z-index:10}section.trillboard_scanboard.sucess_connect{align-items:center}.status-icon-connected{align-items:center;display:flex;height:4rem;justify-content:center;margin-bottom:1.5rem;position:relative;width:4rem}.connection-pulse{height:100%;opacity:.3;position:absolute;width:100%}.connection-dot,.connection-pulse{background:linear-gradient(135deg,#01bea5,#4361ee);background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));border-radius:50%}.connection-dot{box-shadow:0 0 20px #01bea580,0 0 40px #01bea54d,inset 0 2px 4px #fff3;height:1.5rem;position:relative;width:1.5rem;z-index:1}.connect_img{margin-top:30px}.scanorcode_wrap img{background:#fffffffa;border-radius:1.25rem;box-shadow:0 20px 40px #00000026,0 0 0 1px #ffffff1a,inset 0 1px 0 #fffc;padding:1rem;transition:all .3s ease;width:200px}.scanorcode_wrap img:hover{box-shadow:0 25px 50px #0003,0 0 0 1px #ffffff26,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.scanorcode_wrap h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4361ee,#01bea5);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;font-size:clamp(1.4rem,3vh,1.8rem);font-size:var(--heading-size);font-weight:600;margin:clamp(.5rem,2vh,1.5rem) 0}.connected-title{-webkit-text-fill-color:initial!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;color:#fff!important;color:var(--text-primary)!important;font-family:Space Grotesk,sans-serif!important;font-size:1.5rem!important;font-weight:500!important;margin:1rem 0 2.5rem!important;opacity:.9;text-align:center}.connection-steps-sides{align-items:center;display:flex;gap:clamp(.5rem,3vw,2rem);justify-content:center;margin:clamp(1rem,3vh,2rem) auto 0;max-width:min(1200px,85vw);position:relative;transform:translateX(-4%);width:100%}.steps-left,.steps-right{display:flex;flex:0 0 auto;flex-direction:column;gap:clamp(.5rem,1.5vh,1rem);max-width:clamp(200px,25vw,320px);min-width:clamp(150px,20vw,220px);width:clamp(200px,25vw,320px)}.qr-center{align-items:center;display:flex;flex-direction:column;flex-shrink:0;flex:0 0 auto;gap:clamp(.25rem,1vh,.75rem);justify-content:center;min-width:clamp(180px,25vw,320px);text-align:center}.qr-center img{background:#fffffffa;border-radius:1.25rem;box-shadow:0 20px 40px #00000026,0 0 0 1px #ffffff1a,inset 0 1px 0 #fffc;padding:1rem;transition:all .3s ease}.qr-center img:hover{box-shadow:0 25px 50px #0003,0 0 0 1px #ffffff26,inset 0 1px 0 #ffffffe6;transform:translateY(-2px)}.steps-grid{display:flex;flex-direction:column;gap:clamp(.25rem,1vh,.75rem);margin:0 auto;max-width:min(400px,90vw);width:100%}.step-item{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#14192899;border:1px solid #ffffff14;border-radius:.75rem;display:flex;gap:clamp(.5rem,2vw,1rem);overflow:hidden;padding:clamp(.5rem,1.5vh,.75rem) clamp(.75rem,2.5vw,1.25rem);position:relative;text-align:left;transition:all .3s ease}.step-item:before{background:linear-gradient(135deg,#01bea5,#4361ee);background:linear-gradient(135deg,var(--secondary-color),var(--primary-color));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.step-item:hover{background:#141928cc;border-color:#01bea533;box-shadow:0 4px 20px #0000004d;transform:translateX(4px)}.step-item:hover:before{opacity:1}.step-emoji{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0f;border:1px solid #ffffff14;border-radius:6px;display:flex;flex-shrink:0;font-size:clamp(1rem,2.5vh,1.4rem);height:clamp(1.5rem,4vw,2rem);justify-content:center;width:clamp(1.5rem,4vw,2rem)}.step-text{color:#b8bcc8;color:var(--text-secondary);flex:1 1;font-family:Inter,sans-serif;font-size:clamp(.8rem,1.8vh,1rem);font-size:var(--small-font-size);font-weight:500;line-height:1.3}.scanorcode_wrap{align-items:center;display:flex;flex-direction:column;gap:clamp(1rem,3vh,2rem);justify-content:center;margin:0 auto;max-width:min(600px,90vw);text-align:center;width:100%}.trillboard_text h2{color:#484848;font-family:sans-serif;font-size:24px;text-align:center}.trillboard_gst h4{color:#000;font-family:sans-serif;font-size:18px;text-align:end}#loader-overlay{align-items:center;background-color:initial;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.loader{animation:spin 1s linear infinite;border:8px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:50px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media only screen and (max-width:1023px){.connection-steps-sides{gap:clamp(.25rem,2vw,1rem);justify-content:center;margin:clamp(.5rem,2vh,1.5rem) auto 0;max-width:min(1000px,90vw);transform:translateX(-4%)}.steps-left,.steps-right{gap:clamp(.25rem,1vh,.75rem);max-width:clamp(120px,22vw,200px);min-width:clamp(100px,18vw,150px);width:clamp(120px,22vw,200px)}.qr-center{min-width:clamp(140px,22vw,250px)}.step-item{padding:clamp(.25rem,1vh,.5rem) clamp(.5rem,1.5vw,.75rem)}.step-text{font-size:clamp(.65rem,1.8vw,.9rem);line-height:1.2}.step-emoji{font-size:clamp(.8rem,2vw,1.2rem);height:clamp(1.2rem,3vw,1.6rem);width:clamp(1.2rem,3vw,1.6rem)}}@media screen and (max-height:720px){.scanorcode_wrap{gap:clamp(.5rem,2vh,1rem)}.connection-steps-inline h3{font-size:clamp(.7rem,1.5vh,.9rem);font-size:var(--tiny-font-size)}}@media screen and (min-width:1920px) and (min-height:1080px){.connection-steps-sides{gap:clamp(2rem,5vw,4rem);justify-content:center;margin:clamp(1.5rem,4vh,3rem) auto 0;max-width:1400px;transform:translateX(-4%)}.steps-left,.steps-right{gap:clamp(1rem,2vh,1.5rem);max-width:clamp(280px,28vw,400px);width:clamp(280px,28vw,400px)}.qr-center{min-width:clamp(280px,30vw,400px)}.qr-center img{border-radius:1.5rem;box-shadow:0 30px 60px #0003,0 0 0 2px #ffffff26,inset 0 2px 0 #ffffffe6;max-width:clamp(250px,25vw,350px);padding:1.5rem;width:clamp(250px,25vw,350px)}.qr-center h2{font-size:clamp(1.5rem,3vh,2.2rem);font-weight:700;margin:clamp(1rem,2vh,2rem) 0 0}.step-item{font-size:clamp(1rem,2vh,1.4rem);padding:clamp(.75rem,1.5vh,1.25rem) clamp(1rem,2vw,1.5rem)}.step-text{font-size:clamp(.9rem,1.8vh,1.2rem)}.step-emoji{font-size:clamp(1.2rem,2.5vh,1.8rem);height:clamp(2rem,3.5vw,2.5rem);width:clamp(2rem,3.5vw,2.5rem)}}@media screen and (min-width:3840px) and (min-height:2160px){.connection-steps-sides{gap:clamp(3rem,6vw,6rem);justify-content:center;max-width:2000px;transform:translateX(-4%) scale(1.2);transform-origin:center}.steps-left,.steps-right{max-width:clamp(350px,30vw,500px);width:clamp(350px,30vw,500px)}.qr-center{transform:scale(1.2)}.qr-center img{max-width:clamp(350px,28vw,450px);width:clamp(350px,28vw,450px)}.qr-center h2{font-size:clamp(2rem,4vh,3rem)}.step-item{font-size:clamp(1.2rem,2.5vh,1.8rem)}}@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width:1920px){.main_wrapper{box-sizing:border-box;padding:2vh 2vw}.trillboard_scanboard{align-items:center;display:flex;justify-content:center;min-height:50vh}}@media screen and (max-height:600px){.main_wrapper{gap:clamp(.25rem,1vh,1rem);padding:clamp(.5rem,2vh,2rem)}.steps-grid{gap:clamp(.25rem,1vh,.5rem)}.connection-steps-inline h3{display:none}.step-item{font-size:clamp(.7rem,1.5vh,.9rem);font-size:var(--tiny-font-size);padding:clamp(.25rem,1vh,.5rem) clamp(.5rem,2vw,1rem)}}@media screen and (min-height:1200px){.main_wrapper{margin:5vh auto;max-height:90vh;max-width:90vw}}@media screen and (min-aspect-ratio:1970418661966829/844424930131968){.scanorcode_wrap{margin:0 auto;max-width:60vw}}@media screen and (orientation:portrait) and (min-width:768px) and (max-width:1024px){.main_wrapper{height:100vw;transform:rotate(90deg);transform-origin:center;width:100vh}}.trillboard_videeo_list{background:#ef9245;display:block;justify-content:space-between;margin-top:26px;padding:16px 10px;width:100%}.scanorcode_wrap h2{color:#fff!important;color:var(--text-primary)!important;font-family:sans-serif;font-size:20px;margin:0;text-align:center}.trillboard_list p{font-family:sans-serif;font-size:15px;font-weight:500}.trillboard_video_image{text-align:center}@media screen and (min-width:768px) and (max-width:1024px){.trillboard_scanboard{align-items:center;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;background:#14192866!important;border:1px solid #ffffff1f!important;border-radius:2rem;box-shadow:0 20px 40px -12px #00000026,0 0 0 1px #ffffff1a,inset 0 1px 0 #ffffff26!important;display:flex;flex-direction:column;height:100%;justify-content:center;margin:-23px auto 0;padding:2.5rem 2rem;width:85%}}
/*# sourceMappingURL=main.d09e7b2b.css.map*/