:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{width:100%;margin:0;padding:0}:root{--color-bg:#000;--color-card:#0b0b0e;--color-border:#14141a;--color-border-hover:#22222d;--color-primary:#39e72c;--color-primary-hover:#29c81c;--color-primary-glow:#39e72c26;--color-text-primary:#fff;--color-text-secondary:#8e929f;--font-family:"Plus Jakarta Sans", system-ui, sans-serif;--transition-smooth:all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex;position:relative}.bg-glow{pointer-events:none;filter:blur(140px);z-index:0;opacity:.12;border-radius:50%;position:absolute}.bg-glow-top{background-color:var(--color-primary);width:500px;height:500px;top:-150px;right:-50px}.bg-glow-center{background-color:var(--color-primary);width:600px;height:600px;top:40%;left:-200px}.header{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);background:#000c;justify-content:space-between;align-items:center;padding:1.5rem 6%;display:flex;position:sticky;top:0}.logo-container{cursor:pointer;align-items:center;gap:.75rem;display:flex}.logo-img{object-fit:contain;width:28px;height:28px;filter:drop-shadow(0 0 6px var(--color-primary))}.logo-brand-text{flex-direction:column;align-items:flex-start;line-height:1.1;display:flex}.logo-main-text{color:#fff;letter-spacing:-.5px;font-size:1.15rem;font-weight:800}.logo-main-text span{font-weight:800}.logo-sub-text{color:var(--color-text-secondary);letter-spacing:.5px;text-transform:uppercase;font-size:.65rem;font-weight:600}.header-actions{align-items:center;gap:1.25rem;display:flex}.btn-primary{background-color:var(--color-primary);color:#000;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.65rem 1.35rem;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 0 15px #39e72c59}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 0 25px #39e72c99}.btn-secondary{color:#fff;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600}.btn-secondary:hover{color:var(--color-primary)}.btn-outline{border:1px solid var(--color-border);color:#fff;font-family:var(--font-family);cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:6px;padding:.65rem 1.35rem;font-size:.9rem;font-weight:600}.btn-outline:hover{border-color:var(--color-primary);background:#39e72c0a}.btn-large{border-radius:6px;padding:.85rem 1.75rem;font-size:.95rem}.hero-section{z-index:10;grid-template-columns:1.1fr 1.3fr;align-items:center;gap:4rem;padding:5rem 6% 3rem;display:grid;position:relative}.hero-content{flex-direction:column;gap:1.5rem;display:flex}.hero-title{letter-spacing:-1.5px;font-size:3.1rem;font-weight:800;line-height:1.15}.highlight-green{color:var(--color-primary)}.hero-subtitle{color:var(--color-text-secondary);max-width:500px;font-size:1.15rem;line-height:1.6}.hero-buttons{align-items:center;gap:1.25rem;margin-top:.5rem;display:flex}.hero-subtext{color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-top:1rem;font-size:.85rem;font-weight:500;display:flex}.dot-green{background-color:var(--color-primary);width:6px;height:6px;box-shadow:0 0 6px var(--color-primary);border-radius:50%}.hero-visual{justify-content:center;align-items:center;display:flex}.dashboard-mockup{border:1px solid var(--color-border);width:100%;max-width:620px;transition:var(--transition-smooth);background:#0b0b0ed9;border-radius:12px;grid-template-columns:160px 1fr;display:grid;overflow:hidden;transform:perspective(1000px)rotateY(-8deg)rotateX(4deg);box-shadow:0 15px 35px #000000b3,0 0 35px #39e72c14}.dashboard-mockup:hover{border-color:#39e72c40;transform:perspective(1000px)rotateY(0)rotateX(0)scale(1.01);box-shadow:0 20px 45px #000c,0 0 50px #39e72c26}.mockup-sidebar{border-right:1px solid var(--color-border);background:#08080af2;flex-direction:column;gap:1.5rem;padding:1.25rem .75rem;display:flex}.sidebar-logo{align-items:center;gap:.4rem;display:flex}.sidebar-logo-img{object-fit:contain;width:14px;height:14px}.sidebar-logo-text{flex-direction:column;line-height:1;display:flex}.sidebar-logo-text .main{color:#fff;font-size:.65rem;font-weight:800}.sidebar-logo-text .sub{color:var(--color-text-secondary);font-size:.4rem}.sidebar-nav{flex-direction:column;gap:.35rem;display:flex}.nav-item{color:var(--color-text-secondary);cursor:pointer;border-radius:4px;align-items:center;gap:.6rem;padding:.5rem .6rem;font-size:.7rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{color:#fff;background:#ffffff08}.nav-item.active{color:var(--color-primary);background:#39e72c14;font-weight:600}.mockup-panel{background:#060608;flex-direction:column;display:flex}.panel-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}.panel-search{color:#2a2a35;background:#0f0f13;border-radius:4px;width:100px;height:20px;padding:.35rem .75rem}.panel-actions{align-items:center;gap:.75rem;display:flex}.panel-notif{color:var(--color-text-secondary);position:relative}.notif-badge{background:var(--color-primary);color:#000;border-radius:50%;justify-content:center;align-items:center;width:9px;height:9px;font-size:.45rem;font-weight:900;display:flex;position:absolute;top:-4px;right:-4px}.panel-user{background:#1c1c24;border-radius:50%;width:16px;height:16px}.panel-body{flex-direction:column;gap:1.25rem;max-height:400px;padding:1.25rem;display:flex;overflow-y:auto}.panel-title{color:#fff;font-size:.95rem;font-weight:700}.panel-stats-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.p-stat-card{border:1px solid var(--color-border);background:#0b0b0e;border-radius:6px;flex-direction:column;gap:.25rem;padding:.6rem;display:flex}.p-stat-label{color:var(--color-text-secondary);font-size:.55rem;font-weight:500}.p-stat-val-wrapper{justify-content:space-between;align-items:baseline;display:flex}.p-stat-val{font-size:.9rem;font-weight:800}.p-stat-change{color:var(--color-primary);font-size:.55rem;font-weight:700}.p-stat-sub{color:var(--color-text-secondary);font-size:.55rem}.panel-middle-row{grid-template-columns:1fr 120px;gap:.75rem;display:grid}.p-chart-card{border:1px solid var(--color-border);background:#0b0b0e;border-radius:6px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.p-chart-header{color:var(--color-text-secondary);justify-content:space-between;font-size:.6rem;font-weight:600;display:flex}.p-chart-time{background:#14141a;border-radius:2px;padding:.15rem .4rem;font-size:.5rem}.p-chart-area{flex-direction:column;display:flex}.svg-chart{width:100%;height:48px}.chart-x-axis{color:#4b5563;justify-content:space-between;margin-top:.2rem;font-size:.45rem;display:flex}.p-radial-card{border:1px solid var(--color-border);background:#0b0b0e;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;display:flex}.radial-svg-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.r-text{fill:#fff;text-anchor:middle;font-size:.5rem;font-weight:800}.radial-label{color:var(--color-text-secondary);text-align:center;font-size:.6rem;font-weight:600}.panel-lists-row{grid-template-columns:1.1fr 1.3fr;gap:.75rem;display:grid}.p-list-card{border:1px solid var(--color-border);background:#0b0b0e;border-radius:6px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.p-list-card h5{color:var(--color-text-secondary);font-size:.65rem;font-weight:700}.p-list-items{flex-direction:column;gap:.4rem;display:flex}.p-list-item{border-bottom:1px solid #14141a;justify-content:space-between;padding-bottom:.3rem;font-size:.55rem;font-weight:500;display:flex}.p-list-item:last-child{border-bottom:none;padding-bottom:0}.item-status.online{color:var(--color-primary);font-weight:700}.item-time{color:var(--color-text-secondary)}.features-section{z-index:10;padding:5rem 6%;position:relative}.features-grid{border-bottom:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);gap:3rem;padding-bottom:5rem;display:grid}.feature-item{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.feature-icon-wrapper{background:#39e72c0f;border:1px solid #39e72c26;border-radius:10px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:.5rem;display:flex}.feature-item h3{color:#fff;font-size:1.15rem;font-weight:700}.feature-item p{color:var(--color-text-secondary);max-width:280px;font-size:.95rem;line-height:1.5}.security-banner-section{z-index:10;padding:2rem 6% 6rem;position:relative}.security-card{border:1px solid var(--color-border);background:#040405;border-radius:12px;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto;padding:2rem 3rem;display:flex}.security-card-left{align-items:center;gap:1.75rem;display:flex}.security-lock-icon{background:#39e72c0f;border:1px solid #39e72c26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.security-text-content h3{color:#fff;margin-bottom:.25rem;font-size:1.25rem;font-weight:700}.security-text-content p{color:var(--color-text-secondary);font-size:.95rem}.security-card-right{flex-shrink:0}.uptime-percentage-card{border:1.5px solid var(--color-primary);text-align:center;background:#39e72c0a;border-radius:10px;padding:1.25rem 2.25rem;box-shadow:0 0 15px #39e72c1a}.uptime-percentage-card h2{color:var(--color-primary);font-size:2rem;font-weight:800;line-height:1.1}.uptime-percentage-card span{color:var(--color-text-secondary);font-size:.75rem;font-weight:600}.footer{border-top:1px solid var(--color-border);z-index:10;background-color:#000;justify-content:space-between;align-items:center;padding:3rem 6%;display:flex;position:relative}.footer-logo{align-items:center;gap:.5rem;display:flex}.footer-copyright{color:#4b5563;font-size:.85rem}.footer-nav-social{align-items:center;gap:2rem;display:flex}.footer-link{color:var(--color-text-secondary);transition:var(--transition-smooth);font-size:.85rem;font-weight:500;text-decoration:none}.footer-link:hover{color:var(--color-primary)}.footer-discord-icon{color:#4b5563;transition:var(--transition-smooth);justify-content:center;align-items:center;display:flex}.footer-discord-icon:hover{color:var(--color-primary)}@media (width<=1024px){.hero-section{text-align:center;grid-template-columns:1fr;gap:3.5rem;padding-top:4rem}.hero-content{align-items:center}.hero-subtitle{margin:0 auto}.hero-buttons,.hero-subtext{justify-content:center}.features-grid{grid-template-columns:1fr;gap:3.5rem}.security-card{text-align:center;flex-direction:column;gap:2rem}.security-card-left{flex-direction:column;gap:1rem}.footer{text-align:center;flex-direction:column;gap:2rem}}@media (width<=600px){.hero-title{font-size:2.25rem}.hero-buttons{flex-direction:column;width:100%}.hero-buttons button{justify-content:center;width:100%}.dashboard-mockup{grid-template-columns:1fr}.mockup-sidebar{display:none}.panel-stats-grid{grid-template-columns:repeat(2,1fr)}.panel-middle-row,.panel-lists-row{grid-template-columns:1fr}}