.mesh-container[data-v-ab449769]{position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;overflow:visible;pointer-events:none}.pigeon-dashboard[data-v-8601d34f]{background:#ffffffe6;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:2.5rem;box-shadow:0 25px 60px #0f172a1f;display:grid;gap:2rem}.dashboard-header[data-v-8601d34f]{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;align-items:flex-start}.dashboard-header h3[data-v-8601d34f]{font-size:1.8rem;margin-bottom:.5rem;color:#1e293b}.dashboard-header p[data-v-8601d34f]{max-width:520px;color:#475569}.header-note[data-v-8601d34f]{margin-top:.25rem;font-size:.85rem;color:#94a3b8;font-style:italic}.header-meta[data-v-8601d34f]{display:flex;flex-direction:column;gap:.35rem;text-align:right}.status[data-v-8601d34f]{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-radius:999px;border:1px solid rgba(148,163,184,.4);font-weight:600;color:#475569}.status-dot[data-v-8601d34f]{width:10px;height:10px;border-radius:50%;background:#94a3b8;box-shadow:0 0 #22c55e66}.status.active .status-dot[data-v-8601d34f]{background:#22c55e;animation:pulse-8601d34f 1.6s infinite}@keyframes pulse-8601d34f{0%{box-shadow:0 0 #22c55e59}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.meta[data-v-8601d34f]{font-size:.9rem;color:#64748b}.stats-grid[data-v-8601d34f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card[data-v-8601d34f]{background:linear-gradient(135deg,#6366f114,#4f46e505);border:1px solid rgba(59,130,246,.08);border-radius:14px;padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;color:#1f2937}.stat-card .label[data-v-8601d34f]{font-size:.9rem;text-transform:uppercase;letter-spacing:.06em;color:#64748b}.stat-card .value[data-v-8601d34f]{font-size:2rem;font-weight:700;color:#1e293b}.chart-card[data-v-8601d34f]{background:#0f172ad9;border-radius:18px;padding:1.5rem;color:#e2e8f0;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:1rem}.chart-header[data-v-8601d34f]{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:#e2e8f0d9}.chart-card canvas[data-v-8601d34f]{width:100%;height:280px;display:block;border-radius:12px}.chart-legend[data-v-8601d34f]{display:flex;gap:1.5rem;font-size:.85rem;color:#e2e8f0b3}.legend-item[data-v-8601d34f]{display:inline-flex;align-items:center;gap:.5rem}.legend-item[data-v-8601d34f]:before{content:"";width:12px;height:12px;border-radius:3px}.legend-item.peers[data-v-8601d34f]:before{background:#42b883}.legend-item.throughput[data-v-8601d34f]:before{background:#764ba2}.bottom-row[data-v-8601d34f]{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.history-card[data-v-8601d34f],.controls-card[data-v-8601d34f]{background:#f8fafce6;border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:1.75rem;display:flex;flex-direction:column;gap:1rem}.history-card ul[data-v-8601d34f]{list-style:none;display:flex;flex-direction:column;gap:.75rem}.history-card li[data-v-8601d34f]{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:.75rem 1rem;border-radius:12px;background:#ffffffe6;border:1px solid rgba(148,163,184,.18);color:#1e293b}.history-card li .peers[data-v-8601d34f]{color:#2563eb;font-weight:600}.history-card li .messages[data-v-8601d34f]{color:#7c3aed;font-weight:600;text-align:right}.controls-help[data-v-8601d34f]{font-size:.9rem;color:#475569}.button-row[data-v-8601d34f]{display:flex;flex-wrap:wrap;gap:.75rem}.button-row button[data-v-8601d34f]{padding:.7rem 1.4rem;border-radius:999px;border:1px solid rgba(79,70,229,.2);background:#fff;color:#312e81;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.button-row button[data-v-8601d34f]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #4f46e526}.button-row button[data-v-8601d34f]:disabled{opacity:.5;cursor:not-allowed}.button-row .primary[data-v-8601d34f]{background:linear-gradient(135deg,#4f46e5,#4338ca);border-color:transparent;color:#f8fafc}.button-row .primary[data-v-8601d34f]:hover:not(:disabled){box-shadow:0 15px 35px #4338ca59}.button-row .danger[data-v-8601d34f]{border-color:#ef444440;color:#b91c1c}@media (max-width: 1024px){.bottom-row[data-v-8601d34f]{grid-template-columns:1fr}.header-meta[data-v-8601d34f]{text-align:left;align-items:flex-start}}@media (max-width: 768px){.pigeon-dashboard[data-v-8601d34f]{padding:1.75rem}.stats-grid[data-v-8601d34f]{grid-template-columns:1fr 1fr}.history-card li[data-v-8601d34f]{grid-template-columns:1fr;gap:.4rem;text-align:left}}@media (max-width: 520px){.stats-grid[data-v-8601d34f]{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--dark: #1a1a2e;--dark-light: #16213e;--text: #2d3748;--text-light: #718096;--border: #e2e8f0;--white: #ffffff;--success: #48bb78;--shadow: 0 10px 40px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);line-height:1.6;overflow-x:hidden;scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:1rem 0;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px #0000000d;transition:all .3s ease}.navbar:hover{box-shadow:0 4px 20px #0000001a}.navbar .container{display:flex;justify-content:space-between;align-items:center}.nav-brand{display:flex;align-items:center;gap:1rem;font-size:1.5rem;font-weight:700;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo{width:40px;height:40px;border-radius:8px;object-fit:cover}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{text-decoration:none;color:var(--text);font-weight:500;transition:all .3s;display:flex;align-items:center;gap:.5rem;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:50%;width:0;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transition:all .3s;transform:translate(-50%)}.nav-links a:hover:after{width:100%}.nav-links a:hover{color:#667eea;transform:translateY(-2px)}.github-link,.npm-link{padding:.5rem 1rem;border-radius:8px;background:var(--dark);color:var(--white)!important;font-weight:600;transition:transform .3s,box-shadow .3s}.github-link:hover,.npm-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:var(--white);padding:6rem 0;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="100" height="100" patternUnits="userSpaceOnUse"><path d="M 100 0 L 0 0 0 100" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)"/></svg>');opacity:.3;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.particles{position:absolute;width:100%;height:100%;overflow:hidden;z-index:1}.particle{position:absolute;bottom:-10px;width:4px;height:4px;background:#ffffff80;border-radius:50%;animation:float-up linear infinite}@keyframes float-up{0%{bottom:-10px;opacity:1;transform:translate(0) scale(1)}50%{opacity:.8;transform:translate(20px) scale(1.2)}to{bottom:100%;opacity:0;transform:translate(-20px) scale(.5)}}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-content{animation:fadeInUp .8s ease-out;position:relative;z-index:10}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(90deg,#fff,#f0f4ff,#fff);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textShine 3s ease-in-out infinite}@keyframes textShine{0%,to{background-position:0% center}50%{background-position:100% center}}.hero-subtitle{font-size:1.25rem;opacity:.95;margin-bottom:2rem;line-height:1.8}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.btn{padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem}.btn-primary{background:var(--white);color:#667eea;box-shadow:0 4px 20px #0003;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#667eea33;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-primary:hover:before{width:300px;height:300px}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 30px #667eea66,0 0 40px #667eea4d}.btn-secondary{background:#fff3;color:var(--white);border:2px solid rgba(255,255,255,.5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.btn-secondary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.btn-secondary:hover:before{left:100%}.btn-secondary:hover{background:#ffffff4d;border-color:var(--white);transform:translateY(-2px)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat{text-align:center;opacity:0;transform:scale(.8);transition:all .5s ease-out}.stat.animate-in{opacity:1;transform:scale(1)}.stat:nth-child(1){transition-delay:.1s}.stat:nth-child(2){transition-delay:.2s}.stat:nth-child(3){transition-delay:.3s}.stat-value{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#f0f4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9rem;opacity:.9}.hero-visual{animation:fadeInUp .8s ease-out .2s both;perspective:1200px;position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;margin-top:-6rem;margin-bottom:-6rem;pointer-events:none;z-index:0}.mesh-animation{position:relative;width:100%;aspect-ratio:1;border-radius:20px;background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(255,255,255,.2);padding:2rem}.mesh-3d{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:rotate3d 20s infinite linear}@keyframes rotate3d{0%{transform:rotateX(15deg) rotateY(0) rotate(0)}25%{transform:rotateX(15deg) rotateY(90deg) rotate(5deg)}50%{transform:rotateX(15deg) rotateY(180deg) rotate(0)}75%{transform:rotateX(15deg) rotateY(270deg) rotate(-5deg)}to{transform:rotateX(15deg) rotateY(360deg) rotate(0)}}.node{position:absolute;width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#fffc,#ffffff4d);border:2px solid rgba(255,255,255,.5);border-radius:50%;transition:all .5s;z-index:2;box-shadow:0 4px 8px #0000004d,inset -2px -2px 4px #0003,inset 2px 2px 4px #ffffff4d;transform-style:preserve-3d}.node.active{background:radial-gradient(circle at 30% 30%,#fff,#ffffffb3);border-color:var(--white);box-shadow:0 0 20px #ffffffe6,0 4px 12px #0000004d,inset -2px -2px 4px #0000001a,inset 2px 2px 4px #ffffff80}.connection-3d{position:absolute;height:2px;background:#fff3;transform-origin:left center;transition:all .5s;z-index:1;transform-style:preserve-3d}.connection-3d.active{background:#fffc;height:3px;box-shadow:0 0 8px #fff9}.features{padding:6rem 0;background:linear-gradient(180deg,#fff,#f7fafc)}.dashboard-section{padding:6rem 0;background:linear-gradient(180deg,#f1f5f9eb,#fffffff7)}.dashboard-section .section-title{text-align:center;margin-bottom:1rem}.dashboard-section .section-subtitle{text-align:center;max-width:640px;margin:0 auto 2.5rem;color:var(--text-light)}.section-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--text)}.section-subtitle{text-align:center;font-size:1.25rem;color:var(--text-light);margin-bottom:4rem}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:var(--white);padding:2rem;border-radius:16px;box-shadow:var(--shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid var(--border);opacity:0;transform:translateY(30px);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .4s}.feature-card:hover:before{opacity:1}.feature-card.animate-in{opacity:1;transform:translateY(0)}.feature-card:nth-child(1){transition-delay:.1s}.feature-card:nth-child(2){transition-delay:.2s}.feature-card:nth-child(3){transition-delay:.3s}.feature-card:nth-child(4){transition-delay:.4s}.feature-card:nth-child(5){transition-delay:.5s}.feature-card:nth-child(6){transition-delay:.6s}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#667eea}.tilt-card{transform-style:preserve-3d;transition:transform .1s ease-out}.feature-icon{font-size:3rem;margin-bottom:1rem;display:inline-block;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);animation:pulse 1s ease infinite}@keyframes pulse{0%,to{transform:scale(1.1) rotate(5deg)}50%{transform:scale(1.2) rotate(-5deg)}}.feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text)}.feature-card p{color:var(--text-light);line-height:1.7}.products{padding:6rem 0;background:var(--white)}.product-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.product-card{background:var(--white);border:2px solid var(--border);border-radius:20px;padding:2rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);opacity:0;transform:translateY(30px);position:relative;overflow:hidden}.product-card:after{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(102,126,234,.1),transparent);transform:rotate(45deg);transition:all .6s;opacity:0}.product-card:hover:after{animation:shimmer 1.5s ease-in-out}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg);opacity:0}50%{opacity:1}to{transform:translate(100%) translateY(100%) rotate(45deg);opacity:0}}.product-card.animate-in{opacity:1;transform:translateY(0)}.product-card:nth-child(1){transition-delay:.1s}.product-card:nth-child(2){transition-delay:.2s}.product-card:nth-child(3){transition-delay:.3s}.product-card:hover{box-shadow:var(--shadow-lg);border-color:#667eea}.product-card.highlight{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d);position:relative}.product-card.highlight:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#667eea,#764ba2,#667eea);border-radius:20px;z-index:-1;background-size:200% 200%;animation:gradientMove 3s ease infinite}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.product-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.product-logo{width:50px;height:50px;border-radius:10px;object-fit:cover}.product-header h3{font-size:1.75rem;color:var(--text);margin:0}.product-tagline{font-size:.9rem;color:var(--text-light);margin:0}.product-description{color:var(--text);line-height:1.7;margin-bottom:1.5rem}.product-features{list-style:none;margin-bottom:2rem}.product-features li{padding:.5rem 0;color:var(--text-light);display:flex;align-items:center;gap:.5rem}.product-links{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.product-btn{flex:1;min-width:200px;padding:.875rem 1.5rem;background:var(--dark);color:var(--white);text-decoration:none;border-radius:10px;font-weight:600;font-family:Monaco,Courier New,monospace;font-size:.9rem;display:flex;align-items:center;gap:.5rem;transition:all .3s}.product-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003;background:#000}.product-link{color:#667eea;text-decoration:none;font-weight:600;transition:color .3s}.product-link:hover{color:#764ba2}.bootstrap-nodes{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.bootstrap-title{font-size:.9rem;font-weight:600;color:var(--text);margin-bottom:.75rem}.bootstrap-nodes code{display:block;background:#667eea1a;padding:.5rem 1rem;border-radius:6px;margin-bottom:.5rem;font-size:.85rem;color:#667eea;font-family:Monaco,Courier New,monospace}.quickstart{padding:6rem 0;background:linear-gradient(180deg,#f7fafc,#fff)}.demo-section{padding:6rem 0;background:var(--white);border-top:1px solid var(--border)}.pigeonfs-demo{max-width:1000px;margin:0 auto}.demo-status{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-radius:12px;margin-bottom:2rem;transition:all .3s}.demo-status.connected{background:#d4edda;border:2px solid #c3e6cb}.demo-status.disconnected{background:#f8d7da;border:2px solid #f5c6cb}.demo-status.connecting{background:#fff3cd;border:2px solid #ffeaa7}.status-content{display:flex;align-items:center;gap:1rem}.status-indicator{width:12px;height:12px;border-radius:50%;background:currentColor;animation:pulse 2s ease-in-out infinite}.peer-id-section{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8f9fa;border-radius:12px;margin-bottom:2rem}.peer-id-content{flex:1}.peer-id-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--text)}.peer-id-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:.9rem;background:var(--white)}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;margin-top:2rem}.demo-card{background:var(--white);border:2px solid var(--border);border-radius:16px;padding:2rem;box-shadow:var(--shadow)}.demo-card h3{color:var(--text);margin-bottom:1.5rem;font-size:1.5rem}.file-upload-area{margin-bottom:1.5rem}.upload-zone{display:block;padding:3rem 1.5rem;border:2px dashed #667eea;border-radius:12px;text-align:center;cursor:pointer;transition:all .3s;background:var(--white)}.upload-zone:hover{border-color:#5568d3;background:#f0f4ff;transform:translateY(-2px)}.upload-zone.has-file{border-style:solid;background:#e7f3ff}.upload-content{pointer-events:none}.upload-icon{font-size:3rem;margin-bottom:1rem}.upload-text{font-weight:600;margin-bottom:.5rem;color:var(--text)}.upload-subtext{font-size:.9rem;color:var(--text-light)}.peer-input-group{display:flex;gap:.5rem;margin-bottom:1rem}.demo-input{flex:1;padding:.875rem 1rem;border:1px solid var(--border);border-radius:8px;font-family:Monaco,Courier New,monospace;font-size:.9rem;transition:all .3s}.demo-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.demo-button{padding:.875rem 1.5rem;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;background:var(--white);color:var(--text);border:2px solid var(--border)}.demo-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow)}.demo-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.demo-button.primary{background:#667eea;color:var(--white);border-color:#667eea}.demo-button.primary:hover:not(:disabled){background:#5568d3;box-shadow:0 4px 12px #667eea4d}.demo-button.danger{background:#dc3545;color:var(--white);border-color:#dc3545}.demo-button.danger:hover:not(:disabled){background:#c82333}.demo-button.icon-btn{padding:.875rem 1rem}.demo-button.full-width{width:100%}.demo-button.large{padding:1rem 2rem;font-size:1.1rem}.demo-progress{margin-top:1rem}.progress-bar{width:100%;height:8px;background:#e9ecef;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#667eea,#764ba2);transition:width .3s;border-radius:4px}.progress-text{text-align:center;font-size:.9rem;color:var(--text-light)}.demo-error{padding:1rem;background:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-top:1rem}.empty-state{text-align:center;padding:3rem 1.5rem;color:var(--text-light)}.empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.3}.empty-text{font-weight:600;color:var(--text);margin-bottom:.5rem}.empty-subtext{font-size:.9rem}.file-list{display:flex;flex-direction:column;gap:1rem}.file-item{padding:1rem;background:#f8f9fa;border-radius:8px;border:1px solid var(--border)}.file-info{margin-bottom:.75rem}.file-name{font-weight:600;color:var(--text);word-break:break-word;margin-bottom:.25rem}.file-size{font-size:.9rem;color:var(--text-light)}.file-status{font-size:.9rem;color:var(--text-light);margin-top:.5rem}.file-status.success{color:var(--success);font-weight:600}.file-complete{display:flex;align-items:center;justify-content:space-between;margin-top:.75rem}.welcome-content{text-align:center;padding:4rem 2rem}.welcome-logo{width:120px;height:120px;border-radius:20px;margin-bottom:2rem;box-shadow:var(--shadow-lg)}.welcome-content h3{font-size:2rem;margin-bottom:1rem;color:var(--text)}.welcome-content p{font-size:1.1rem;color:var(--text-light);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.code-examples{display:grid;gap:2rem;margin-bottom:4rem}.code-example{background:var(--dark);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(30px);transition:all .6s ease-out;position:relative}.code-example:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(102,126,234,.3),transparent);transition:left .8s}.code-example:hover:before{left:100%}.code-example.animate-in{opacity:1;transform:translateY(0)}.code-example:nth-child(1){transition-delay:.1s}.code-example:nth-child(2){transition-delay:.2s}.code-example:nth-child(3){transition-delay:.3s}.code-example:nth-child(4){transition-delay:.4s}.code-example h3{background:#ffffff1a;color:var(--white);padding:1rem 1.5rem;margin:0;font-size:1.25rem;border-bottom:1px solid rgba(255,255,255,.1)}.code-example pre{margin:0;padding:1.5rem;overflow-x:auto}.code-example code{color:#f0f4ff;font-family:Monaco,Courier New,monospace;font-size:.95rem;line-height:1.6}.cta-section{text-align:center;padding:4rem;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:20px;border:2px solid rgba(102,126,234,.2)}.cta-section h3{font-size:2rem;margin-bottom:2rem;color:var(--text)}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{background:var(--dark);color:var(--white);padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{display:flex;flex-direction:column;gap:1rem}.footer-brand h3{font-size:1.5rem;margin:0}.footer-logo{width:50px;height:50px;border-radius:10px;object-fit:cover}.footer-brand p{color:#ffffffb3;line-height:1.7}.footer-column h4{margin-bottom:1rem;font-size:1.1rem}.footer-column a{display:block;color:#ffffffb3;text-decoration:none;margin-bottom:.75rem;transition:color .3s}.footer-column a:hover{color:var(--white)}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);color:#fff9}.footer-bottom p{margin:.5rem 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.hero .container{grid-template-columns:1fr;gap:3rem}.hero-title{font-size:2.5rem}.stats{grid-template-columns:repeat(3,1fr)}.footer-content{grid-template-columns:1fr 1fr;gap:2rem}.product-cards{grid-template-columns:1fr}}@media (max-width: 768px){.container{padding:0 1rem}.nav-links{gap:1rem}.nav-links a{font-size:.9rem}.github-link svg,.npm-link{padding:.5rem .75rem}.hero{padding:4rem 0}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-buttons{flex-direction:column}.btn{width:100%;justify-content:center}.stats{grid-template-columns:1fr;gap:1.5rem}.section-title{font-size:2rem}.section-subtitle{font-size:1rem}.feature-grid,.footer-content{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.cta-buttons .btn{width:100%}}@media (max-width: 480px){.hero-title{font-size:1.75rem}.stat-value{font-size:2rem}.code-example code{font-size:.8rem}}