@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0a0a;--bg-card: #121212;--bg-hover: #2a2a2a;--border-color: rgba(255, 255, 255, .1);--border-hover: rgba(255, 255, 255, .3);--text-primary: #ffffff;--text-secondary: #999999;--accent-primary: #ffffff;--accent-secondary: #cccccc;--accent-hover: #e0e0e0;--success: #ffffff;--border-radius: 5px}body{font-family:Raleway,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--bg-dark);color:var(--text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%}.navbar .container{padding-left:10px;padding-right:10px;max-width:100%;margin:0;display:flex;justify-content:center;align-items:center;position:relative}.navbar{background-color:#0a0a0ad9;padding:2.8rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;margin-bottom:0}.navbar .container{display:flex;justify-content:space-between;align-items:center;position:relative}.nav-brand-container{display:flex;align-items:center;gap:1rem;position:absolute;left:25px}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.nav-logo{height:54px;width:auto;margin-top:-15px;margin-left:0}.nav-text-logo{height:22px;width:auto;margin-top:-1px}.nav-links{display:flex;list-style:none;gap:2rem;margin:0 auto;justify-content:center}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .2s;padding:.5rem 1rem}.nav-links a:hover{color:var(--text-primary)}.nav-links a.active{color:var(--accent-primary)}.nav-dropdown{position:relative}.nav-dropdown>a{cursor:pointer}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(10px);background-color:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:.5rem 0;min-width:150px;margin-top:.5rem;z-index:1000;opacity:0;transition:opacity .3s ease,transform .3s ease}.nav-dropdown.active .nav-dropdown-menu{display:block;animation:dropdownFadeIn .3s ease forwards}.nav-dropdown-menu a{display:block;padding:.75rem 1rem!important;color:var(--text-secondary)!important;text-decoration:none;transition:all .2s}.nav-dropdown-menu a:hover{background-color:#ffffff0d;color:var(--text-primary)!important}.nav-buttons-right{position:absolute;right:-5px;display:flex;gap:-3px}a.nav-btn{color:#fff!important;border:none!important;padding:1.79rem 40px!important;font-size:1.3rem!important;font-weight:600!important;text-decoration:none!important;display:inline-block!important;white-space:nowrap!important;transform:skew(-10deg)!important;transition:filter .2s!important;text-transform:uppercase!important;box-shadow:inset 0 0 0 2px #ffffff1a!important;box-sizing:border-box!important}a.nav-btn span{display:inline-block;transform:skew(10deg) translate(5px)}a.btn-server{background:#562b2e!important;box-shadow:inset 0 0 0 2px #ffffff0d!important}a.btn-server span{transform:skew(10deg) translate(-1px)!important}a.btn-server:hover{filter:brightness(1.2)!important}a.btn-client{background:#86363e!important;transform:skew(0)!important;clip-path:polygon(6% 0%,100% 0%,100% 100%,0% 100%)!important;margin-left:-10px!important}a.btn-client span{transform:skew(0) translate(5px)!important}a.btn-client:hover{filter:brightness(1.2)!important}.navbar-tabs{background-color:#0a0a0a66;padding:.6rem 0;position:sticky;top:0;z-index:99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #0000001a;margin-bottom:0}.navbar-tabs .container{display:flex;justify-content:center;align-items:center}.navbar-tabs .nav-links{margin:0}main{flex:1;padding:3rem 0}.hero{text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 2rem 4rem;position:relative;margin-top:-3.2rem;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/banner.png);background-size:cover;background-position:center;background-repeat:no-repeat;filter:blur(8px);transform:scale(1.1);z-index:0}.hero>*{position:relative;z-index:1}.hero-logo{width:190px;height:auto;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.hero-text-logo{width:375px;height:auto;margin-top:10px;margin-bottom:2rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.hero h1{font-size:1rem;margin-bottom:1rem;color:#fff}.hero p{font-size:1rem;color:#ccc;margin-bottom:2rem}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero .btn{text-shadow:0 2px 4px rgba(0,0,0,.2)}.btn{padding:.5rem 1.55rem;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer;transition:all .2s;border:2px solid var(--border-color);background:none;color:var(--text-primary);border-radius:3px;min-width:150px;text-align:center;box-shadow:0 4px 8px #0003}.btn-primary{background-color:#ffffff1a;border-color:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-primary:hover{background-color:#ffffff26;border-color:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.btn-secondary{background-color:#ffffff1a;border-color:#ffffff1a;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background-color:#ffffff26;border-color:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.slideshow-title{margin-bottom:0!important}.slideshow-container{background-color:var(--bg-dark);padding:4rem 2rem;margin-bottom:0;position:relative}.slideshow{max-width:1400px;margin:0 auto;position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:visible;perspective:1000px}.slideshow-track{display:flex;gap:2rem;transition:transform .5s ease-in-out;align-items:center}.slide{flex:0 0 900px;width:900px;transition:all .5s ease;opacity:.4;transform:scale(.85);position:relative}.slide.active{opacity:1;transform:scale(1);z-index:2}.slide-image{width:100%;height:450px;background-color:var(--bg-card);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.image-placeholder{color:var(--text-secondary);font-size:1.5rem}.slide-caption{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);text-align:center}.slide-caption h3{font-size:1.75rem;color:#fff;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.slide-caption p{color:#fff;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.slide-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;color:#999;border:none;padding:1rem 1.5rem;cursor:pointer;font-size:3rem;transition:color .2s;z-index:100;filter:drop-shadow(0 4px 8px rgba(0,0,0,.5))}.slide-nav:hover{color:#fff}.slide-nav.prev{left:50px}.slide-nav.next{right:50px}.slide-dots{text-align:center;margin-top:1.5rem}.dot{display:inline-block;width:12px;height:12px;border-radius:50%;background-color:#ffffff4d;margin:0 5px;cursor:pointer;transition:all .2s}.dot.active,.dot:hover{background-color:#ffffffb3}.features-section{padding:0 0 4rem}.section-title{font-size:2rem;color:#fff;margin:3rem 0 2rem;text-align:center;background-color:#0f0f0f;padding:2.5rem 2rem;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.section-title:first-child{margin-top:0}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:1.5rem;align-items:center}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-image{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:contain}.feature-placeholder{color:var(--text-secondary);font-size:1.5rem}.feature-content h3{color:#fff;font-size:1.75rem;margin-bottom:1rem}.feature-content p{color:#999;font-size:1.1rem;line-height:1.8}.content{max-width:900px;margin:0 auto}.content:has(.server-grid){max-width:none}.container:has(.server-grid){padding-left:1rem;padding-right:1rem;max-width:1600px}.content h1{font-size:2.5rem;margin-bottom:2rem;color:var(--accent-primary);text-align:center;padding:6rem 2rem;position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow:hidden}.content h1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/banner.png);background-size:cover;background-position:center;filter:blur(8px);transform:scale(1.1);z-index:-2;opacity:1}.content h1:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 60%,#0a0a0a 100%);z-index:-1}.ip-display h1{font-size:2.5rem;margin-bottom:2rem;color:var(--accent-primary);text-align:center;padding:6rem 2rem;position:relative;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);overflow:hidden}.ip-display h1:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(/images/banner.png);background-size:cover;background-position:center;filter:blur(8px);transform:scale(1.1);z-index:-2;opacity:1}.ip-display h1:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 60%,#0a0a0a 100%);z-index:-1}.content h2{font-size:1.75rem;margin-bottom:1rem;color:var(--text-primary)}.content p{color:var(--text-secondary);margin-bottom:1rem;font-size:1.1rem}.content h3{font-size:1.5rem;margin-top:3rem;margin-bottom:1.5rem;color:var(--text-primary);text-align:center}.content ol{max-width:800px;margin:0 auto 3rem;padding-left:0;line-height:2;text-align:center;list-style-position:inside}.content ol li{color:var(--text-secondary);margin-bottom:1rem;font-size:1.05rem}.content>div>p{text-align:center;max-width:800px;margin-left:auto;margin-right:auto}.content ul{max-width:800px;margin:0 auto 2rem;padding-left:0;line-height:2;text-align:center;list-style-position:inside}.content ul li{color:var(--text-secondary);margin-bottom:.5rem;font-size:1.05rem}.info-card{background-color:var(--bg-card);border:2px solid transparent;padding:2rem;margin-bottom:2rem;border-radius:var(--border-radius)}.info-card:hover{border-color:var(--border-hover);outline:1px solid var(--border-hover);outline-offset:-1px}.info-row{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color)}.info-row:last-child{border-bottom:none}.label{font-weight:600;color:var(--text-primary)}.value{color:var(--text-secondary)}code.value{background-color:var(--bg-dark);padding:.25rem .75rem;border:1px solid var(--border-color);font-family:Courier New,monospace;color:var(--accent-primary);border-radius:var(--border-radius)}.status-online{color:var(--success);font-weight:600}.feature-list{list-style:none;padding-left:0}.feature-list li{padding:.75rem 0;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.feature-list li:last-child{border-bottom:none}.feature-list li:before{content:"▸ ";color:var(--accent-primary);font-weight:700;margin-right:.5rem}.download-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:2rem 0 3rem}.download-card{background-color:var(--bg-card);border:2px solid transparent;padding:2rem;text-align:center;transition:all .2s;border-radius:var(--border-radius)}.download-card:hover{border-color:var(--border-hover);background-color:var(--bg-hover);outline:1px solid var(--border-hover);outline-offset:-1px}.download-card h3{font-size:1.5rem;margin-bottom:.5rem;color:var(--accent-primary)}.download-card p{margin-bottom:1.5rem}.download-info{font-size:.875rem;color:var(--text-secondary);margin-top:1rem}.server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;margin-bottom:2rem;max-width:1400px;margin-left:auto;margin-right:auto;justify-content:center}.server-card{background-color:var(--bg-card);border:2px solid rgba(255,255,255,.025);padding:.75rem 1rem;border-radius:3px;display:flex;flex-direction:column}.server-card>*:last-child{margin-bottom:0}.server-card .ip-addresses,.server-card .card-content,.server-card .connect-steps,.server-card .feature-list-compact{margin-bottom:0}.server-card.large{grid-column:span 2;text-align:center}.server-card.wide{grid-column:span 2}.server-card h2{font-size:1.2rem;color:var(--text-primary);margin-bottom:1rem}.server-card h3{font-size:1rem;color:var(--text-primary);margin-top:.5rem;margin-bottom:.5rem;font-weight:600}.ip-addresses{display:flex;flex-direction:column;gap:.75rem;margin:1rem 0}.ip-box{display:flex;align-items:stretch;gap:0;background-color:var(--bg-dark);padding:.75rem 0 .75rem 1rem;border:none;border-radius:3px;overflow:hidden}.ip-address{flex:1;font-size:1.1rem;color:var(--accent-primary);font-weight:600;display:flex;align-items:center}.copy-btn-icon{width:1.5rem;height:auto;padding:0;margin:-.75rem 0 -.75rem 1rem;border-radius:0;display:flex;align-items:center;justify-content:center;border:none;background-color:#ffffff05;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.copy-btn-icon:hover{background-color:#ffffff0f;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.copy-btn-icon svg{width:1.1rem;height:1.1rem}.copy-btn{margin-top:.75rem}.card-content{text-align:center;padding:.5rem 0;display:flex;flex-direction:column;justify-content:center;flex-grow:1}.status-online{font-size:1.2rem;display:block;margin-bottom:.25rem}.status-text,.version-text,.port-text{color:#888;font-size:.8rem;margin-top:.25rem}.version-badge,.port-badge{font-size:1.4rem;color:var(--accent-primary);font-weight:700;display:block;margin-bottom:.25rem}.version-timeline{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.version-start,.version-end{font-size:1.2rem;color:var(--accent-primary);font-weight:700}.version-line-container{flex:1;max-width:3rem;position:relative;display:flex;flex-direction:column;align-items:center}.version-to{font-size:.65rem;color:#888;text-transform:lowercase;position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:.25rem;white-space:nowrap}.version-line{width:100%;height:2px;background:var(--accent-primary);position:relative}.version-line:before{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:2px;background-image:radial-gradient(circle,var(--accent-primary) 1.5px,transparent 1.5px);background-size:8px 2px;background-position:0 center}.version-line:after{content:"";position:absolute;right:-4px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid var(--accent-primary);border-top:4px solid transparent;border-bottom:4px solid transparent}.connect-steps{list-style:none;padding:0;counter-reset:step-counter}.connect-steps li{counter-increment:step-counter;color:var(--text-secondary);position:relative;padding:.5rem 0 .5rem 2rem;font-size:.9rem}.connect-steps li:before{content:counter(step-counter);position:absolute;left:0;top:.5rem;width:1.25rem;height:1.25rem;background-color:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--accent-primary);font-weight:700}.connect-steps code{background-color:var(--bg-dark);padding:.15rem .4rem;border-radius:3px;font-family:Courier New,monospace;color:var(--accent-primary);font-size:.85rem}.feature-list-compact{list-style:none;padding:0}.feature-list-compact li{padding:.4rem 0;color:var(--text-secondary);font-size:.9rem;border-bottom:1px solid rgba(255,255,255,.05)}.feature-list-compact li:last-child{border-bottom:none}.feature-list-compact li:before{content:"▸ ";color:var(--accent-primary);margin-right:.5rem}.server-page .server-card{text-align:left;padding-left:1.75rem}.server-page .server-card h3,.server-page .ip-addresses,.server-page .ip-address{text-align:left}.server-page .connect-steps{padding-left:0;margin-left:0}.server-page .connect-steps li{padding:.3rem 0;line-height:1.4;padding-left:0;display:flex;align-items:flex-start;gap:.6rem}.server-page .connect-steps li:before{position:static;flex-shrink:0}.server-page .feature-list-compact{padding-left:0;margin-left:0}.server-page .feature-list-compact li{padding:.3rem 0;line-height:1.4;display:flex;align-items:flex-start;gap:.3rem}.server-page .feature-list-compact li:before{flex-shrink:0}.server-page .card-content{text-align:center}.server-page .version-text{line-height:1.4;text-align:center}.server-page .version-timeline{text-align:center}@media(max-width:768px){.server-grid{grid-template-columns:1fr}.server-card.large,.server-card.wide{grid-column:span 1}.server-card.tall{grid-row:span 1}}footer{background-color:var(--bg-card);padding:3rem 0 1.5rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr;gap:3rem;margin-bottom:2rem}.footer-section h3{color:#888;font-size:1rem;margin-bottom:1rem;text-transform:uppercase;font-weight:600}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#666;text-decoration:none;transition:color .2s;font-size:.95rem}.footer-links a:hover{color:#aaa}.social-links{display:flex;gap:.5rem;flex-direction:column}.social-btn{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#666;text-decoration:none;transition:all .2s;font-size:.95rem}.social-btn:hover{color:#aaa}.social-btn svg{width:20px;height:20px;fill:#666}.social-btn:hover svg{fill:#aaa}.social-item{position:relative}.social-dropdown{display:none;position:absolute;bottom:100%;left:0;background-color:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:5px;padding:.5rem 0;margin-bottom:.5rem;min-width:200px;z-index:1000;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.social-item.active .social-dropdown{display:block;animation:dropdownFadeIn .3s ease forwards}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.social-dropdown a{display:block;padding:.75rem 1rem;color:#666;text-decoration:none;transition:all .2s;font-size:.9rem}.social-dropdown a:hover{color:#aaa;background-color:#ffffff0d}.social-btn.has-dropdown{cursor:pointer}.footer-bottom{text-align:center;padding-top:2rem}footer p{color:#555;font-size:.875rem;margin:0}@media(max-width:768px){.hero h1{font-size:2rem}.nav-links{gap:1rem}.nav-links a{padding:.5rem;font-size:.875rem}.feature-row,.feature-row.reverse{grid-template-columns:1fr;direction:ltr}.info-row{flex-direction:column;gap:.5rem}}