@import"https://fonts.googleapis.com/css2?family=Jura&display=swap";html,body{margin:0;padding:0;height:100vh;width:100vw;background:#000;font-family:Tomorrow,sans-serif;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}#root{width:100vw;height:100vh;position:relative;display:flex;align-items:center;justify-content:center}.matrix-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.app-frame-wrapper{position:absolute;width:400px;height:700px;top:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:1;padding:20px 0}.start-page-content{width:100%;height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5}.button-slot.top{position:absolute;top:-497px;transform:translate(-50%);z-index:9999990;left:69px}.button-slot.bottom{position:absolute;bottom:-141px;transform:translate(-50%);z-index:9999920;left:-100px}.nav-button{font-family:Tomorrow,sans-serif;font-size:14px;color:#fff;background:transparent;border:2px solid #ffd700;border-radius:6px;padding:6px 16px;cursor:pointer;z-index:20;transition:all .2s ease}.nav-button:hover{background:gold;color:#000}.space-mono-regular{font-family:Space Mono,monospace;font-weight:400;font-style:normal}.space-mono-bold{font-family:Space Mono,monospace;font-weight:700;font-style:normal}.space-mono-regular-italic{font-family:Space Mono,monospace;font-weight:400;font-style:italic}.space-mono-bold-italic{font-family:Space Mono,monospace;font-weight:700;font-style:italic}.main-frame-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:4;display:block}.main-frame-container{width:400px;height:700px;position:absolute;top:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;justify-content:space-between;transition:width .6s ease;z-index:3}.main-frame-container.expanded{width:1000px}.mainframegold-inner-layer{position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:url(/startpagebackground4.png) center / cover no-repeat;border-radius:10px;opacity:1;animation:fadeInMainFrameInner 1.2s ease-in-out forwards;z-index:3}.main-frame-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;box-sizing:border-box;z-index:2}@keyframes fadeInMainFrameInner{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.si-buttons-scifi__style-3__button-1{--font-family: "Jura", monospace;--font-size: 16px;--color: white;--background-color: #0d0a11;--border-color: #b49f1a;--border-width: 1px;--border-cut: 4px;font-family:var(--font-family);font-size:var(--font-size);color:var(--color)!important;border:0;display:inline-flex;align-items:center;justify-content:center;position:relative;cursor:pointer;transition:.3s;padding:15px 30px;background-color:transparent;min-height:30px;min-width:70px;z-index:1;outline:0;-webkit-user-select:none;user-select:none}.si-buttons-scifi__style-3__button-1:before,.si-buttons-scifi__style-3__button-1:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border-color);clip-path:var(--button-shape);z-index:-1;box-shadow:inset 0 0 25px -10px var(--border-color)}.si-buttons-scifi__style-3__button-1:after{inset:var(--border-width);background:var(--background-color)}.si-buttons-scifi__style-3__button-1 helper-1{content:"";position:absolute;inset:calc(var(--border-cut) / 2);background:var(--border-color);z-index:-2}.si-buttons-scifi__style-3__button-1 ripple{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:var(--button-shape)}.si-buttons-scifi__style-3__button-1 ripple:after{content:"";position:absolute;inset:0 auto 0 -200%;width:200%;transform:skew(-20deg);opacity:.5;background-image:linear-gradient(to right,transparent,var(--border-color),transparent)}.si-buttons-scifi__style-3__button-1:hover ripple:after{left:200%;transition:1.6s ease}.si-buttons-scifi__style-3__button-1 ripple:before{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:skew(-10deg);border-radius:100vh;--ripple-color: var(--border-color)}.si-buttons-scifi__style-3__button-1:focus ripple:before{animation:ripple-animation .7s ease-in-out forwards}.si-buttons-scifi__style-3__button-1:active ripple:before{animation:unset}.si-buttons-scifi__style-3__button-1 shine{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:var(--button-shape)}.si-buttons-scifi__style-3__button-1 shine:after{content:"";position:absolute;inset:0 auto 0 -70px;width:30px;opacity:.8;background:var(--border-color);transform:skew(-15deg) translate(0);animation:shine 3.5s ease-in-out infinite}.si-buttons-scifi__style-3__button-1:hover shine:after{animation:unset}.si-buttons-scifi__style-3__button-1{--button-shape: polygon( 0 var(--border-cut), var(--border-cut) 0, calc(50% - var(--border-cut) - 10px) 0%, calc(calc(50% - var(--border-cut) - 10px) + var(--border-cut)) var(--border-cut), calc(calc(50% - var(--border-cut) - 10px) + var(--border-cut) + 20px) var(--border-cut), calc(calc(50% - var(--border-cut) - 10px) + var(--border-cut) + 20px + var(--border-cut)) 0, calc(100% - var(--border-cut)) 0, 100% var(--border-cut), 100% calc(50% - var(--border-cut) - 5px), calc(100% - var(--border-cut)) calc(50% - var(--border-cut) - 5px + var(--border-cut)), calc(100% - var(--border-cut)) calc(50% - var(--border-cut) - 5px + var(--border-cut) + 10px), 100% calc(50% - var(--border-cut) - 5px + var(--border-cut) + 10px + var(--border-cut)), 100% calc(100% - var(--border-cut)), calc(100% - var(--border-cut)) 100%, calc(calc(50% - var(--border-cut) - 10px) + var(--border-cut) + 20px + var(--border-cut)) 100%, calc(calc(50% - var(--border-cut) - 10px) + var(--border-cut) + 20px) calc(100% - var(--border-cut)), calc(calc(50% - var(--border-cut) - 10px) + var(--border-cut)) calc(100% - var(--border-cut)), calc(calc(50% - var(--border-cut) - 10px)) 100%, var(--border-cut) 100%, 0 calc(100% - var(--border-cut)), 0 calc(calc(50% - var(--border-cut) - 5px) + var(--border-cut) + 10px + var(--border-cut)), var(--border-cut) calc(calc(50% - var(--border-cut) - 5px) + var(--border-cut) + 10px), var(--border-cut) calc(calc(50% - var(--border-cut) - 5px) + var(--border-cut)), 0 calc(calc(50% - var(--border-cut) - 5px)) )}.start-page-content{top:-172px}.nav-bar-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#060c1ac7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.04);color:#fff;text-transform:uppercase;letter-spacing:.7px;position:relative;min-height:42px;min-width:110px;padding:8px 14px;font-family:Orbitron,sans-serif;font-size:14px;cursor:pointer;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease;will-change:transform,filter;box-sizing:border-box;border-radius:6px;--arwes-frames-bg-color: rgba(0,0,0,0);--arwes-frames-line-color: #b49f1a;--arwes-frames-deco-color: #d7c94f;box-shadow:0 0 10px #b49f1a14,0 4px 10px #00000073 inset}.nav-bar-button__label{position:relative;z-index:3;pointer-events:none;color:#fff;font-weight:600;padding:0 6px}.nav-bar-button:hover{transform:translateY(-1px) scale(1.02);filter:brightness(1.06);box-shadow:0 0 22px #b49f1a24}.nav-bar-button:active{transform:translateY(0) scale(.99)}.nav-bar-button:focus-visible{outline:2px solid #b49f1a;outline-offset:2px}.nav-bar-button.vertical{min-width:86px;min-height:52px;padding:10px;font-size:13px;border-radius:6px}.nav-bar-button.top-right{min-width:100px;min-height:40px;padding:8px 12px;font-size:13px;border-radius:6px}.outer-frame-tab .nav-bar-button{min-width:130px;padding:10px 20px;border-radius:10px;font-size:.85rem}.nav-bar-button svg,.nav-bar-button svg *{stroke:#b49f1a!important;fill:#b49f1a!important;color:#b49f1a!important;stroke-width:2!important;vector-effect:non-scaling-stroke!important}.nav-bar-button svg .arwes-frame-deco,.nav-bar-button svg .frame-deco,.nav-bar-button svg .deco{fill:#d7c94f!important;stroke:#d7c94f!important}.profile-menu{top:314px;left:var(--frame-pad, -119px);transform:translateY(-50%);width:220px;pointer-events:auto;z-index:6;transition:all .6s ease;position:absolute}.profile-menu.shrunk{transform:translate(-423px,-50%);top:364px}.profile-menu.shrunk .profile-frame{transform:scale(.36);transition:transform .45s ease;top:-16px}.profile-portal-target{position:absolute;display:flex;justify-content:center;align-items:center;padding:1rem 0;top:6px}.profile-menu-inner{position:relative;display:flex;flex-direction:column;align-items:center}.profile-frame{width:200px;height:200px;transition:transform .45s ease;pointer-events:none}.menu-header{color:#0ff;text-align:center;margin:6px 0 10px;opacity:0;transform:scale(.95);transition:opacity .4s ease,transform .4s ease}.menu-group.top,.menu-group.bottom{display:flex;flex-direction:column;align-items:center;gap:4px;margin:-200px 0;opacity:0;transform:scale(.95);transition:opacity .4s ease,transform .4s ease}.profile-menu-inner.show-buttons .menu-header,.profile-menu-inner.show-buttons .menu-group.top,.profile-menu-inner.show-buttons .menu-group.bottom{opacity:1;transform:scale(1)}.menu-btn.neon{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;min-width:55px;padding:6px 10px;font-family:Tomorrow,sans-serif;font-weight:600;font-size:12px;letter-spacing:.04em;line-height:1;color:#f0f0a4;background:linear-gradient(180deg,#121212eb,#080808eb);border:2px solid #d4c22a;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;transition:transform .14s ease,border-color .18s ease,color .18s ease,box-shadow .2s ease,background-color .2s ease;box-shadow:0 0 0 2px #d4c22a2e inset,0 0 18px #d4c22a40;margin-bottom:6px}.menu-btn.neon:hover{transform:translateY(-1px);color:#fffde7;border-color:#ffe066;box-shadow:0 0 0 2px #ffe0663d inset,0 0 22px #ffe06659}.profile-frame{width:590px;height:600px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;z-index:2;transition:transform .5s ease,box-shadow .5s ease,border-color .5s ease}.profile-frame-wrapper{width:300px;height:400px;position:relative;display:inline-flex;align-items:center;justify-content:center;margin-bottom:1.5rem;left:5px;z-index:4}.profile-frame.active{transform:scale(.7);box-shadow:0 0 40px #ffd70080;border-color:gold}.profile-pic{position:relative;width:256px;height:460px;object-fit:cover;left:-3px;filter:brightness(1.1) contrast(1.2);z-index:5;top:54px}.si-buttons-scifi__style-8__button-4{--font-family: Jura, monospace;--font-size: 16px;--color: white ;--background-color: #0d0a11;--border-color: #e9f473;--border-width: 1px;--border-cut: 22px;--button-shape: polygon(100% 0, 100% 100%, 0 100%, 0 var(--border-cut), var(--border-cut) 0)}.si-buttons-scifi__style-8__button-4{font-family:var(--font-family);font-size:var(--font-size);color:var(--color)!important;border:0;display:inline-flex;align-items:center;justify-content:center;justify-self:center;align-self:center;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box;text-decoration:none;position:relative;word-spacing:3px;letter-spacing:.4px;cursor:pointer;transition:.3s;line-height:initial;min-height:30px;min-width:70px;white-space:nowrap;z-index:1;-webkit-user-select:none;user-select:none;outline:0;padding:15px 30px;background-color:transparent}.si-buttons-scifi__style-8__button-4:before{content:"";position:absolute;inset:0 -10px 0 auto;width:5px;background:var(--border-color)}.si-buttons-scifi__style-8__button-4:after{content:"";position:absolute;height:6px;width:22px;background:var(--border-color);clip-path:polygon(5px 0%,calc(100% - 5px) 0%,100% 100%,0% 100%);transform:rotate(-45deg);top:3px;left:-5px}.si-buttons-scifi__style-8__button-4 helper-1:after,.si-buttons-scifi__style-8__button-4 helper-1:before{content:"";position:absolute;inset:var(--border-width);background:var(--background-color);z-index:-1;clip-path:var(--button-shape);box-shadow:inset 0 0 25px -10px var(--border-color)}.si-buttons-scifi__style-8__button-4 helper-1:before{top:0;right:0;bottom:0;left:0;background:var(--border-color)}[class*=si-buttons-scifi].disabled,[class*=si-buttons-scifi]:disabled{pointer-events:none;opacity:.5;cursor:default}[class*=si-buttons-scifi] ripple{top:0;right:0;bottom:0;left:0;position:absolute;overflow:hidden;-webkit-clip-path:var(--button-shape);clip-path:var(--button-shape)}[class*=si-buttons-scifi].disabled ripple,[class*=si-buttons-scifi]:disabled ripple{display:none}[class*=si-buttons-scifi] ripple:after{content:"";--ripple-gradient: rgb(255, 255, 255);position:absolute;inset:0 auto 0 -200%;width:200%;transform:skew(-20deg);opacity:.5;background-image:linear-gradient(to right,transparent,var(--ripple-gradient),transparent)}[mode*=light] ripple:after{--ripple-gradient: var(--border-color)}[class*=si-buttons-scifi]:hover ripple:after{left:200%;transition:1.6s ease}[class*=si-buttons-scifi] ripple:before{content:"";--ripple-color: rgb(255, 255, 255);position:absolute;top:50%;right:50%;bottom:50%;left:50%;transform:skew(-10deg);border-radius:100vh}[mode*=light] ripple:before{--ripple-color: var(--border-color)}[class*=si-buttons-scifi]:focus ripple:before{animation:ripple-animation .7s ease-in-out forwards}[class*=si-buttons-scifi]:active ripple:before{animation:unset}@keyframes ripple-animation{0%{box-shadow:0 0 0 0 var(--ripple-color);opacity:.6}to{box-shadow:0 0 0 150px var(--ripple-color);opacity:0}}[class*=si-buttons-scifi] shine{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;-webkit-clip-path:var(--button-shape);clip-path:var(--button-shape)}[class*=si-buttons-scifi].disabled shine,[class*=si-buttons-scifi]:disabled shine{display:none}[class*=si-buttons-scifi] shine:after{content:"";position:absolute;inset:0 auto 0 -70px;width:30px;opacity:.8;background:#fff;transition:all .3s linear;transform:skew(-15deg) translate(0);animation:shine 3.5s ease-in-out infinite}:is() .si-buttons-scifi__style-8__button-4{width:140px;height:40px;font-size:13px;padding:8px 12px;margin:4px 0}[mode*=light] shine:after{opacity:.5;background:var(--border-color)}[class*=si-buttons-scifi]:hover shine:after{animation:unset}@keyframes shine{70%{left:-70px}to{left:calc(100% + 70px)}}.si-buttons-scifi__style-8__button-4{width:100px;height:30px;font-size:13px;padding:8px 12px;margin:4px 0}.button-stack-container{display:flex;flex-direction:column;align-items:center}