@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap");:root{--primary-gradient:linear-gradient(135deg,#a5b4fc,#c4b5fd);--hero-gradient:linear-gradient(135deg,#a5b4fc,#c4b5fd 50%,#fbb6ce);--card-gradient:linear-gradient(145deg,#fff,#f8fafc);--button-gradient:linear-gradient(135deg,#a5b4fc,#c4b5fd);--success-gradient:linear-gradient(135deg,#7dd3fc,#67e8f9);--warning-gradient:linear-gradient(135deg,#fda4af,#fef08a);--danger-gradient:linear-gradient(135deg,#fb7185,#a78bfa);--bg-main:linear-gradient(135deg,#f8fafc,#e2e8f0);--bg-secondary:linear-gradient(135deg,#f0f9ff,#e0f2fe);--text-primary:#2d3748;--text-secondary:#4a5568;--text-muted:#718096;--white:#fff;--border-color:hsla(0,0%,100%,.2);--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.1);--shadow-lg:0 8px 25px rgba(0,0,0,.15);--shadow-xl:0 20px 40px rgba(0,0,0,.1);--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}body{margin:0;padding:0;font-family:Inter,-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;background:var(--bg-main);color:var(--text-primary);line-height:1.6}.modern-card{background:var(--card-gradient);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.modern-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.glass-card{background:hsla(0,0%,100%,.25);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);border:1px solid hsla(0,0%,100%,.18);box-shadow:var(--shadow-lg)}.btn-gradient{background:var(--button-gradient);border:none;border-radius:var(--radius-md);color:#fff;font-weight:600;padding:12px 24px;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-sm);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-gradient:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);text-decoration:none;color:#fff}.btn-gradient-success{background:var(--success-gradient)}.btn-gradient-warning{background:var(--warning-gradient)}.btn-gradient-danger{background:var(--danger-gradient)}.hero-gradient-bg{background:var(--hero-gradient);position:relative;overflow:hidden}.hero-gradient-bg:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><defs><radialGradient id="a" cx="50%" cy="50%"><stop offset="0%" stop-color="%23ffffff" stop-opacity="0.1"/><stop offset="100%" stop-color="%23ffffff" stop-opacity="0"/></radialGradient></defs><rect width="100%" height="100%" fill="url(%23a)"/></svg>');pointer-events:none}@media (min-width:769px){.image-class{background:var(--hero-gradient);min-height:200px;border-radius:var(--radius-xl);margin:20px;position:relative;overflow:hidden}.image-class:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent 50%,hsla(0,0%,100%,.1));pointer-events:none}.text-container{padding:40px 20px;font-size:28px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}}@media (max-width:768px){.image-class{background:var(--hero-gradient);min-height:180px;border-radius:var(--radius-lg);margin:15px;position:relative;overflow:hidden}.image-class:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent 50%,hsla(0,0%,100%,.1));pointer-events:none}.text-container{padding:30px 15px;font-size:22px;font-weight:700;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.cards{background:var(--card-gradient);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid hsla(0,0%,100%,.3);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden;position:relative}.cards:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.cards:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.cards:hover:before{opacity:1}.status-indicator{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-online{background:var(--success-gradient);color:#fff}.status-offline{background:var(--danger-gradient);color:#fff}.status-testing{background:var(--warning-gradient);color:#fff}.modern-progress{background:hsla(0,0%,100%,.2);border-radius:10px;overflow:hidden;height:8px}.modern-progress .ant-progress-bg{background:var(--success-gradient)!important;border-radius:10px}@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;400;600&display=swap");*,:after,:before{box-sizing:border-box}*{margin:0}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}:root{--Red:#ea5353;--Cyan:#45d3d3;--Orange:#fcaf4a;--Blue:#549ef2;--Very-Dark-Blue:#4c4e61;--Grayish-Blue:#a3a5ae;--Very-Light-Gray:#fafafa}body{display:flex;justify-content:center;font-family:Poppins,sans-serif;font-size:.9rem;color:var(--Very-Dark-Blue);background-color:var(--Very-Light-Gray)}section{max-width:25rem;margin-top:4rem}.feature{position:relative;max-width:21rem;height:15rem;margin:2rem auto;padding:2em;border-radius:.75em;box-shadow:5px 5px 20px rgba(0,0,0,.15);text-align:left;transition:transform .2s ease-in}.feature:hover{transform:scale(1.03)}.feature__desc{margin-top:.5em;color:var(--Grayish-Blue)}.feature__img{position:absolute;bottom:10%;right:10%}.section__title{margin:0 auto;max-width:90%;font-size:1.65rem;font-weight:300;line-height:1.5em;text-align:center}.section__title span{font-weight:700}.section__desc{max-width:32ch;margin:1rem auto 3rem;color:var(--Grayish-Blue);font-size:1rem;text-align:center}.feature-one{border-top:5px solid var(--Cyan)}.feature-two{border-top:5px solid var(--Red)}.feature-three{border-top:5px solid var(--Orange)}.feature-four{border-top:5px solid var(--Blue)}footer{position:absolute;top:0}.attribution{color:var(--Very-Dark-Blue);opacity:.7}.attribution a{color:var(--Blue);text-decoration:underline}.attribution a:hover{color:var(--Cyan)}@media (min-width:1000px){section{max-width:200rem}.section__title{margin:0 auto;max-width:40%;font-size:2rem}.section__desc{max-width:55ch;margin:1rem auto}.features{display:flex;gap:2rem}.feature-four,.feature-one{margin:auto 0}}.sub-hero-text{font-size:clamp(1rem,2.5vw,1.3rem);font-weight:500;font-family:Inter,sans-serif;color:hsla(0,0%,100%,.9);margin-bottom:1rem}.hero-text{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;font-family:Poppins,sans-serif;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1.2}.container-flex{min-height:100vh;background:var(--bg-main)}.navbar{background:hsla(0,0%,100%,.95)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid hsla(0,0%,100%,.2);box-shadow:var(--shadow-sm)}.ant-table{background:transparent!important;border-radius:15px!important;overflow:hidden!important}.ant-table-thead>tr>th{background:linear-gradient(135deg,#fed7aa,#fdba74 50%,#fb923c)!important;border-bottom:none!important;font-weight:700!important;color:#1f2937!important;padding:20px 16px!important;font-size:14px!important;text-transform:uppercase!important;letter-spacing:.5px!important;text-shadow:0 1px 2px hsla(0,0%,100%,.3)!important;position:relative!important}.ant-table-thead>tr>th:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent 50%);pointer-events:none}.ant-table-tbody>tr>td{border-bottom:1px solid rgba(226,232,240,.3)!important;padding:18px 16px!important;background:hsla(0,0%,100%,.7)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;position:relative!important}.ant-table-tbody>tr:nth-child(2n)>td{background:rgba(248,250,252,.8)!important}.ant-table-tbody>tr:hover>td{background:linear-gradient(135deg,rgba(165,180,252,.1),rgba(196,181,253,.1))!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(165,180,252,.15)!important}.ant-table-tbody>tr:hover{position:relative;z-index:2}.ant-table-tbody>tr{transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:8px}.ant-table-tbody>tr>td:first-child{border-radius:8px 0 0 8px;padding-left:20px!important;position:relative}.ant-table-tbody>tr>td:first-child:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:0 4px 4px 0;opacity:0;transition:opacity .3s ease}.ant-table-tbody>tr:hover>td:first-child:before{opacity:1}.ant-table-tbody>tr>td:last-child{border-radius:0 8px 8px 0;padding-right:20px!important}.ant-table .table-row-even>td{background:hsla(0,0%,100%,.8)!important}.ant-table .table-row-odd>td{background:rgba(248,250,252,.9)!important}.ant-table-tbody>tr{animation:tableRowFadeIn .6s ease-out;animation-fill-mode:both}.ant-table-tbody>tr:first-child{animation-delay:.1s}.ant-table-tbody>tr:nth-child(2){animation-delay:.2s}.ant-table-tbody>tr:nth-child(3){animation-delay:.3s}.ant-table-tbody>tr:nth-child(4){animation-delay:.4s}.ant-table-tbody>tr:nth-child(5){animation-delay:.5s}.ant-table-tbody>tr:nth-child(n+6){animation-delay:.6s}@keyframes tableRowFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ant-table-tbody>tr>td a{font-weight:600!important;color:var(--primary-color)!important;text-decoration:none!important;transition:all .3s ease!important}.ant-table-tbody>tr>td a:hover{color:var(--primary-dark)!important;text-shadow:0 2px 4px rgba(102,126,234,.3)!important}.ant-tag{border-radius:20px!important;padding:4px 12px!important;font-weight:600!important;font-size:12px!important;text-transform:uppercase!important;letter-spacing:.5px!important;border:none!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important;position:relative!important;overflow:hidden!important}.ant-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);transition:left .5s}.ant-tag:hover:before{left:100%}.ant-table .ant-btn{border-radius:25px!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:6px 18px!important;height:auto!important;border:2px solid transparent!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;color:#fff!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important}.ant-table .ant-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px rgba(79,70,229,.5)!important;border-color:hsla(0,0%,100%,.5)!important}body,html{overflow-x:hidden!important;max-width:100vw!important}*{max-width:100%!important;box-sizing:border-box!important}.container-fluid{max-width:100vw!important;overflow-x:hidden!important;padding:0!important}.container{max-width:100%!important;padding:0 15px!important;margin:0 auto!important}@media (min-width:1400px){.container{max-width:1400px!important}}@media (min-width:1200px) and (max-width:1399px){.container{max-width:1200px!important}}@media (min-width:992px) and (max-width:1199px){.container{max-width:100%!important}}.hero-gradient-bg{margin:0!important;border-radius:0!important;max-width:100vw!important;overflow:hidden!important}@media (max-width:768px){.navbar{padding:8px 0!important}.container-fluid{padding:0 12px!important}.navbar-brand{font-size:18px!important;margin-right:8px!important}.d-flex.align-items-center{gap:6px!important;flex-wrap:nowrap!important;flex-shrink:0!important}.btn-gradient{padding:6px 10px!important;white-space:nowrap!important}.btn-gradient,.language-btn{font-size:11px!important;border-radius:8px!important}.language-btn{padding:6px 8px!important;min-width:auto!important}.language-btn .anticon{font-size:10px!important}.language-text{display:none!important}}@media (max-width:480px){.container-fluid{padding:0 8px!important}.navbar-brand{font-size:16px!important}.btn-gradient{padding:5px 8px!important;font-size:10px!important}.language-btn{padding:5px 6px!important}.language-text{display:none!important}}@media (max-width:360px){.navbar-brand{font-size:14px!important}.btn-gradient{padding:4px 6px!important;font-size:9px!important}.language-btn{padding:4px 5px!important}}@media (max-width:768px){.hero-buttons{flex-direction:column!important;gap:12px!important;align-items:center!important;max-width:280px!important;margin:0 auto!important}.hero-buttons .ant-btn{width:100%!important;max-width:200px!important;padding:12px 24px!important;font-size:14px!important;border-radius:10px!important}.hero-gradient-bg{margin:0 10px!important;border-radius:0 0 20px 20px!important;padding:15px 0!important}.hero-gradient-bg .container{padding:0 15px!important}.hero-gradient-bg .row{min-height:180px!important;text-align:center!important;padding:10px 0!important}.hero-text{font-size:clamp(1.6rem,7vw,2.2rem)!important;line-height:1.2!important;margin-bottom:.6rem!important}.sub-hero-text{font-size:clamp(.9rem,3.5vw,1.1rem)!important;line-height:1.3!important;margin-bottom:1.2rem!important}.hero-buttons{flex-direction:column!important;gap:10px!important;align-items:center!important;max-width:260px!important;margin:0 auto!important}.hero-buttons .ant-btn{width:100%!important;max-width:180px!important;padding:10px 20px!important;font-size:13px!important;border-radius:10px!important}.col-lg-5{margin-top:15px!important;display:flex!important;justify-content:center!important}.hero-image{max-width:180px!important;height:auto!important}}@media (max-width:480px){.hero-gradient-bg{margin:0 5px!important;border-radius:0 0 15px 15px!important}.navbar-brand{font-size:18px!important}.hero-text{font-size:clamp(1.5rem,8vw,2rem)!important}.sub-hero-text{font-size:clamp(.9rem,4vw,1.1rem)!important}}.ant-table-wrapper{overflow-x:auto!important;max-width:100%!important}.ant-table{min-width:600px!important}@media (max-width:768px){.ant-table{min-width:500px!important;font-size:12px!important}.ant-table-thead>tr>th{padding:12px 8px!important;font-size:11px!important}.ant-table-tbody>tr>td{padding:12px 8px!important;font-size:12px!important}.ant-table .ant-btn{padding:4px 12px!important;font-size:10px!important;height:28px!important}.container{padding:0 15px}.modern-card{margin:10px 5px!important;padding:1rem!important}.btn-gradient{padding:10px 20px;font-size:13px}.glass-card,.modern-card{max-width:calc(100vw - 20px)!important;box-sizing:border-box!important}.hero-text{font-size:clamp(1.8rem,6vw,2.5rem)!important}.sub-hero-text{font-size:clamp(1rem,4vw,1.2rem)!important}}.loading-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.floating-button{position:fixed;bottom:30px;right:30px;background:var(--button-gradient);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.floating-button:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}