@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-surface: #ffffff;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--brand-primary: #0f49bd;--brand-secondary: #D32F2F;--brand-gradient: linear-gradient(135deg, var(--brand-primary), #3b82f6);--brand-gold: #D32F2F;--gold-gradient: linear-gradient(135deg, #D32F2F, #E57373, #D32F2F);--success: #10b981;--warning: #f59e0b;--error: #ef4444;--border-color: rgba(0, 0, 0, .1);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .05);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--shadow-glow: 0 0 25px rgba(15, 73, 189, .2);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out;--transition-slow: .5s ease-in-out}body.dark{--bg-primary: #101622;--bg-secondary: #0a0e17;--bg-surface: #1a2333;--text-primary: #ffffff;--text-secondary: #94a3b8;--text-tertiary: #64748b;--brand-primary: #0f49bd;--brand-secondary: #D32F2F;--border-color: rgba(255, 255, 255, .1);--glass-bg: rgba(26, 35, 51, .5);--glass-border: rgba(211, 47, 47, .15);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--shadow-glow: 0 0 25px rgba(211, 47, 47, .2)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{overflow-x:hidden;position:relative;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:var(--brand-secondary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-primary)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem}.text-gradient{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:16px;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.glass-panel:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg),0 0 15px #d32f2f1a;border-color:#ffffff1a}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;border-radius:10px;font-weight:600;font-family:var(--font-sans);font-size:1rem;cursor:pointer;transition:all var(--transition-normal);border:none;gap:.5rem}.btn-primary{background:var(--brand-gradient);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow)}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#ffffff0d;border-color:var(--text-secondary)}.section{padding:6rem 0;position:relative}.section-title{font-size:2.5rem;text-align:center;margin-bottom:1rem}@media (min-width: 768px){.section-title{font-size:3.5rem}}.section-subtitle{text-align:center;color:var(--text-secondary);font-size:1.125rem;max-width:700px;margin:0 auto 4rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{opacity:0;animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.grid{display:grid;gap:2rem}.grid-cols-1{grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:flex-row{flex-direction:row}}@media (min-width: 1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}.icon{width:24px;height:24px}.icon-lg{width:48px;height:48px;color:var(--brand-secondary);margin-bottom:1.5rem}.visual-engine{width:100%;height:400px;position:relative;display:flex;align-items:center;justify-content:center;background:#10162280;border-radius:1.5rem;box-shadow:0 30px 60px -15px #0009;border:1px solid rgba(255,255,255,.05);overflow:hidden}.type-document{background:radial-gradient(circle at 50% 50%,#38bdf81a,#0c111c 70%)}.doc-card{width:220px;height:140px;background:#ffffff0d;border:1px solid rgba(56,189,248,.3);border-radius:10px;position:relative;padding:20px;display:flex;flex-direction:column;gap:15px}.doc-avatar{width:40px;height:50px;background:#38bdf833;border-radius:4px}.doc-lines{display:flex;flex-direction:column;gap:8px}.doc-line{height:6px;background:#ffffff1a;border-radius:3px}.doc-line.l1{width:80%}.doc-line.l2{width:60%}.scanner-laser{position:absolute;width:260px;height:2px;background:#38bdf8;box-shadow:0 0 15px 5px #38bdf866;top:20%;animation:scan-laser 3s ease-in-out infinite alternate}@keyframes scan-laser{0%{top:15%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:85%;opacity:0}}.type-network{background:radial-gradient(circle at 50% 50%,#0f49bd26,#0c111c 70%)}.node{position:absolute;background:#38bdf8;border-radius:50%;box-shadow:0 0 20px #38bdf8}.central-node{width:40px;height:40px;z-index:2;animation:pulse-node 2s infinite}.node-1{width:20px;height:20px;top:20%;left:20%}.node-2{width:25px;height:25px;top:30%;right:25%}.node-3{width:15px;height:15px;bottom:25%;left:30%}.node-4{width:30px;height:30px;bottom:20%;right:20%}.connection{position:absolute;background:#38bdf833;transform-origin:left center}.line-1{width:140px;height:2px;top:50%;left:50%;transform:rotate(-135deg)}.line-2{width:120px;height:2px;top:50%;left:50%;transform:rotate(-45deg)}.line-3{width:130px;height:2px;top:50%;left:50%;transform:rotate(135deg)}.line-4{width:150px;height:2px;top:50%;left:50%;transform:rotate(45deg)}@keyframes pulse-node{0%{transform:scale(.9);box-shadow:0 0 10px #38bdf8}50%{transform:scale(1.1);box-shadow:0 0 30px #38bdf8}to{transform:scale(.9);box-shadow:0 0 10px #38bdf8}}.type-shield{background:radial-gradient(circle at 50% 50%,#10b9811a,#0c111c 70%)}.shield-body{position:relative;width:120px;height:140px;z-index:2}.shield-svg{width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(56,189,248,.5))}.shield-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:80px;background:#38bdf833;filter:blur(20px);border-radius:50%;animation:pulse-node 3s infinite alternate}.defense-ring{position:absolute;border:1px dashed rgba(56,189,248,.3);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.defense-ring.r1{width:200px;height:200px;animation:spin 20s linear infinite}.defense-ring.r2{width:280px;height:280px;animation:spin 30s linear infinite reverse}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.type-face{background:radial-gradient(circle at 50% 50%,#8b5cf626,#0c111c 70%)}.face-silhouette{width:140px;height:180px;background:#ffffff0d;border-radius:70px 70px 50px 50px;border:2px solid rgba(139,92,246,.3);position:relative;overflow:hidden}.eye{position:absolute;width:15px;height:8px;border-top:2px solid rgba(139,92,246,.6);border-radius:50%;top:40%}.eye.left{left:35px}.eye.right{right:35px}.biometric-mesh{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(139,92,246,.2) 1px,transparent 1px),linear-gradient(90deg,rgba(139,92,246,.2) 1px,transparent 1px);background-size:20px 20px;opacity:.5;mask-image:radial-gradient(circle,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(circle,black 30%,transparent 70%)}.scan-bar{position:absolute;width:100%;height:4px;background:#8b5cf6;box-shadow:0 0 20px #8b5cf6;opacity:.8;animation:scan-face 2.5s ease-in-out infinite alternate}@keyframes scan-face{0%{top:0}to{top:100%}}.type-core{background:radial-gradient(ellipse at 50% 50%,#38bdf81a,#0c111c 70%);flex-direction:column;gap:15px}.core-cylinder{width:160px;height:40px;background:linear-gradient(90deg,#0f172a,#1e293b,#0f172a);border:1px solid rgba(56,189,248,.4);border-radius:50%/10px;position:relative;box-shadow:0 10px 20px #00000080,inset 0 2px 5px #ffffff1a}.core-cylinder:after{content:"";position:absolute;width:10px;height:4px;background:#10b981;border-radius:2px;top:50%;left:20px;transform:translateY(-50%);box-shadow:0 0 10px #10b981;animation:blink-light 1s infinite alternate}.core-cylinder.mid:after{animation-delay:.3s;background:#38bdf8;box-shadow:0 0 10px #38bdf8}.core-cylinder.btm:after{animation-delay:.6s}@keyframes blink-light{0%{opacity:.3}to{opacity:1}}.data-stream{position:absolute;width:2px;height:100px;background:linear-gradient(180deg,transparent,#38bdf8,transparent);animation:stream-flow 2s linear infinite}.s1{left:30%;bottom:0;animation-delay:0s}.s2{left:50%;bottom:-20px;animation-delay:.5s;height:140px}.s3{right:30%;bottom:10px;animation-delay:1s}@keyframes stream-flow{0%{transform:translateY(100px);opacity:0}50%{opacity:1}to{transform:translateY(-200px);opacity:0}}