@font-face{font-family:BarlowBlack;src:url(/assets/Barlow-Black-vTbzaL5V.woff2) format("woff2"),url(/assets/Barlow-Black-DOwaKEQR.woff) format("woff");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:BarlowRegular;src:url(/assets/Barlow-Regular-Bra5X96W.woff2) format("woff2"),url(/assets/Barlow-Regular-DX3l6Lm7.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:BarlowSemiBold;src:url(/assets/Barlow-SemiBold-bStKcr0o.woff2) format("woff2"),url(/assets/Barlow-SemiBold-gCCRqafp.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;height:100%;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;font-family:BarlowRegular}.App{width:100vw;height:100vh}.Container{display:flex;align-items:center;flex-direction:column;position:relative;width:100%;height:100%}.Container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s ease}.Container:hover:before{opacity:1}.titleText{color:#fff;opacity:1;font-size:6vw;font-family:BarlowBlack;margin-top:15vw}.homeAvatar{width:66vw;object-fit:contain;margin-top:7vw}.startBtn{width:25vw;margin-top:10vw}.startBtn img{object-fit:contain;width:100%}.gender-title{color:#fff;opacity:1;font-size:6vw;font-family:BarlowSemiBold;margin-top:15vw}.gender-container{width:90%;display:flex;justify-content:space-around;margin-top:16vw}.gender-box{width:35vw;height:35vw;position:relative;display:flex;justify-content:center;align-items:center;border-radius:1rem;transition:transform .3s ease;cursor:pointer}.image-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:.7rem}.gender-image{object-fit:contain;width:100%}.gender-submit-btn{margin-top:54%;position:relative}button{border:none;border-radius:2.1vw;background:transparent;cursor:pointer}button:disabled{cursor:not-allowed}.instruction{color:#fff;opacity:1;font-size:4vw;font-family:BarlowRegular;text-align:center;margin-top:10vw}.instruction img{width:100%;object-fit:contain}.gender-submit-btn img{width:25vw;object-fit:cover;margin-top:2vw}.backBtn{position:absolute;left:3vw;bottom:2vw;width:7vw}.backBtn img{width:100%;object-fit:contain}.selectAvatarTitle,.generateTitle{letter-spacing:.32px;color:#fff;opacity:1;font-size:6vw;font-family:BarlowSemiBold;margin-top:15vw}.mainAvatarContainer{display:flex;flex-direction:column;align-items:center;position:relative;width:65vw;margin-top:7vw}.mainAvatar{width:100%;border:5px solid #937272;margin-bottom:20px;border-radius:2vw;transition:all .3s ease;box-shadow:0 8px 25px #00000026}.mainAvatar:hover{transform:translateY(-2px);box-shadow:0 12px 35px #0003}.bottomImages{cursor:pointer;position:absolute;bottom:40vw;display:flex;gap:4vw}.bottomImages .avatar-option{position:relative;width:15vw;height:15vw;border-radius:50%;border:.6vw solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 15px #0000001a}.bottomImages .avatar-option:hover{transform:translateY(-3px);box-shadow:0 8px 25px #52c6414d}.bottomImages .avatar-option:active{transform:translateY(-1px)}.bottomImages img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:top;transition:all .3s ease;cursor:pointer}.bottomImages .avatar-option:hover img{transform:scale(1.05);filter:brightness(1.1)}.bottomImages .avatar-option[style*="solid #52C641"]{animation:selectedPulse 2s infinite;box-shadow:0 0 20px #52c64166}@keyframes selectedPulse{0%{box-shadow:0 0 20px #52c64166}50%{box-shadow:0 0 25px #52c64199}to{box-shadow:0 0 20px #52c64166}}.submitBtn{width:21vw;margin-top:25vw;position:relative}.submitBtn img{max-width:100%;object-fit:contain;transition:all .3s ease;cursor:pointer}.submitBtn img:hover{filter:brightness(1.1) drop-shadow(0 4px 8px rgba(0,0,0,.2))}.navigaton-btn{width:94vw;display:flex;justify-content:space-between;position:absolute;bottom:3vw}.navigaton-btn img:nth-child(1),.navigaton-btn img:nth-child(2){width:5vw;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.navigaton-btn img:hover{transform:translateY(-2px);filter:brightness(1.2) drop-shadow(0 4px 8px rgba(0,0,0,.2))}.camera-container{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center}.camera-selector{position:absolute;top:3vw;right:3vw;z-index:100}.camera-selector-btn{background:#00000080;border:none;border-radius:50%;width:4vw;height:4vw;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000004d;transition:background .2s ease,transform .2s ease;opacity:.5}.camera-selector-btn:hover{background:#000000bf;transform:scale(1.08)}.camera-selector-btn svg{width:2.6vw;height:2.6vw}.camera-dropdown{position:absolute;top:12vw;right:0;background:#000000d9;border-radius:2vw;padding:1.5vw 0;min-width:55vw;max-height:60vw;overflow-y:auto;box-shadow:0 4px 20px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);animation:dropdownFadeIn .18s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.camera-dropdown::-webkit-scrollbar{width:1.2vw}.camera-dropdown::-webkit-scrollbar-track{background:transparent}.camera-dropdown::-webkit-scrollbar-thumb{background:#fff3;border-radius:1vw}.camera-dropdown-item{padding:2.5vw 4vw;color:#fff;font-size:2.8vw;font-family:BarlowSemiBold;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:2vw;transition:background .15s ease}.camera-dropdown-item:before{content:"";display:inline-block;width:1.8vw;height:1.8vw;border-radius:50%;background:#ffffff4d;flex-shrink:0}.camera-dropdown-item:hover{background:#ffffff1f}.camera-dropdown-item.active{background:#52c64133;color:#52c641}.camera-dropdown-item.active:before{background:#52c641;box-shadow:0 0 6px #52c641b3}.camera-dropdown-item+.camera-dropdown-item{border-top:1px solid rgba(255,255,255,.06)}.header-text{color:#fff;opacity:1;font-size:5vw;font-family:BarlowSemiBold;margin-top:15vw}.camera-preview{width:90vw;height:120vw;display:flex;flex-direction:column;justify-content:center;align-items:center}.clicked-image,.camera-view{width:calc(79vw * 1145 / 873);height:79vw;transform:rotate(-90deg);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;margin-top:-9vw;border-radius:3vw}.clicked-image img,.camera-view video{width:100%;height:100%;object-fit:cover;border-radius:3vw}.timer-overlay{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:none}.timer-text{font-size:22vw;color:#dcebdc;text-shadow:0 4px 20px rgba(0,0,0,.4)}.capture{position:absolute;bottom:22vw;left:50%;transform:translate(-50%);width:15vw;cursor:pointer;transition:transform .2s ease,filter .2s ease}.capture img{width:100%;object-fit:contain}.capture:hover{transform:translate(-50%) scale(1.08);filter:brightness(1.1) drop-shadow(0 4px 12px rgba(0,0,0,.3))}.capture:active{transform:translate(-50%) scale(.96)}.capture img{width:100%;height:auto}.action-buttons{width:60vw;bottom:33vw;position:absolute;display:flex;justify-content:space-between}.action-buttons div{position:relative;width:20vw;cursor:pointer;transition:transform .2s ease,filter .2s ease}.action-buttons div:hover{transform:translateY(-2px);filter:brightness(1.1) drop-shadow(0 4px 10px rgba(0,0,0,.25))}.action-buttons div:active{transform:translateY(0)}.action-buttons div img{width:100%;object-fit:contain}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#00000059;z-index:50}.modal-text{color:#fffffff2;font-size:2.125rem;font-weight:500;margin-top:5vw;font-family:BarlowSemiBold}.loader-scan{position:absolute;left:50%;top:43.3%;transform:translate(-50%,-50%);z-index:60}.scan-div{width:79vw;aspect-ratio:873 / 1145;position:relative}.scanImg{width:100%}.scanningBar{position:absolute;width:100%;height:10px;background:linear-gradient(90deg,transparent 0%,rgba(82,198,65,.6) 40%,rgba(82,198,65,1) 50%,rgba(82,198,65,.6) 60%,transparent 100%);box-shadow:0 0 12px #52c641cc;animation:moveBar 3s infinite ease-in-out}@keyframes moveBar{0%{top:0}50%{top:100%}to{top:0}}.gen-instruction{color:#fff;text-align:center;font-size:4vw;font-family:BarlowRegular;margin-top:-3vw}.instruction-img{width:70vw;margin-top:8vw}.instruction-img img{width:100%;object-fit:contain}.imageFrame{width:57vw;position:relative;margin-top:8vw}.imageFrame img{width:100%;object-fit:contain;border-radius:3vw}.btnContainer{width:60vw;display:flex;justify-content:space-between;margin-top:7vw}.btnContainer img:nth-child(1){width:30vw;object-fit:contain}.btnContainer img:nth-child(2){width:20vw;object-fit:contain}.imageFinalFrame{width:55vw;position:relative;margin-top:4vw}.imageFinalFrame img{width:100%;object-fit:contain;border-radius:3vw}.qrView{position:absolute;bottom:53vw;width:20vw;height:20vw;background-color:#fff;display:flex;align-items:center;justify-content:center}.finalDesc{color:#fff;text-align:center;font-size:3.5vw;font-family:BarlowRegular;margin-top:23vw}.finalHome{margin-top:8vw;width:20vw;position:relative}.finalHome img{width:100%;object-fit:contain}.loader{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes skLinRotate{95%,to{transform:rotate(840deg)}}.print-area-container{width:4in;height:6in;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.print-image-container{width:4in;height:6in}.print-image-container img{width:4in;height:6in;object-fit:cover;display:block}