@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--primary-light:#eff6ff;--primary-glow:#2563eb26;--bg-color:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--card-bg:#fff;--border-color:#e2e8f0;--border-focus:#3b82f6;--shadow-sm:0 1px 3px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-smooth:all .2s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}#app{flex-direction:column;width:100%;min-height:100vh;display:flex}.container{width:100%;max-width:1140px;margin-left:auto;margin-right:auto;padding-left:clamp(1rem,3.5vw,2rem);padding-right:clamp(1rem,3.5vw,2rem)}.navbar{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:1000;transition:var(--transition-smooth);background-color:#ffffffeb;padding:.75rem clamp(1rem,2.5vw,2.5rem);position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.logo{color:var(--text-main);letter-spacing:-.5px;-webkit-user-select:none;user-select:none;align-items:center;gap:.4rem;font-size:1.35rem;font-weight:700;text-decoration:none;display:inline-flex}.logo-badge{background-color:var(--primary-color);color:#fff;letter-spacing:.5px;border-radius:6px;padding:.2rem .5rem;font-size:.75rem;font-weight:800}.nav-links{align-items:center;gap:.5rem;list-style:none;display:flex}.nav-links a{color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition-smooth);align-items:center;padding:.5rem .9rem;font-size:.9375rem;font-weight:500;text-decoration:none;display:inline-flex}.nav-links a:hover{color:var(--primary-color);background-color:var(--primary-light)}.nav-links a.active{color:var(--primary-color);background-color:var(--primary-light);font-weight:600}.menu-toggle{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:42px;height:42px;color:var(--text-main);transition:var(--transition-smooth);background-color:#0000;justify-content:center;align-items:center;padding:0;display:none}.menu-toggle:hover{background-color:#f1f5f9;border-color:#cbd5e1}.menu-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.hamburger-box{width:20px;height:16px;display:inline-block;position:relative}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background-color:var(--text-main);border-radius:2px;width:20px;height:2px;transition:transform .2s,opacity .2s,top .2s;position:absolute}.hamburger-inner{top:7px}.hamburger-inner:before{content:"";top:-6px;left:0}.hamburger-inner:after{content:"";top:6px;left:0}.menu-toggle.active .hamburger-inner{transform:rotate(45deg)}.menu-toggle.active .hamburger-inner:before{opacity:0}.menu-toggle.active .hamburger-inner:after{top:0;transform:rotate(-90deg)}.hero{text-align:center;background:radial-gradient(circle at 50% 0,#2563eb0d,#0000 75%);padding:clamp(2.5rem,6vw,4.5rem) 0 clamp(1.5rem,4vw,3rem)}.hero-badge{background-color:var(--primary-light);color:var(--primary-color);border-radius:var(--radius-full);letter-spacing:.2px;border:1px solid #2563eb33;align-items:center;gap:.5rem;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.8125rem;font-weight:700;display:inline-flex}.badge-dot{background-color:var(--primary-color);width:7px;height:7px;box-shadow:0 0 8px var(--primary-color);border-radius:50%}.hero-content{max-width:780px;margin:0 auto}.hero h1{color:var(--text-main);letter-spacing:-.035em;word-break:break-word;margin-bottom:1.25rem;font-size:clamp(2rem,5vw + .5rem,3.25rem);font-weight:800;line-height:1.18}.hero p{color:var(--text-muted);max-width:650px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:clamp(1.05rem,2vw + .35rem,1.25rem);line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.875rem;display:flex}.btn{border-radius:var(--radius-md);min-height:46px;transition:var(--transition-smooth);cursor:pointer;text-align:center;white-space:nowrap;box-shadow:var(--shadow-sm);border:1px solid #0000;justify-content:center;align-items:center;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#fff;box-shadow:0 4px 14px var(--primary-glow);border-color:#ffffff1a}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);background:linear-gradient(135deg,#1d4ed8,#1e40af)}.btn-secondary{background-color:var(--card-bg);color:var(--text-main);border-color:var(--border-color)}.btn-secondary:hover{color:var(--primary-color);background-color:#f1f5f9;border-color:#cbd5e1}.features-grid{grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,1.75rem);padding:1.5rem 0 3.5rem;display:grid}.feature-card{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:var(--transition-smooth);box-shadow:var(--shadow-sm);flex-direction:column;padding:clamp(1.35rem,3vw,2rem);display:flex}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#2563eb4d;transform:translateY(-3px)}.feature-icon{border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;background-color:#eff6ff;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:1.25rem;font-size:1.75rem;display:inline-flex}.feature-card h3{color:var(--text-main);margin-bottom:.65rem;font-size:1.2rem;font-weight:700}.feature-card p{color:var(--text-muted);font-size:.95rem;line-height:1.6}.page-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:900;background-color:#ffffffeb;margin-bottom:2rem;padding:.75rem clamp(1rem,2.5vw,2.5rem);position:sticky;top:0}.page-header-content{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.page-header-text{flex:1;min-width:0}.page-title{color:var(--text-main);margin-bottom:.15rem;font-size:clamp(1.15rem,3vw,1.45rem);font-weight:700}.page-subtitle{color:var(--text-muted);font-size:.8125rem}.btn-outline{background-color:var(--card-bg);color:var(--text-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-height:38px;transition:var(--transition-smooth);white-space:nowrap;flex-shrink:0;align-items:center;gap:.45rem;margin-left:auto;padding:.45rem .85rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-outline:hover{color:var(--primary-color);background-color:#f1f5f9;border-color:#cbd5e1}.btn-outline:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}main.container h2{color:var(--text-main);margin-top:2rem;margin-bottom:.65rem;font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:700}main.container p{color:#334155;word-break:break-word;margin-bottom:1rem;font-size:.975rem;line-height:1.7}main.container ul{color:#334155;margin-bottom:1.25rem;padding-left:clamp(1.25rem,3vw,2rem);font-size:.975rem;line-height:1.7}main.container li{margin-bottom:.5rem}main.container a{color:var(--primary-color);text-underline-offset:3px;text-decoration:underline}main.container a:hover{color:var(--primary-hover)}.tech-tags-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;padding:.5rem 0 2rem;display:flex}.tech-tag{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);box-shadow:var(--shadow-sm);transition:var(--transition-smooth);align-items:center;padding:.4rem .85rem;font-size:.8125rem;font-weight:600;display:inline-flex}.tech-tag:hover{border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.section-header{text-align:center;max-width:680px;margin:1rem auto 2.5rem}.section-header h2{color:var(--text-main);letter-spacing:-.025em;margin-bottom:.5rem;font-size:clamp(1.4rem,3.5vw,2rem);font-weight:800}.section-header p{color:var(--text-muted);font-size:1rem}.architecture-section{padding-bottom:3.5rem}.architecture-box{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#fff 0%,#f0f7ff 100%);border:1px solid #2563eb38;padding:clamp(1.75rem,4vw,3rem);position:relative;overflow:hidden}.architecture-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#2563eb14 0%,#0000 70%);width:250px;height:250px;position:absolute;top:0;right:0}.architecture-content{max-width:760px}.badge-accent{color:#1e40af;text-transform:uppercase;letter-spacing:.5px;background-color:#dbeafe;border-radius:6px;margin-bottom:.85rem;padding:.25rem .65rem;font-size:.75rem;font-weight:800;display:inline-block}.architecture-content h2{color:var(--text-main);margin-bottom:.75rem;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:700}.architecture-content p{color:var(--text-muted);margin-bottom:1.75rem;font-size:.9875rem;line-height:1.65}.architecture-actions{flex-wrap:wrap;gap:.85rem;display:flex}footer{border-top:1px solid var(--border-color);text-align:center;color:var(--text-muted);background-color:var(--card-bg);margin-top:auto;padding:1.75rem 0;font-size:.875rem}@media (width<=992px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.menu-toggle{display:inline-flex}.nav-links{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-lg);z-index:1000;background-color:#fffffffa;flex-direction:column;align-items:stretch;gap:.4rem;padding:.75rem clamp(1rem,2.5vw,2.5rem) 1rem;display:none;position:absolute;top:calc(100% + .75rem);left:calc(-1*clamp(1rem,2.5vw,2.5rem));right:calc(-1*clamp(1rem,2.5vw,2.5rem))}.nav-links.open{animation:.2s cubic-bezier(.16,1,.3,1) forwards navSlideDown;display:flex}.nav-links li{width:100%}.nav-links a{border-radius:var(--radius-sm);width:100%;min-height:44px;padding:.75rem 1rem;font-size:1rem}.page-header-content{flex-direction:row;align-items:center}}@media (width<=640px){.features-grid{grid-template-columns:1fr;gap:1.25rem;padding-bottom:2.5rem}.hero{padding-top:2rem;padding-bottom:1.75rem}.hero h1{font-size:clamp(1.75rem,7vw,2.35rem)}.hero p{margin-bottom:1.75rem;font-size:1rem}.hero-actions{gap:.75rem}ul[style*=marginLeft],ul[style*=margin-left]{margin-left:1.25rem!important}.page-header{margin-bottom:1.25rem}}@media (width<=480px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}