@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--primary: #2563eb;--primary-light: #eff6ff;--secondary: #64748b;--accent: #f59e0b;--background: #ffffff;--foreground: #0f172a;--card-bg: rgba(255, 255, 255, .7);--card-border: rgba(226, 232, 240, .8);--font-family: "Plus Jakarta Sans", sans-serif;--glass-blur: 12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--background);color:var(--foreground);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}.app-container{min-height:100vh;display:flex;flex-direction:column;position:relative;z-index:1}.bg-mesh{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-2;background-color:#fff;background-image:radial-gradient(at 0% 0%,rgba(37,99,235,.05) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(245,158,11,.05) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(124,58,237,.05) 0px,transparent 50%),radial-gradient(at 0% 100%,rgba(37,99,235,.05) 0px,transparent 50%)}.bg-grid{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:linear-gradient(rgba(226,232,240,.3) 1px,transparent 1px),linear-gradient(90deg,rgba(226,232,240,.3) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(ellipse at center,black,transparent 80%);mask-image:radial-gradient(ellipse at center,black,transparent 80%)}header{padding:6rem 2rem 4rem;text-align:center}.badge{background:var(--primary-light);color:var(--primary);padding:.6rem 1.2rem;border-radius:999px;font-size:.85rem;font-weight:700;letter-spacing:.02em;display:inline-flex;align-items:center;gap:.5rem;margin-bottom:2rem;box-shadow:0 2px 10px #2563eb0d;border:1px solid rgba(37,99,235,.1)}.logo{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;line-height:1;color:var(--foreground);margin-bottom:1.5rem;letter-spacing:-.02em}.logo span{background:linear-gradient(135deg,#2563eb,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--secondary);font-size:clamp(1.1rem,3vw,1.35rem);max-width:800px;margin:0 auto;font-weight:500}main{flex:1;max-width:1400px;margin:0 auto;width:100%;padding:2rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}@media(min-width:1280px){.project-grid{grid-template-columns:repeat(2,1fr)}}.card-wrapper{position:relative;height:100%}.card{height:100%;background:var(--card-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--card-border);border-radius:2.5rem;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.2,0,0,1);overflow:hidden;box-shadow:0 20px 50px -12px #0000000d}.card:hover{transform:translateY(-8px);box-shadow:0 40px 80px -20px #0000001a;border-color:#2563eb33}.card-image{width:100%;height:280px;overflow:hidden;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,0,0,1)}.card:hover .card-image img{transform:scale(1.05)}.card-content{padding:3rem;flex:1;display:flex;flex-direction:column}.card-category{font-size:.8rem;font-weight:800;text-transform:uppercase;color:var(--primary);margin-bottom:1rem;letter-spacing:.1em}.card h2{font-size:2.25rem;font-weight:800;margin-bottom:1.25rem;color:var(--foreground);line-height:1.2}.card p{color:var(--secondary);margin-bottom:2.5rem;font-size:1.2rem;line-height:1.8}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem 2.5rem;background:var(--foreground);color:#fff;text-decoration:none;font-weight:700;border-radius:1.25rem;transition:all .3s cubic-bezier(.2,0,0,1);margin-top:auto;font-size:1.1rem}.btn:hover{background:var(--primary);transform:scale(1.02);box-shadow:0 20px 40px -10px #2563eb4d}.btn-outline{background:transparent;color:var(--foreground);border:2px solid var(--foreground)}.btn-outline:hover{background:var(--foreground);color:#fff;box-shadow:0 20px 40px -10px #0f172a33}.ecosystem-stats{max-width:1200px;margin:6rem auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;padding:3rem;background:var(--primary-light);border-radius:2.5rem}.stat-item{text-align:center;padding:1rem}.stat-value{display:block;font-size:3rem;font-weight:800;color:var(--primary);margin-bottom:.5rem}.stat-label{color:var(--secondary);font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}footer{padding:6rem 2rem;text-align:center;border-top:1px solid #f1f5f9}.footer-content{max-width:1200px;margin:0 auto}.footer-logo{font-size:1.75rem;font-weight:800;margin-bottom:1.5rem}.footer-nav{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem}.footer-nav a{color:var(--secondary);text-decoration:none;font-weight:600;transition:color .2s}.footer-nav a:hover{color:var(--primary)}.copyright{color:#94a3b8;font-size:1rem}@media(max-width:1024px){.project-grid{grid-template-columns:1fr;max-width:700px;margin-left:auto;margin-right:auto}}@media(max-width:768px){.ecosystem-stats{grid-template-columns:1fr;padding:2rem}header{padding-top:4rem}}.text-primary{color:var(--primary)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}button:disabled{cursor:not-allowed!important;opacity:.5}