*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#0a0a0f;line-height:1.6}.bg-video{position:fixed;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:-2}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0a0fd9,#14141ebf,#0a0a0fd9);z-index:-1}.content{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;z-index:1}.header{text-align:center;margin-bottom:1.5rem}.header-label{font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#00e5ff;margin-bottom:.5rem}.header-sublabel{font-size:.75rem;font-weight:400;letter-spacing:.05em;color:#ffffffb3}.intro{text-align:center;max-width:600px;margin-bottom:2rem}.section-title{font-size:2rem;font-weight:700;margin-bottom:.75rem;color:#fff;letter-spacing:.02em}.section-description{font-size:.9375rem;line-height:1.7;color:#fffc;max-width:540px;margin:0 auto}.search-container{position:relative;max-width:400px;margin:1.5rem auto 0}.search-input{width:100%;padding:.875rem 1rem .875rem 3rem;background:#14142399;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,229,255,.2);border-radius:24px;color:#fff;font-size:.9375rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;transition:all .3s ease;outline:none}.search-input::-moz-placeholder{color:#fff6}.search-input::placeholder{color:#fff6}.search-input:focus{border-color:#00e5ff80;background:#19192db3;box-shadow:0 0 24px #00e5ff26}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#00e5ff99;pointer-events:none}.ecosystem-container{flex:1;display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:1rem 0}.ecosystem-circle{position:relative;width:min(600px,90vw);height:min(600px,90vw);display:flex;align-items:center;justify-content:center}.center-badge{position:relative;z-index:50;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#dc2626,#b91c1c 35%,#1e3a8a);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#fff;box-shadow:0 0 40px #dc262666,0 0 80px #dc262633,0 8px 32px #0009;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.center-badge:hover{transform:scale(1.05);box-shadow:0 0 50px #dc262699,0 0 100px #dc26264d,0 12px 48px #000000b3}.center-badge:active{transform:scale(.98);transition:transform .1s ease}.center-badge.click-ripple{animation:centerClickPulse .6s ease-out}@keyframes centerClickPulse{0%{box-shadow:0 0 #dc2626b3,0 0 40px #dc262666,0 0 80px #dc262633,0 8px 32px #0009}50%{box-shadow:0 0 0 20px #dc262600,0 0 60px #dc262699,0 0 120px #dc26264d,0 8px 32px #0009}to{box-shadow:0 0 #dc262600,0 0 40px #dc262666,0 0 80px #dc262633,0 8px 32px #0009}}.center-badge:focus{outline:2px solid #00e5ff;outline-offset:4px}.badge-text-large{font-size:1.5rem;font-weight:800;letter-spacing:.08em;line-height:1.1}.badge-text-medium{font-size:1.125rem;font-weight:600;letter-spacing:.05em;margin-top:.25rem;line-height:1.1}.badge-text-small{font-size:.6875rem;font-weight:500;letter-spacing:.05em;opacity:.85;margin-top:.375rem;text-transform:uppercase}.node-line{position:absolute;width:1px;background:linear-gradient(to bottom,transparent 0%,#00e5ff 20%,#00bcd4 80%,transparent 100%);transform-origin:top center;pointer-events:none;opacity:.4;transition:opacity .3s ease}.ecosystem-node{position:absolute;transform:translate(-50%,-50%);text-decoration:none;color:#fff;transition:transform .3s ease,box-shadow .3s ease;z-index:10}.ecosystem-node:active:not(.placeholder) .node-card{transform:translateY(-2px) scale(.98);transition:transform .1s ease}.ecosystem-node.click-ripple{animation:clickPulse .6s ease-out}@keyframes clickPulse{0%{box-shadow:0 0 #00e5ffb3}50%{box-shadow:0 0 0 20px #00e5ff00}to{box-shadow:0 0 #00e5ff00}}.ecosystem-node:focus{outline:2px solid #00e5ff;outline-offset:4px;border-radius:24px}.node-card{background:#141423a6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,229,255,.15);border-radius:24px;padding:.875rem 1.25rem;min-width:160px;max-width:200px;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d;transition:all .3s ease}.ecosystem-node:hover .node-card{transform:translateY(-4px);background:#19192dbf;border-color:#00e5ff66;box-shadow:0 8px 24px #00000080,0 0 24px #00e5ff33,inset 0 1px #ffffff1a}.node-title{font-size:.9375rem;font-weight:700;margin-bottom:.25rem;line-height:1.3;color:#fff}.node-tag{font-size:.75rem;font-weight:400;color:#ffffffa6;line-height:1.4}.ecosystem-node.placeholder{cursor:not-allowed}.ecosystem-node.placeholder .node-card{opacity:.7;border-color:#ffffff1a;position:relative}.ecosystem-node.placeholder .node-card:after{content:"Coming Soon";position:absolute;top:-8px;right:-8px;background:#00e5ff26;border:1px solid rgba(0,229,255,.3);color:#00e5ff;font-size:.5625rem;padding:2px 6px;border-radius:8px;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.ecosystem-node.placeholder:hover .node-card{transform:none;background:#141423a6;border-color:#ffffff1a;box-shadow:0 4px 16px #0006,inset 0 1px #ffffff0d}.footer{text-align:center;font-size:.8125rem;color:#ffffff80;margin-top:2rem;padding:1rem}@media (max-width: 768px){.content{padding:1.5rem .75rem}.section-title{font-size:1.75rem}.section-description{font-size:.875rem;padding:0 1rem}.ecosystem-circle{width:min(480px,92vw);height:min(480px,92vw)}.center-badge{width:140px;height:140px}.badge-text-large{font-size:1.25rem}.badge-text-medium{font-size:1rem}.badge-text-small{font-size:.625rem}.node-card{min-width:135px;max-width:165px;padding:.7rem .95rem}.node-title{font-size:.85rem}.node-tag{font-size:.675rem}.ecosystem-node.placeholder .node-card:after{font-size:.5rem;padding:1px 5px}}@media (max-width: 480px){.content{padding:1.25rem .5rem}.header{margin-bottom:1rem}.header-label{font-size:.8125rem}.header-sublabel{font-size:.6875rem}.intro{margin-bottom:1.5rem}.section-title{font-size:1.5rem}.section-description{font-size:.8125rem;padding:0 .5rem}.ecosystem-circle{width:min(380px,96vw);height:min(380px,96vw)}.center-badge{width:110px;height:110px}.badge-text-large{font-size:1.05rem}.badge-text-medium{font-size:.8125rem}.badge-text-small{font-size:.5rem}.node-card{min-width:110px;max-width:140px;padding:.6rem .8rem;border-radius:18px}.node-title{font-size:.75rem;line-height:1.25}.node-tag{font-size:.6rem;line-height:1.3}.ecosystem-node.placeholder .node-card:after{font-size:.4375rem;padding:1px 4px;top:-6px;right:-6px}.footer{font-size:.75rem;margin-top:1.5rem}}@media (max-width: 360px){.ecosystem-circle{width:min(320px,98vw);height:min(320px,98vw)}.center-badge{width:95px;height:95px}.badge-text-large{font-size:.95rem}.badge-text-medium{font-size:.75rem}.badge-text-small{font-size:.4375rem}.node-card{min-width:95px;max-width:120px;padding:.5rem .65rem}.node-title{font-size:.6875rem}.node-tag{font-size:.5625rem}.search-container{max-width:280px}.search-input{padding:.75rem .875rem .75rem 2.5rem;font-size:.875rem}.search-icon{width:16px;height:16px;left:.75rem}}@media (max-height: 500px) and (orientation: landscape){.content{padding:.75rem 1rem;min-height:auto}.header{margin-bottom:.5rem}.intro{margin-bottom:.75rem}.section-title{font-size:1.25rem;margin-bottom:.375rem}.section-description{font-size:.75rem;display:none}.search-container{margin-top:.5rem}.ecosystem-container{margin:.5rem 0}.ecosystem-circle{width:min(280px,50vh);height:min(280px,50vh)}.center-badge{width:70px;height:70px}.badge-text-large{font-size:.75rem}.badge-text-medium{font-size:.625rem}.badge-text-small{font-size:.375rem}.node-card{min-width:85px;max-width:110px;padding:.4rem .5rem}.node-title{font-size:.625rem}.node-tag{font-size:.5rem}.footer{margin-top:.5rem;padding:.5rem}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.node-card{border-width:2px;border-color:#00e5ff80}.center-badge{border:2px solid rgba(255,255,255,.3)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a14eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;z-index:100;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.modal-content{position:relative;background:#141423f2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(0,229,255,.3);border-radius:24px;padding:2.5rem 2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #000c,0 0 64px #00e5ff33,inset 0 1px #ffffff1a;transform:scale(.95);transition:transform .3s ease}.modal-overlay.active .modal-content{transform:scale(1)}.modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff1a;border:none;color:#fffc;font-size:2rem;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;line-height:1;padding:0;z-index:110;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.modal-close:hover,.modal-close:active{background:#fff3;color:#fff}.modal-body{text-align:center}.modal-category{display:inline-block;background:#00e5ff26;border:1px solid rgba(0,229,255,.3);color:#00e5ff;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.375rem .875rem;border-radius:16px;margin-bottom:1rem}.modal-title{font-size:1.875rem;font-weight:700;color:#fff;margin-bottom:.5rem;line-height:1.2}.modal-tag{font-size:1rem;color:#ffffffb3;margin-bottom:1.5rem;font-weight:500}.modal-description{font-size:1rem;line-height:1.7;color:#ffffffd9;margin-bottom:2rem}.modal-actions{display:flex;justify-content:center;gap:1rem}.modal-button{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;background:linear-gradient(135deg,#dc2626,#1e3a8a);border:1px solid rgba(0,229,255,.3);border-radius:24px;color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 16px #0000004d,0 0 24px #dc262633}.modal-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0006,0 0 32px #dc262666;border-color:#00e5ff80}.modal-button svg{width:16px;height:16px}@media (max-width: 480px){.modal-content{padding:2rem 1.5rem;width:95%;border-radius:20px}.modal-close{top:.75rem;right:.75rem;width:36px;height:36px;font-size:1.75rem}.modal-category{font-size:.6875rem;padding:.3rem .75rem}.modal-title{font-size:1.5rem;padding-right:2rem}.modal-tag{font-size:.875rem;margin-bottom:1.25rem}.modal-description{font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}.modal-button{padding:.75rem 1.5rem;font-size:.9375rem;width:100%;justify-content:center}.modal-actions{flex-direction:column}}@media (max-width: 360px){.modal-content{padding:1.5rem 1.25rem}.modal-title{font-size:1.25rem}.modal-tag,.modal-description{font-size:.8125rem}.modal-button{padding:.6875rem 1.25rem;font-size:.875rem}}@media (pointer: coarse){.ecosystem-node .node-card{min-height:44px}.center-badge{min-width:88px;min-height:88px}.search-input{min-height:48px;font-size:16px}.modal-close{min-width:44px;min-height:44px}.modal-button{min-height:48px}}@supports (padding: max(0px)){.content{padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));padding-bottom:max(1rem,env(safe-area-inset-bottom))}.modal-content{margin-left:max(.5rem,env(safe-area-inset-left));margin-right:max(.5rem,env(safe-area-inset-right));margin-bottom:max(.5rem,env(safe-area-inset-bottom))}}@media (prefers-color-scheme: light){body{background:#0a0a0f}}