@font-face{font-family:Proxima-Nova-Bold;src:url(/assets/ProximaNova-Bold-DYjR9NEo.woff2) format("woff2"),url(/assets/ProximaNova-Bold-DrQtprpI.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Proxima Nova Medium;src:url(/assets/ProximaNova-Medium-Cxtna5b_.woff2) format("woff2"),url(/assets/ProximaNova-Medium-hvg_nbu8.woff) format("woff");font-weight:500;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}.App{width:100vw;height:100vh}.Container{display:flex;align-items:center;flex-direction:column}.logo{position:relative;width:50vw;margin-top:7vw}.logo img{width:100%;object-fit:contain}.titleText{letter-spacing:.32px;color:#070108;opacity:1;font-size:6vw;font-family:Proxima-Nova-Bold;margin-top:5vw}.homeAvatar{width:50vw;object-fit:contain;margin-top:3vw}.startBtn{width:30vw;object-fit:cover;margin-top:10vw}.input-group{width:50vw;position:relative;display:flex;flex-direction:column;row-gap:5vw;margin-top:6vw}.input-group div{width:100%;height:7vw;border:.2vw black solid;padding-left:1vw}.input-group div input{width:100%;height:100%;font-size:4vw;overflow:unset;outline:none;border:none;font-family:Proxima Nova Medium}.inst{text-align:center;margin-top:4vw}.gender-title{letter-spacing:.32px;color:#070108;opacity:1;font-size:6vw;font-family:Proxima-Nova-Bold;margin-top:5vw}.gender-container{width:90%;display:flex;justify-content:space-around;margin-top:6vw}.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:15vw;position:relative}button{border:none;border-radius:2.1vw;background:transparent}.instruction{color:#fff;text-align:center;font-size:4vw;font-family:Proxima Nova Medium;margin-top:12vw}.gender-submit-btn img{width:30vw;object-fit:cover;margin-top:2vw}.backBtn{position:absolute;left:3vw;bottom:2vw}.selectAvatarTitle,.generateTitle{letter-spacing:.32px;color:#070108;opacity:1;font-size:6vw;font-family:Proxima-Nova-Bold;margin-top:5vw}.mainAvatarContainer{display:flex;flex-direction:column;align-items:center;position:relative;width:55vw;margin-top:2vw}.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 #fee6024d}.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)}.submitBtn{position:absolute;width:30vw;bottom:7vw}.submitBtn img{max-width:100%;object-fit:contain}.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){width:7vw;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.navigaton-btn img:nth-child(2){width:7vw;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))}button{background-color:transparent;border:none;cursor:pointer}button:disabled{cursor:not-allowed}.bottomImages .avatar-option[style*="solid #FEE602"]{animation:selectedPulse 2s infinite;box-shadow:0 0 20px #fee60266}@keyframes selectedPulse{0%{box-shadow:0 0 20px #fee60266}50%{box-shadow:0 0 25px #fee60299}to{box-shadow:0 0 20px #fee60266}}.loader{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{transition:transform .2s ease,box-shadow .2s ease}.Container{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}.camera-container{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center}.camera-controls{position:absolute;top:20px;left:20px;z-index:100;width:22vw;height:15vw}.camera-toggle-button{background:#fffc;border:none;border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0003}.camera-icon{width:30px;height:30px}.camera-list{position:absolute;top:60px;right:0;background:#fff;border-radius:10px;padding:10px 0;min-width:120px;box-shadow:0 4px 12px #00000026}.camera-option{display:block;width:100%;padding:8px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;background-color:#639}.camera-option:hover{background:#f0f0f0}.camera-option.selected{background:#007bff;color:#fff}.camera-select{position:absolute;top:10px;left:10px;z-index:10}.camera-select select{padding:8px 12px;font-size:16px;border-radius:8px;background-color:#fff;border:1px solid #ccc;cursor:pointer}.header-text{letter-spacing:.32px;color:#070108;opacity:1;font-size:6vw;font-family:Proxima-Nova-Bold;margin-top:5vw}.camera-preview{width:90vw;height:120vw;justify-content:center;align-items:center;display:flex;flex-direction:column}.clicked-image{width:114%;height:65%;transform:rotate(-90deg);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;margin-top:-9vw;border-radius:3vw}.clicked-image img{border-radius:3vw}.camera-view{width:114%;height:65%;transform:rotate(-90deg);display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative;margin-top:-8vw;border-radius:3vw}.camera-view video{width:100%;height:auto;border-radius:3vw}.clicked-image img{width:100%;height:auto;border-radius:3vw}.capture{position:absolute;bottom:5vw;left:50%;transform:translate(-50%);width:15vw}.capture img{width:100%;height:auto}.action-buttons{width:60vw;bottom:10vw;position:absolute;display:flex;justify-content:space-between}.action-buttons div{position:relative;width:23vw}.action-buttons div img{width:100%;object-fit:contain}.modal-text{color:#fffffff2;font-size:2.125rem;font-weight:500;margin-top:5vw;font-family:PoppinsMedium}@keyframes skLinRotate{95%,to{transform:rotate(840deg)}}.timer-overlay{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.timer-text{font-size:22vw;color:#dcebdc}.loader-scan{position:absolute;left:10.1vw;top:51.6vw}.scan-div{width:79vw;height:100vw;position:relative}.scanImg{width:100%}.scanningBar{position:absolute;width:100%;height:10px;background-color:#9c9393;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:3.1vw;font-family:Proxima Nova Medium;margin-top:-1vw}.imageFrame{width:45vw;position:relative;margin-top:2vw}.imageFrame img{width:100%;object-fit:contain;border-radius:3vw}.btnContainer{width:60vw;display:flex;justify-content:space-between;margin-top:8vw}.btnContainer img:nth-child(1){width:30vw;object-fit:contain}.btnContainer img:nth-child(2){width:20vw;object-fit:contain}.imageFinalFrame{width:48vw;position:relative;margin-top:1vw}.imageFinalFrame img{width:100%;object-fit:contain;border-radius:3vw}.qrView{position:absolute;bottom:32vw;width:17vw;height:17vw;background-color:#fff;display:flex;align-items:center;justify-content:center}.finalDesc{letter-spacing:.32px;color:#070108;opacity:1;font-size:4vw;font-family:Proxima-Nova-Bold;margin-top:16vw;text-align:center}.finalHome{margin-top:2vw;width:30vw;position:relative}.finalHome img{width:100%;object-fit:contain}.loader-overlay{position:fixed;inset:0;background:#e7eaf554;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease-out}.loader-content{text-align:center;animation:slideUp .5s ease-out}.spinner-container{position:relative;width:120px;height:120px;margin:0 auto 30px}.spinner{position:absolute;width:100%;height:100%;border:6px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.spinner-inner{position:absolute;top:15px;left:15px;width:calc(100% - 30px);height:calc(100% - 30px);border:6px solid rgba(255,255,255,.2);border-bottom-color:#fff;border-radius:50%;animation:spin .7s linear infinite reverse}.loader-message{color:#fff;font-size:24px;font-weight:600;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;text-shadow:0 2px 10px rgba(0,0,0,.2);animation:pulse 1.5s ease-in-out infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.spinner-container{width:100px;height:100px}.loader-message{font-size:20px}}@media (max-width: 480px){.spinner-container{width:80px;height:80px}.loader-message{font-size:18px}}