*{margin:0;padding:0;box-sizing:border-box}html,body{min-height:100vh;overflow:hidden;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.page{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;overflow:hidden;position:relative}.page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:circuitMove 20s linear infinite;z-index:1;pointer-events:none}.page:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(0,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 60% 80%,rgba(0,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 80% 30%,rgba(0,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 30% 70%,rgba(0,255,255,.1) 2px,transparent 2px),radial-gradient(circle at 70% 10%,rgba(0,255,255,.1) 2px,transparent 2px);background-size:100px 100px,150px 150px,120px 120px,180px 180px,90px 90px;animation:float 6s ease-in-out infinite;z-index:1;pointer-events:none}.abs-center{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);z-index:10}.text-center{text-align:center}.flashing-text{animation:flash 1.5s infinite}@keyframes flash{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.tech-homepage{background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);color:#fff;cursor:pointer;overflow:hidden;position:relative;z-index:2}.tech-background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.circuit-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:circuitMove 20s linear infinite}@keyframes circuitMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:4px;height:4px;background:#0ff;border-radius:50%;box-shadow:0 0 10px #0ff;animation:float 6s ease-in-out infinite}.particle:nth-child(1){top:20%;left:20%;animation-delay:0s}.particle:nth-child(2){top:60%;left:80%;animation-delay:1s}.particle:nth-child(3){top:80%;left:30%;animation-delay:2s}.particle:nth-child(4){top:30%;left:70%;animation-delay:3s}.particle:nth-child(5){top:70%;left:10%;animation-delay:4s}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.tech-logo{margin-bottom:30px}.logo-icon{font-size:80px;margin-bottom:10px;color:#0ff;text-shadow:0 0 20px #00ffff;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.company-name{font-size:100px;font-weight:700;background:linear-gradient(45deg,#0ff,#f0f,#ff0);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;margin:0;letter-spacing:2px}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.tech-tagline{font-size:40px;color:#a0a0a0;margin:20px 0 40px;letter-spacing:3px;text-transform:uppercase}.start-button{position:relative;display:inline-block;padding:30px 40px;border:2px solid #00ffff;border-radius:10px;background:#00ffff1a;margin:30px auto;transition:all .3s ease;overflow:hidden;text-align:center}.start-button:hover{background:#0ff3;box-shadow:0 0 30px #00ffff80;transform:translateY(-2px)}.button-text{font-size:44px;font-weight:600;color:#fff;position:relative;z-index:2;letter-spacing:1px}.button-glow{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:buttonSweep 2s ease-in-out infinite}@keyframes buttonSweep{0%{left:-100%}50%{left:100%}to{left:100%}}.tech-footer{position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.status-indicator{display:flex;align-items:center;font-size:14px;color:#0f0;letter-spacing:1px}.status-dot{width:8px;height:8px;background:#0f0;border-radius:50%;margin-right:8px;animation:statusBlink 1.5s ease-in-out infinite;box-shadow:0 0 10px #0f0}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.selection-page .ant-form{background:#0f0f23e6!important;border:1px solid rgba(0,255,255,.3);border-radius:15px;box-shadow:0 0 30px #0ff3,inset 0 0 20px #00ffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.selection-page .ant-form:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);animation:scanLine 3s ease-in-out infinite}@keyframes scanLine{0%{left:-100%}50%{left:100%}to{left:100%}}.selection-page .ant-form-item-label>label{color:#0ff!important;font-weight:600;font-size:26px;text-shadow:0 0 10px rgba(0,255,255,.5);letter-spacing:1px;text-transform:uppercase}.selection-page .ant-radio-wrapper{color:#fff!important;font-size:22px;padding:12px 16px;margin:8px 0!important;border-radius:8px;background:#16213e66;border:1px solid rgba(0,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.selection-page .ant-radio-wrapper:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.1),transparent);transition:left .5s ease}.selection-page .ant-radio-wrapper:hover{background:#00ffff1a;border-color:#0ff6;box-shadow:0 0 15px #00ffff4d;transform:translate(5px)}.selection-page .ant-radio-wrapper:hover:before{left:100%}.selection-page .ant-radio-wrapper-checked{background:#0ff3!important;border-color:#0ff!important;box-shadow:0 0 20px #0ff6}.selection-page .ant-radio-wrapper-checked .ant-radio-inner{border-color:#0ff!important;background-color:#0ff3!important}.selection-page .ant-radio-wrapper-checked .ant-radio-inner:after{background-color:#0ff!important;box-shadow:0 0 10px #0ff}.selection-page .ant-radio{margin-right:12px}.selection-page .ant-radio-inner{border-color:#00ffff80!important;background-color:#0f0f23cc!important;width:20px;height:20px}.selection-page .ant-btn-primary{background:linear-gradient(45deg,#0f0f23,#1a1a2e,#16213e)!important;border:2px solid #00ffff!important;border-radius:12px!important;color:#fff!important;font-size:20px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:2px!important;box-shadow:0 0 25px #0ff6!important;position:relative;overflow:hidden;transition:all .3s ease!important}.selection-page .ant-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .5s ease}.selection-page .ant-btn-primary:hover{background:linear-gradient(45deg,#1a1a2e,#16213e,#0f0f23)!important;box-shadow:0 0 35px #0ff9!important;transform:translateY(-2px)!important;border-color:#0ff!important}.selection-page .ant-btn-primary:hover:before{left:100%}.selection-page .ant-btn-primary:disabled{background:#1a1a2e80!important;border-color:#0ff3!important;color:#fff6!important;box-shadow:none!important}.selection-page .ant-form-item{margin-bottom:40px}@keyframes cornerGlow{0%{opacity:.3}to{opacity:1}}.selection-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(0,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(0,255,255,.05) 1px,transparent 1px);background-size:30px 30px;animation:dataStream 15s linear infinite;z-index:1;pointer-events:none}@keyframes dataStream{0%{transform:translate(0)}to{transform:translate(30px,30px)}}.take-photo-page{position:relative}.take-photo-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 25% 25%,rgba(0,255,255,.03) 2px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(255,255,255,.02) 2px,transparent 2px),linear-gradient(45deg,rgba(0,255,255,.01) 1px,transparent 1px);background-size:80px 80px,120px 120px,40px 40px;animation:techScan 8s linear infinite;z-index:1;pointer-events:none}@keyframes techScan{0%{transform:translate(0) rotate(0)}to{transform:translate(40px,40px) rotate(360deg)}}.take-photo-page .camera-container{background:#0f0f23e6;border:2px solid rgba(0,255,255,.2);border-radius:20px;padding:30px;box-shadow:0 0 20px #00ffff26,inset 0 0 15px #00ffff0d;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:hidden}.status-text{color:#8cc8ff;font-size:60px;font-weight:700;text-shadow:0 0 10px rgba(0,255,255,.3);text-transform:uppercase;letter-spacing:3px;animation:statusPulse 1.5s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.take-photo-page .camera-video{border-radius:15px}@keyframes videoScanLine{0%{border-top-color:#0ffc}25%{border-right-color:#0ffc}50%{border-bottom-color:#0ffc}75%{border-left-color:#0ffc}to{border-top-color:#0ffc}}.take-photo-page .capture-button{background:linear-gradient(45deg,#0f0f23,#1a1a2e,#16213e)!important;border:3px solid #00ffff!important;border-radius:15px!important;color:#fff!important;font-size:24px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:3px!important;box-shadow:0 0 30px #00ffff80!important;position:relative;overflow:hidden;transition:all .3s ease!important}.take-photo-page .capture-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent);transition:left .6s ease}.take-photo-page .capture-button:hover{background:linear-gradient(45deg,#1a1a2e,#16213e,#0f0f23)!important;box-shadow:0 0 50px #0ffc!important;transform:translateY(-3px) scale(1.02)!important}.take-photo-page .capture-button:hover:before{left:100%}.result-page{position:relative}.result-page:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),radial-gradient(circle at 30% 40%,rgba(255,255,255,.02) 2px,transparent 2px);background-size:60px 60px,60px 60px,100px 100px;animation:resultPattern 12s linear infinite;z-index:1;pointer-events:none}@keyframes resultPattern{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.result-page .result-container{background:#0f0f23f2;border:2px solid rgba(0,255,255,.4);border-radius:20px;padding:40px;box-shadow:0 0 50px #00ffff4d,inset 0 0 30px #00ffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:hidden;position:absolute;top:8%;left:50%;width:100%;transform:translate(-50%)}.result-page .result-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.4),transparent);animation:resultScanTop 3s ease-in-out infinite}.result-page .result-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);animation:resultScanBottom 3s ease-in-out infinite reverse}@keyframes resultScanTop{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}@keyframes resultScanBottom{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.result-page .back-button{background:linear-gradient(45deg,#0f0f23,#1a1a2e,#16213e)!important;border:2px solid #00ffff!important;border-radius:12px!important;color:#fff!important;font-size:20px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:2px!important;box-shadow:0 0 25px #0ff6!important;position:relative;overflow:hidden;transition:all .3s ease!important}.result-page .back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .5s ease}.result-page .back-button:hover{background:linear-gradient(45deg,#1a1a2e,#16213e,#0f0f23)!important;box-shadow:0 0 35px #0ff9!important;transform:translateY(-2px)!important}.result-page .back-button:hover:before{left:100%}.result-page .qr-container{background:#0f0f23f2;border:2px solid rgba(0,255,255,.5);border-radius:20px;padding:20px;box-shadow:0 0 40px #0ff6,inset 0 0 20px #00ffff1a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:320px}.fade-in{opacity:0;animation:fadeIn .5s ease-in-out forwards}.fade-out{opacity:1;animation:fadeOut .5s ease-in-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fade-in-slow{opacity:0;animation:fadeIn 1s ease-in-out forwards}.fade-out-slow{opacity:1;animation:fadeOut 1s ease-in-out forwards}.fade-in-fast{opacity:0;animation:fadeIn .3s ease-in-out forwards}.fade-out-fast{opacity:1;animation:fadeOut .3s ease-in-out forwards}