@import "https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Playfair+Display:wght@400..900&family=Noto+Serif+Devanagari:wght@400..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+Devanagari:wght@100..900&display=swap";:root{--color-bg:#f7f2e9;--color-text:#2a2622;--color-fail:#7a2e2e;--color-pass:#33473e;--color-verify:#475569;--color-lowconf:#a9832e;--color-divider:#b08d57;--font-headline-en:"Playfair Display", serif;--font-headline-hi:"Noto Serif Devanagari", serif;--font-body-en:"Inter", sans-serif;--font-body-hi:"Noto Sans Devanagari", sans-serif}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-body-en);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}#root{flex-direction:column;min-height:100dvh;display:flex;overflow:hidden}h1,h2,h3,h4,h5,h6{margin:0}.headline-en{font-family:var(--font-headline-en)}.headline-hi{font-family:var(--font-headline-hi);font-weight:600}.body-hi{font-family:var(--font-body-hi)}.text-fail{color:var(--color-fail)}.bg-fail{background-color:var(--color-fail)}.bg-dense{background-color:var(--color-bg);position:relative}.bg-dense:before{content:"";opacity:.15;pointer-events:none;z-index:0;background-image:url(/background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.effect-neumorphic{box-shadow:4px 4px 10px #6a8c734d,-4px -4px 10px #ffffffb3;color:#fff!important;background:linear-gradient(135deg,#a3b899,#6a8c73)!important}.effect-gradient-glow{transition:transform .2s,box-shadow .2s;position:relative;color:#fff!important;background:linear-gradient(135deg,#a3b899,#6a8c73)!important;border:none!important;box-shadow:0 10px 25px -5px #6a8c7380!important}.effect-gradient-glow:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #6a8c7399!important}.effect-gradient-glow:active{transform:translateY(2px);box-shadow:0 5px 15px -5px #6a8c7380!important}.effect-gradient-accent{transition:transform .2s,box-shadow .2s;position:relative;color:#fff!important;background:linear-gradient(135deg,#ff7e5f,#feb47b)!important;border:none!important;box-shadow:0 10px 25px -5px #ff7e5f80!important}.effect-gradient-accent:hover{transform:translateY(-2px);box-shadow:0 15px 30px -5px #ff7e5f99!important}.effect-gradient-accent:active{transform:translateY(2px);box-shadow:0 5px 15px -5px #ff7e5f80!important}.effect-elevated{transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);border:none!important;box-shadow:0 25px 50px -12px #00000059,0 12px 24px -10px #00000040!important}.effect-elevated:hover{transform:translateY(-6px);box-shadow:0 35px 60px -15px #00000073,0 20px 30px -10px #0000004d!important}@keyframes scannerSweep{0%{opacity:0;transform:translate(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translate(200px)}}@keyframes xrayReveal{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes popUpCard{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.anim-scanner{opacity:0;animation:2s ease-in-out 1s forwards scannerSweep}.anim-xray{clip-path:inset(0 100% 0 0);animation:2s ease-in-out 1s forwards xrayReveal}.anim-card{opacity:0;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popUpCard}.delay-1{animation-delay:2.8s}.delay-2{animation-delay:3.1s}.delay-3{animation-delay:3.4s}.delay-4{animation-delay:3.7s}.delay-verdict{animation-delay:4.2s}@keyframes gradientDrift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.anim-drift{background-size:200% 200%;animation:4s infinite gradientDrift}.app-container{flex-direction:column;height:100dvh;display:flex;position:relative;overflow:hidden}.screen-container{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.btn-outline{border:1px solid var(--color-divider);width:100%;max-width:300px;color:var(--color-text);cursor:pointer;z-index:1;background-color:#0000;border-radius:50px;justify-content:center;align-items:center;margin:.5rem 0;padding:1rem;font-size:1.5rem;transition:background-color .2s,color .2s;display:flex}.btn-outline:hover,.btn-outline:active{background-color:var(--color-text);color:var(--color-bg)}.btn-primary{background-color:var(--color-text);color:var(--color-bg);cursor:pointer;border:none;border-radius:8px;padding:1rem 2rem;font-size:1.2rem;font-weight:700}.lang-title{z-index:1;margin-bottom:.5rem;font-size:2rem}.lang-title.hindi{margin-bottom:2rem;font-size:2.5rem}.camera-container{flex-direction:column;flex:1;width:100%;display:flex;position:relative}.camera-feed{object-fit:cover;background-color:#000;border-radius:20px;width:100%;height:60%}.camera-overlay{pointer-events:none;justify-content:center;align-items:center;width:100%;height:60%;display:flex;position:absolute;top:0;left:0}.guide-frame{border:2px solid var(--color-divider);border-radius:20px;width:80%;height:80%;box-shadow:0 0 0 9999px #f7f2e9b3}.instruction-container{text-align:center;background-color:var(--color-bg);z-index:10;flex-direction:column;flex:none;justify-content:flex-start;align-items:center;padding:1rem;display:flex}.instruction-headline{text-transform:uppercase;margin-bottom:.25rem;font-size:2rem;line-height:1}.instruction-subtext{opacity:.7;margin-bottom:6rem;font-size:.9rem}.capture-btn-container{z-index:9999;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}.capture-btn{background-color:var(--color-text);border:4px solid var(--color-bg);outline:2px solid var(--color-divider);cursor:pointer;border-radius:50%;width:70px;height:70px}.progress-bar{z-index:20;gap:10px;display:flex;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.progress-segment{background-color:#2b2b2633;border-radius:2px;width:50px;height:4px}.progress-segment.active{background-color:var(--color-text)}.loader{border:2px solid var(--color-divider);border-top-color:#0000;border-radius:50%;width:100px;height:100px;margin-bottom:2rem;animation:1.5s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.processing-text{text-transform:uppercase;font-size:2rem}.history-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fff3;border:1px solid #ffffff80;border-radius:50px;padding:.4rem 1rem;font-size:.9rem}
