@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--bg-color:#030303;--card-bg:#0a0a0a66;--text-main:#fff;--text-muted:#a0a0a0;--glass-border:#ffffff1a;--glass-border-hover:#ffffff40;--glass-blur:blur(40px) saturate(200%);--glass-shadow:0 10px 40px #000c}html{scroll-behavior:smooth;scrollbar-width:none}body::-webkit-scrollbar{display:none}body{background:var(--bg-color);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.6;overflow-x:clip}.content-wrapper{width:100%;position:relative}.container{z-index:10;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}.navbar{z-index:1000;justify-content:center;width:100%;padding:0 20px;animation:1s cubic-bezier(.16,1,.3,1) forwards slideDown;display:flex;position:fixed;top:30px;left:0}.glass-container{color:#fff;background:0 0;border-radius:999px;align-items:center;transition:all .4s cubic-bezier(.175,.885,.32,2.2);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006,0 0 0 .5px #ffffff14}.glass-filter{border-radius:inherit;z-index:0;-webkit-backdrop-filter:blur(20px)saturate(160%);filter:url(#lensFilter);position:absolute;inset:0}.glass-overlay{border-radius:inherit;z-index:1;background:#ffffff14;position:absolute;inset:0}.glass-specular{border-radius:inherit;z-index:2;position:absolute;inset:0;box-shadow:inset 1px 1px #ffffff59,inset 0 0 8px #ffffff1a}.glass-content{z-index:3;justify-content:center;align-items:center;gap:4px;padding:6px 8px;display:flex;position:relative}.glass-item{color:#fff9;cursor:pointer;border-radius:999px;flex-direction:row;align-items:center;gap:8px;padding:10px 22px;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .25s,background .25s;display:flex}.glass-item:hover{color:#fff;background:#ffffff12}.glass-item--active{color:#fff;background:#ffffff26;box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #0000001a}@property --angle-1{syntax:"<angle>";inherits:false;initial-value:-75deg}@property --angle-2{syntax:"<angle>";inherits:false;initial-value:-45deg}.nav-glass-wrap{z-index:2;background:0 0;border-radius:999vw;text-decoration:none;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative}.nav-glass-btn{--border-width:1px;all:unset;cursor:pointer;z-index:3;border-radius:999vw;justify-content:center;align-items:center;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.nav-glass-btn.active-btn{-webkit-backdrop-filter:blur(4px);background:linear-gradient(-75deg,#ffffff0d,#fff3,#ffffff0d);box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #fff6,0 .25em .125em -.125em #0003,inset 0 0 .1em .25em #fff3,0 0 #fff}.nav-glass-btn.inactive-btn:hover{background:#ffffff0d}.nav-glass-btn.active-btn:hover{transform:scale(.975);box-shadow:inset 0 .125em .125em #0000000d,inset 0 -.125em .125em #ffffff80,0 .15em .05em -.1em #00000040,inset 0 0 .05em .1em #ffffff80,0 0 #fff}.nav-glass-content{-webkit-user-select:none;user-select:none;color:#fff;align-items:center;gap:8px;padding:10px 24px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .4s cubic-bezier(.25,1,.5,1);display:flex;position:relative}.nav-glass-btn.inactive-btn .nav-glass-content{color:#ffffff8c}.nav-glass-wrap:hover .inactive-btn .nav-glass-content{color:#fff}.nav-glass-btn.active-btn .nav-glass-content{text-shadow:0 .25em .05em #0000001a}.nav-glass-btn.active-btn:hover .nav-glass-content{text-shadow:.025em .025em .025em #0000001f}.nav-glass-btn.active-btn .nav-glass-content:after{content:"";z-index:1;box-sizing:border-box;background:linear-gradient(var(--angle-2), #fff0 0%, #fff6 40% 50%, #fff0 55%);mix-blend-mode:screen;pointer-events:none;background-position:0%;background-size:200% 200%;border-radius:999vw;width:calc(100% - 1px);height:calc(100% - 1px);transition:background-position .5s,--angle-2 .5s;display:block;position:absolute;top:.5px;left:.5px;overflow:clip}.nav-glass-btn.active-btn:hover .nav-glass-content:after{background-position:25%}.nav-glass-btn.active-btn:after{content:"";z-index:1;box-sizing:border-box;background:conic-gradient(from var(--angle-1) at 50% 50%, #ffffff1a, #fff0 5% 40%, #ffffff4d 50%, #fff0 60% 95%, #ffffff1a), linear-gradient(180deg, #ffffff4d, #ffffff1a);-webkit-mask-composite:xor;border-radius:999vw;width:calc(100% + 1px);height:calc(100% + 1px);padding:1px;transition:all .4s,--angle-1 .5s;position:absolute;inset:-.5px 0 0 -.5px;box-shadow:inset 0 0 0 .5px #ffffff4d;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.nav-glass-btn.active-btn:hover:after{--angle-1:-125deg}.nav-glass-shadow{--shadow-cuttoff-fix:2em;width:calc(100% + var(--shadow-cuttoff-fix));height:calc(100% + var(--shadow-cuttoff-fix));top:calc(0% - var(--shadow-cuttoff-fix) / 2);left:calc(0% - var(--shadow-cuttoff-fix) / 2);filter:blur(8px);pointer-events:none;position:absolute}.nav-glass-shadow:after{content:"";z-index:0;width:calc(100% - var(--shadow-cuttoff-fix) - .25em);height:calc(100% - var(--shadow-cuttoff-fix) - .25em);inset:0;top:calc(var(--shadow-cuttoff-fix) - .5em);left:calc(var(--shadow-cuttoff-fix) - .875em);box-sizing:border-box;-webkit-mask-composite:xor;background:linear-gradient(#ffffff1a,#ffffff0d);border-radius:999vw;padding:.125em;transition:all .4s;position:absolute;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.nav-glass-wrap.active:hover .nav-glass-shadow{filter:blur(4px)}.nav-glass-wrap.active:hover .nav-glass-shadow:after{top:calc(var(--shadow-cuttoff-fix) - .875em)}.center-absolute{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.shadowboy-gradient{letter-spacing:-3px;background:linear-gradient(90deg,#fff,#a2a2a2,#4a4a4a,#a2a2a2,#fff) 0 0/200%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:7rem;font-weight:900;animation:4s linear infinite shine}@keyframes shine{to{background-position:200%}}.hero-subtitle{color:var(--text-muted);text-align:center;opacity:.8;max-width:600px;margin-bottom:4rem;font-size:1.25rem;line-height:1.8}.hero-buttons{gap:20px;display:flex}.btn{border-radius:100px;align-items:center;gap:10px;padding:18px 40px;font-size:1.05rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex}.btn-primary{color:#000;background:#fff;box-shadow:0 0 20px #ffffff26}.btn-primary:hover{box-shadow:0 10px 40px #fff6}.btn-secondary{background:var(--card-bg);color:#fff;border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur)}.btn-secondary:hover{border-color:var(--glass-border-hover);background:#ffffff1a}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;width:100%;margin-top:100px;display:grid}.stat-card{background:var(--card-bg);border:1px solid var(--glass-border);text-align:center;-webkit-backdrop-filter:var(--glass-blur);box-shadow:var(--glass-shadow);border-radius:32px;padding:50px 30px;transition:all .5s cubic-bezier(.25,.8,.25,1)}.stat-card:hover{border-color:var(--glass-border-hover);background:#19191999;transform:translateY(-15px);box-shadow:0 20px 50px #000c}.stat-value{background:linear-gradient(#fff,#555);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:10px;font-size:4.5rem;font-weight:900;line-height:1}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;justify-content:center;align-items:center;gap:10px;font-size:1.2rem;font-weight:600;display:flex}.commands-page{min-height:100vh;padding-top:150px}.page-header{text-align:center;margin-bottom:60px}.page-title{letter-spacing:-2px;margin-bottom:1rem;font-size:5rem;font-weight:900}.filters-container{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:60px;display:flex}.filter-pill{color:#888;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:100px;padding:10px 24px;font-size:.9rem;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1)}.filter-pill.active{color:#000;background:#fff;border-color:#fff;box-shadow:0 0 35px #fff6}.filter-pill:hover:not(.active){border-color:var(--glass-border-hover);color:#fff;transform:translateY(-2px)}.commands-list{flex-direction:column;gap:12px;max-width:900px;margin:0 auto;padding-bottom:150px;display:flex}.command-row-card{-webkit-backdrop-filter:blur(20px)saturate(180%);background:#ffffff03;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;padding:18px 24px;transition:all .3s;display:flex}.command-row-card:hover{background:#ffffff08;border-color:#fff3}.command-row-left{flex:1;align-items:center;gap:20px;display:flex;overflow:hidden}.command-name{color:#fff;white-space:nowrap;font-size:1.15rem;font-weight:800}.command-desc{color:#777;white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.command-row-right{align-items:center;display:flex}.command-category.highlight{color:#bbb;text-transform:uppercase;letter-spacing:1px;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:6px 14px;font-size:.75rem;font-weight:700}.footer-container{border-top:1px solid var(--glass-border);width:100%;-webkit-backdrop-filter:var(--glass-blur);z-index:10;background:#050505cc;margin-top:80px;padding:60px 24px 40px;position:relative}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:0 auto;display:flex}.footer-brand h3{letter-spacing:-1px;margin-bottom:8px;font-size:2rem;font-weight:900}.footer-brand p{color:var(--text-muted);font-size:.95rem}.footer-links{gap:30px;display:flex}.footer-links a{color:var(--text-muted);font-weight:600;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#fff}.footer-bottom{text-align:center;color:#555;max-width:1200px;margin:40px auto 0;font-size:.85rem;font-weight:500}.loading-container{justify-content:center;align-items:center;min-height:50vh;display:flex}.spinner{border:4px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:60px;height:60px;animation:1s cubic-bezier(.25,.8,.25,1) infinite spin}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=768px){.shadowboy-gradient{font-size:4rem}.page-title{font-size:3.5rem}.footer-content{text-align:center;flex-direction:column}.hero-buttons{flex-direction:column}}
