*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f1419;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#0f1419,#1a1d2e);-webkit-tap-highlight-color:rgba(74,222,128,.2);-webkit-overflow-scrolling:touch}#root{width:100%;min-height:100vh}html{scroll-behavior:smooth}@media (max-width: 1024px){button,a{min-height:44px;min-width:44px}}.app{min-height:100vh;color:#fff;position:relative;overflow:hidden}.background-svg{position:absolute;top:0;left:0;width:100%;pointer-events:none;z-index:0}.header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 3rem;max-width:1400px;margin:0 auto;position:relative;z-index:100}.logo{display:flex;align-items:center;gap:0rem;font-size:1.5rem;font-weight:600;color:#fff;text-decoration:none}.logo-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700}.nav{display:flex;gap:2.5rem;align-items:center;flex:1;justify-content:center}.nav a{color:#fffc;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s;display:flex;align-items:center;gap:.3rem}.nav a:hover{color:#fff}.header-actions{display:flex;align-items:center;gap:1.5rem}.header-actions a{text-decoration:none}.github-stars{display:flex;align-items:center;gap:.5rem;color:#fffc;font-size:.95rem}.contact-btn{background:#4ade80;color:#0f1419;padding:.6rem 1.5rem;border-radius:6px;border:none;font-weight:600;cursor:pointer;transition:all .2s}.contact-btn:hover{background:#22c55e;transform:translateY(-1px)}.user-icon{width:40px;height:40px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s}.user-icon:hover{background:#ffffff26}.hero{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:80px 48px;gap:64px;position:relative;z-index:1}.hero-content{flex:1;max-width:560px}.hero-title{font-size:48px;font-weight:700;letter-spacing:-.015em;line-height:1.1;margin-bottom:24px;color:#fff}.rotating-text{color:#4ade80;display:inline}.cursor-blink{display:inline-block;width:3px;height:.9em;background:#4ade80;margin-left:2px;animation:blink 1s infinite;vertical-align:baseline;position:relative;top:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.hero-subtitle{font-size:16px;font-weight:400;color:#ffffffb3;line-height:1.7;margin-bottom:32px;max-width:550px}.hero-cta{display:flex;gap:16px}.btn-primary{background:#4ade80;color:#0a0e1a;padding:12px 24px;border-radius:6px;border:none;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary:hover{background:#22c55e;transform:translateY(-1px)}.btn-secondary{background:#ffffff0d;border:1px solid rgba(74,222,128,.3);color:#4ade80;padding:12px 24px;border-radius:6px;font-weight:600;font-size:15px;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-secondary:hover{background:#4ade801a;border-color:#4ade8080;transform:translateY(-1px)}.hero-visual{flex:1;position:relative;min-height:600px;display:flex;align-items:center;justify-content:center;width:100%;overflow:visible;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.hero-visual canvas{user-select:none;-webkit-user-select:none;outline:none}@media (max-width: 1024px){.hero-visual{display:none}}.infrastructure-diagram{position:relative;width:100%;height:600px;perspective:1200px;display:flex;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.infra-icon{position:absolute;width:70px;height:70px;transform-style:preserve-3d;transform:translate3d(calc(var(--x) * 1px),calc(var(--y) * 1px),calc(var(--z) * 1px)) rotateX(-45deg) rotateY(0);transition:all .4s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.icon-content{width:100%;height:100%;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transition:all .3s;color:#fffc;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.icon-content svg,.icon-content img{width:65%;height:65%;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}.infra-icon:hover .icon-content{background:#ffffff14;border-color:#4ade804d;transform:translateY(-8px) scale(1.05);box-shadow:0 12px 40px #4ade8033,inset 0 1px #ffffff1a}.center-icon{width:120px;height:120px;z-index:10}.center-icon .icon-content{font-size:3rem;background:#ffffff08;border-color:#ffffff14;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;color:#fffc}.center-icon .icon-content svg{width:70%;height:70%}.center-icon:hover .icon-content{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-12px) scale(1.1)}.small-icon{width:60px;height:60px}.small-icon .icon-content{font-size:1.6rem;background:#ffffff05;border-color:#ffffff0f}.small-icon .icon-content svg{width:60%;height:60%}.feature-label{position:absolute;font-size:13px;color:#ffffff80;white-space:nowrap;display:flex;align-items:center;gap:6px;transform:translate3d(calc(var(--x) * 1px),calc(var(--y) * 1px),calc(var(--z) * 1px)) rotateX(-45deg) rotateY(0);font-weight:400;letter-spacing:.3px}.label-icon{opacity:.6;font-size:16px;color:#fff9}.mobile-menu-button{display:none;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;cursor:pointer;padding:.5rem;transition:all .2s;position:relative;z-index:1001}.mobile-menu-button:hover{color:#4ade80;background:#4ade801a;border-color:#4ade804d}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu-button svg{display:block;transition:transform .3s ease}.mobile-menu-overlay{position:fixed;inset:0;background:#0009;z-index:999;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{position:fixed;top:0;right:-100%;width:280px;height:100vh;background:#0f1419fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);z-index:1000;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:5rem 2rem 2rem;box-shadow:-5px 0 30px #00000080;overflow-y:auto}.mobile-menu.open{right:0}.mobile-nav{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.mobile-nav a{color:#fffc;text-decoration:none;font-size:1.1rem;font-weight:500;padding:.75rem 0;border-bottom:1px solid rgba(255,255,255,.05);transition:color .2s}.mobile-nav a:hover{color:#4ade80}.mobile-menu-actions{display:flex;flex-direction:column;gap:1rem;margin-top:auto}.mobile-github{display:flex;align-items:center;justify-content:center;gap:.75rem;color:#fffc;text-decoration:none;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;transition:all .2s}.mobile-github:hover{background:#ffffff14;border-color:#fff3}.contact-btn-mobile{background:#4ade80;color:#0f1419;padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s;font-family:inherit}.contact-btn-mobile:hover{background:#22c55e;transform:translateY(-1px)}@media (max-width: 1024px){.header{padding:1rem 2rem}.nav,.header-actions .github-link,.header-actions .contact-btn,.header-actions .user-icon{display:none}.mobile-menu-button{display:block}.hero{flex-direction:column;padding:3rem 2rem;gap:2rem;position:relative}.hero-content{max-width:100%;text-align:center}.hero-title{font-size:3.5rem}.hero-cta{justify-content:center}}@media (max-width: 768px){.header{padding:1rem 1.5rem}.hero{padding:3rem 1.5rem;gap:1.5rem}.hero-title{font-size:2.2rem;line-height:1.2}.hero-subtitle{font-size:1rem;line-height:1.6}.hero-cta{flex-direction:column;width:100%;gap:.75rem}.hero-cta button,.hero-cta a{width:100%;text-align:center}.btn-primary,.btn-secondary{padding:.875rem 1.5rem;font-size:1rem}}@media (max-width: 480px){.header{padding:1rem}.logo{font-size:1.25rem}.hero{padding:2.5rem 1rem;gap:1rem}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:.95rem}}.services-table-container{max-width:1400px;margin:4rem auto;padding:0 3rem;position:relative;z-index:1}.services-header{margin-bottom:2rem}.services-title-section{margin-bottom:1.5rem}.services-title{font-size:2rem;font-weight:700;color:#fff;margin-bottom:.5rem}.services-subtitle{font-size:1rem;color:#fff9;font-weight:400}.services-controls{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;transition:all .2s}.search-box:focus-within{background:#ffffff14;border-color:#4ade8066;box-shadow:0 0 0 3px #4ade801a}.search-box svg{color:#fff6;flex-shrink:0}.search-box input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:.95rem;font-family:inherit}.search-box input::placeholder{color:#fff6}.transport-filter{display:flex;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.25rem}.transport-filter button{padding:.5rem 1.25rem;background:transparent;border:none;color:#fff9;font-weight:600;font-size:.9rem;border-radius:6px;cursor:pointer;transition:all .2s;font-family:inherit}.transport-filter button:hover{color:#ffffffe6;background:#ffffff0d}.transport-filter button.active{background:#4ade8026;color:#4ade80}.category-filter{position:relative}.category-dropdown-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff9;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;font-family:inherit;white-space:nowrap}.category-dropdown-button:hover{background:#ffffff14;border-color:#fff3;color:#ffffffe6}.category-dropdown-button.has-selection{border-color:#4ade8066;background:#4ade800d;color:#4ade80}.category-dropdown-button svg:first-child{width:16px;height:16px}.category-dropdown-button .category-badge{background:#4ade8033;color:#4ade80;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700;min-width:20px;text-align:center}.dropdown-arrow{transition:transform .2s;margin-left:.25rem}.dropdown-arrow.open{transform:rotate(180deg)}.category-dropdown{position:absolute;top:calc(100% + .5rem);left:0;min-width:280px;background:#0f1419fa;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.75rem;box-shadow:0 8px 32px #00000080;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);max-height:450px;display:flex;flex-direction:column}.category-search-box{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:.5rem .75rem;margin-bottom:.75rem;transition:all .2s}.category-search-box:focus-within{background:#ffffff14;border-color:#4ade8066;box-shadow:0 0 0 2px #4ade801a}.category-search-box svg{color:#fff6;flex-shrink:0}.category-search-box input{flex:1;background:none;border:none;outline:none;color:#fff;font-size:.875rem;font-family:inherit}.category-search-box input::placeholder{color:#fff6}.category-dropdown-header{display:flex;gap:.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.75rem}.category-dropdown-header button{flex:1;padding:.5rem .75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#ffffffb3;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:inherit}.category-dropdown-header button:hover{background:#ffffff1a;color:#ffffffe6}.category-list{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;max-height:300px;padding-right:.25rem}.category-list::-webkit-scrollbar{width:6px}.category-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.category-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.category-list::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.category-item{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;border-radius:6px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.category-item:hover{background:#ffffff0d}.category-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#4ade80;flex-shrink:0}.category-item span{color:#fffc;font-size:.9rem;font-weight:500}.category-item:has(input:checked){background:#4ade801a}.category-item:has(input:checked) span{color:#4ade80}.no-results-filter{padding:1rem;text-align:center;color:#fff6;font-size:.875rem}.table-wrapper{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;height:50vh;overflow-y:auto;color-scheme:dark}.services-table{width:100%;border-collapse:collapse}.services-table thead{background:#0f1419f2;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.services-table th{padding:1rem 1.5rem;text-align:left;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:#ffffffb3;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s;background:#0f1419f2}.services-table th:hover{background:#ffffff14}.th-content{display:flex;align-items:center;gap:.5rem}.sort-icon{color:#4ade80;font-size:1rem;display:inline-flex;align-items:center}.services-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s}.services-table tbody tr:hover{background:#ffffff08}.services-table tbody tr:last-child{border-bottom:none}.services-table td{padding:1rem 1.5rem;color:#ffffffd9;font-size:.95rem}.service-name{font-weight:500;color:#fff}.service-info{display:flex;flex-direction:column;gap:.25rem}.service-code{font-weight:600;color:#4ade80;font-size:.85rem;letter-spacing:.05em}.service-full-name{color:#ffffffb3;font-size:.9rem;font-weight:400}.service-ports{font-family:Monaco,Courier New,monospace;color:#ffffffb3;font-size:.9rem}.transport-badge{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.transport-badge.tcp{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.transport-badge.udp{background:#ec489926;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.transport-badge.both{background:linear-gradient(135deg,#3b82f626,#ec489926);color:#a78bfa;border:1px solid rgba(167,139,250,.3)}.category-tag{display:inline-block;padding:.25rem .75rem;border-radius:6px;font-weight:600;font-size:.85rem;background:#a855f733;color:#e9d5ff;border:1px solid rgba(168,85,247,.4);white-space:nowrap}.capabilities-cell{display:flex;flex-wrap:wrap;gap:.375rem;align-items:center;max-width:400px;cursor:pointer}.capability-tag{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-weight:500;font-size:.75rem;background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.3);white-space:nowrap;text-transform:capitalize}.more-capabilities{display:inline-block;padding:.2rem .6rem;border-radius:4px;font-weight:600;font-size:.7rem;background:#ffffff1a;color:#fff9;border:1px solid rgba(255,255,255,.2);white-space:nowrap;transition:all .2s}.capabilities-cell:hover .more-capabilities{background:#4ade8033;color:#4ade80;border-color:#4ade8066}.no-capabilities{color:#ffffff4d;font-size:.9rem}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#fff6}.no-results svg{margin-bottom:1rem;opacity:.5}.no-results p{font-size:1rem}.services-stats{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem;padding:0 .5rem;color:#ffffff80;font-size:.9rem}.services-stats strong{color:#4ade80;font-weight:600}@media (max-width: 1024px){.services-table-container{padding:0 2rem;margin:3rem auto 2rem}.services-title{font-size:1.5rem}.services-subtitle{font-size:.9rem}.services-controls{flex-direction:column;gap:.75rem}.search-box{min-width:100%}.transport-filter{width:100%;justify-content:stretch}.transport-filter button{flex:1}.category-filter{width:100%}.category-dropdown-button{width:100%;justify-content:center}.category-dropdown{left:0;right:0;width:calc(100% - 1rem);margin:0 .5rem}.table-wrapper{overflow-x:auto;height:60vh;-webkit-overflow-scrolling:touch}.services-table{min-width:800px}.services-table th,.services-table td{padding:.75rem 1rem;font-size:.875rem}.service-code{font-size:.8rem}.service-full-name{font-size:.85rem}.services-stats{flex-direction:column;gap:.5rem;align-items:flex-start;font-size:.85rem}}@media (max-width: 768px){.services-table-container{padding:0 1.5rem}}@media (max-width: 480px){.services-table-container{padding:0 1rem;margin:2rem auto 1.5rem}.services-title{font-size:1.25rem}.services-subtitle{font-size:.85rem}.services-controls{gap:.5rem}.search-box{padding:.625rem .875rem}.search-box input{font-size:.875rem}.transport-filter button{padding:.5rem 1rem;font-size:.85rem}.category-dropdown-button{padding:.625rem .875rem;font-size:.85rem}.table-wrapper{height:55vh}.services-stats{font-size:.8rem}}