@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap);:root{--primary:#1a365d;--accent:#3182ce;--accent-orange:#ff6b35;--bg-main:#f8fafc;--bg-white:#fff;--text-dark:#0f172a;--text-muted:#64748b;--font-family:"Outfit",sans-serif;--shadow-nm:10px 10px 20px #e2e8f0,-10px -10px 20px #fff;--shadow-nm-small:5px 5px 10px #e2e8f0,-5px -5px 10px #fff;--glass:#ffffffb3;--glass-border:1px solid #ffffff4d;--radius:24px}*{box-sizing:border-box}body{background-color:#f8fafc;background-color:var(--bg-main);color:#0f172a;color:var(--text-dark);font-family:Outfit,sans-serif;font-family:var(--font-family);line-height:1.6;margin:0;overflow-x:hidden;padding:0}.navbar-wrapper{display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:1.5rem;z-index:1000}.navbar-pill{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffb3;background:var(--glass);border:1px solid #ffffff4d;border:var(--glass-border);border-radius:50px;box-shadow:0 10px 40px #00000026;display:flex;gap:2.5rem;padding:.7rem 2rem;pointer-events:auto}.navbar-logo{color:#1a365d;color:var(--primary);font-size:1.1rem;font-weight:800;letter-spacing:1px;text-transform:uppercase}.navbar-links{display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.navbar-links a{color:#0f172a;color:var(--text-dark);font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.navbar-links a:hover{color:#3182ce;color:var(--accent)}.hero{align-items:flex-start;background:url(/static/media/hero.1d620f896e04c42262bd.png) no-repeat 50%;background-size:cover;display:flex;height:95vh;justify-content:center;min-height:750px;padding:4rem 1.5rem 0;position:relative;width:100%}.hero-overlay{background:linear-gradient(180deg,#00000080,#0000001a,#f8fafc);background:linear-gradient(to bottom,#00000080,#0000001a,var(--bg-main));inset:0;position:absolute}.hero-content{color:#fff;margin-top:1.5rem;max-width:900px;position:relative;text-align:center;z-index:10}.hero-tag{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3182ce;background:var(--accent);border-radius:50px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;margin-bottom:2rem;padding:.5rem 1.2rem;text-transform:uppercase}.hero h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;margin:0 0 1.5rem;text-shadow:0 4px 20px #0000004d}.hero p{font-size:clamp(1.1rem,2vw,1.4rem);margin:0 auto 2.5rem;max-width:600px;opacity:.9}.hero-btns{display:flex;gap:1rem;justify-content:center}.section{margin:0 auto;max-width:1200px;padding:6rem 2rem}.section-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.title-group{margin-bottom:3rem}.title-group h2{color:#1a365d;color:var(--primary);font-size:2.5rem;font-weight:700;margin:0 0 1rem}.card-nm{background:#fff;background:var(--bg-white);border:1px solid #fffc;border-radius:24px;border-radius:var(--radius);box-shadow:10px 10px 20px #e2e8f0,-10px -10px 20px #fff;box-shadow:var(--shadow-nm);padding:3rem}.btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-main{background:#ff6b35;background:var(--accent-orange);box-shadow:0 10px 20px #ff6b354d;color:#fff}.btn-main:hover{background:#f85b20;transform:translateY(-4px)}.btn-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #fff6;color:#fff}.btn-glass:hover{background:#ffffff4d}.input-nm{background:#f8fafc;background:var(--bg-main);border:none;border-radius:16px;box-shadow:inset 4px 4px 8px #e2e8f0,inset -4px -4px 8px #fff;color:#0f172a;color:var(--text-dark);font-family:Outfit,sans-serif;font-family:var(--font-family);font-size:1rem;margin-bottom:1.5rem;outline:none;padding:1.2rem 1.5rem;transition:box-shadow .2s;width:100%}.input-nm:focus{box-shadow:inset 6px 6px 12px #cbd5e1,inset -6px -6px 12px #fff}.footer{background:#fff;background:var(--bg-white);border-top:1px solid #e2e8f0;color:#64748b;color:var(--text-muted);margin-top:4rem;padding:2rem}.footer-content{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin:0 auto;max-width:1200px;text-align:center}.footer-logo{color:#1a365d;color:var(--primary);font-size:1rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.footer p{font-size:.85rem;margin:0}.camera-box{aspect-ratio:1;background:#000;border:4px solid #fff;border-radius:28px;box-shadow:0 25px 50px #0003;margin:0 auto 1.5rem;max-width:320px;overflow:hidden;position:relative;width:100%}.camera-controls{bottom:15px;display:flex;justify-content:center;left:0;pointer-events:auto;position:absolute;right:0;z-index:30}.camera-btn{background:#fff;border:3px solid #0000001a;border-radius:50%;box-shadow:0 4px 15px #0006;cursor:pointer;display:block;height:50px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);width:50px}.camera-btn:hover{background:#f8fafc;transform:scale(1.1)}.camera-btn:active{background:#e2e8f0;transform:scale(.9)}.scan-overlay{inset:0;pointer-events:none;position:absolute;z-index:10}.hud-container{align-items:center;box-shadow:inset 0 0 120px #000000b3;display:flex;inset:0;justify-content:center;position:absolute}.face-mesh{animation:pulseFine 3s ease-in-out infinite;border:1.5px dashed #fff6;border-radius:16px;height:180px;position:relative;width:180px}.face-mesh:after,.face-mesh:before{background:#3182ce;background:var(--accent);content:"";opacity:.8;position:absolute}.face-mesh:before{height:1.5px;width:30px}.face-mesh:after,.face-mesh:before{left:50%;top:50%;transform:translate(-50%,-50%)}.face-mesh:after{height:30px;width:1.5px}.scan-line{animation:scanSmooth 3.5s ease-in-out infinite;background:linear-gradient(90deg,#0000,#3182ce,#fff,#3182ce,#0000);background:linear-gradient(to right,#0000,var(--accent),#fff,var(--accent),#0000);box-shadow:0 0 15px #3182ce;box-shadow:0 0 15px var(--accent);height:2px;left:0;opacity:.7;position:absolute;top:-5%;width:100%}.corner{border:3px solid #3182ce;border:3px solid var(--accent);height:25px;opacity:.6;position:absolute;width:25px}.top-left{border-right:0;left:15%}.top-left,.top-right{border-bottom:0;top:15%}.top-right{border-left:0;right:15%}.bottom-left{border-right:0;border-top:0;bottom:15%;left:15%}.bottom-right{border-left:0;border-top:0;bottom:15%;right:15%}.hud-text{color:#fff;font-family:inherit;font-size:.7rem;font-weight:700;letter-spacing:2px;position:absolute;text-align:center;text-shadow:0 2px 8px #000c;text-transform:uppercase;top:10%;width:100%}@keyframes scanSmooth{0%{opacity:0;top:0}15%{opacity:1}85%{opacity:1}to{opacity:0;top:100%}}@keyframes pulseFine{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.01)}}.results-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.result-card{background:#fff;border-radius:20px;box-shadow:5px 5px 10px #e2e8f0,-5px -5px 10px #fff;box-shadow:var(--shadow-nm-small);transition:transform .3s}.result-card:hover{transform:translateY(-8px)}.result-img{aspect-ratio:4/5;object-fit:cover;width:100%}@media (max-width:768px){.navbar-wrapper{padding:0 1rem;top:1rem}.navbar-pill{border-radius:16px;gap:1rem;justify-content:space-between;padding:.5rem 1rem;width:100%}.navbar-logo{font-size:.9rem}.navbar-links{gap:.8rem}.navbar-links a{font-size:.8rem}.hero{align-items:center;min-height:600px;padding-top:6rem}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{font-size:1rem;padding:0 1rem}.hero-btns{flex-direction:column;gap:.8rem;margin:0 auto;max-width:300px;width:100%}.btn{text-align:center;width:100%}.section{padding:3rem 1.5rem}.title-group h2{font-size:2rem}.section-grid{gap:2rem;grid-template-columns:1fr}.card-nm{padding:1.5rem}}@media (max-width:480px){.navbar-logo{font-size:.8rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-links{gap:.5rem}.navbar-links a{font-size:.75rem;padding:.2rem}}.results-container{animation:fadeIn .6s ease-out}.results-header{align-items:center;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.results-info h2{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-xs)}.match-count{color:var(--text-secondary);font-size:var(--font-size-base)}.match-count strong{color:var(--primary-color);font-size:var(--font-size-lg)}.download-all-btn{align-items:center;background:var(--gradient-secondary);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);transition:all var(--transition-normal);white-space:nowrap}.download-all-btn:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.download-all-btn:active:not(:disabled){transform:translateY(0)}.download-all-btn:disabled{cursor:not-allowed;opacity:.7}.results-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--spacing-xl)}.result-card{animation:fadeIn .5s ease-out;background:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:all var(--transition-normal)}.result-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.image-wrapper{aspect-ratio:4/3;background:var(--bg-tertiary);overflow:hidden;position:relative;width:100%}.result-image{height:100%;object-fit:cover;transition:transform var(--transition-slow);width:100%}.result-card:hover .result-image{transform:scale(1.05)}.similarity-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;padding:var(--spacing-xs) var(--spacing-md);position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}.card-footer{padding:var(--spacing-md)}.download-btn{align-items:center;background:var(--gradient-primary);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:600;gap:var(--spacing-xs);justify-content:center;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-normal);width:100%}.download-btn:hover:not(:disabled){background:var(--gradient-secondary);transform:translateY(-2px)}.download-btn:active:not(:disabled){transform:translateY(0)}.download-btn:disabled{cursor:not-allowed;opacity:.7}.no-results{background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--font-size-lg);padding:var(--spacing-xl);text-align:center}@media (max-width:768px){.results-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.download-all-btn{justify-content:center;width:100%}.results-grid{grid-template-columns:1fr}}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000e6;display:flex;height:100%;justify-content:center;left:0;padding:var(--spacing-lg);position:fixed;top:0;width:100%;z-index:1000}.modal-content{background:#0000;box-shadow:var(--shadow-lg);max-width:90vw;overflow:hidden;position:relative}.modal-content,.modal-image{border-radius:var(--radius-lg);max-height:90vh}.modal-image{display:block;max-width:100%;object-fit:contain}.modal-close{align-items:center;background:#fff3;border:2px solid #ffffff80;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2.5rem;height:50px;justify-content:center;line-height:1;padding-bottom:5px;position:absolute;right:2rem;top:2rem;transition:all .2s ease;width:50px;z-index:1001}.modal-close:hover{background:#fff;border-color:#fff;color:var(--primary-color);transform:scale(1.1) rotate(90deg)}@media (max-width:768px){.modal-overlay{padding:var(--spacing-sm)}.modal-close{font-size:1.5rem;height:32px;right:10px;top:10px;width:32px}}
/*# sourceMappingURL=main.db1528ea.css.map*/