*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{display:flex;flex-wrap:wrap;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,system-ui,sans-serif}body{touch-action:pan-x pan-y;-webkit-touch-callout:none}northwest,northeast,southwest,southeast{display:flex;justify-content:center;align-items:center;width:35px;height:35px}north{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:35px}west{display:flex;justify-content:center;align-items:center;width:35px;height:calc(100% - 70px)}main{position:relative;z-index:0;display:flex;width:calc(100% - 70px);height:calc(100% - 70px);overflow:hidden;padding:25px;border:2px solid hsla(0,0%,0%,1)}east{display:flex;justify-content:center;align-items:center;width:35px;height:calc(100% - 70px)}south{display:flex;justify-content:center;align-items:center;width:calc(100% - 70px);height:35px}north,west,east,south,northwest,northeast,southwest,southeast{background:#000000f2;color:#ffffffe6;font-size:20px;line-height:20px;cursor:pointer}north:hover,west:hover,east:hover,south:hover,northwest:hover,northeast:hover,southwest:hover,southeast:hover{background:#5e5e5e;transform:translateY(-1px);filter:brightness(1.2);box-shadow:0 2px 8px #00000080}north:active,west:active,east:active,south:active,northwest:active,northeast:active,southwest:active,southeast:active{transform:translateY(1px);filter:brightness(.9);box-shadow:0 0 #00000080;transition:all .05s ease}#B,#N,#W,#E,#S,#NE{position:relative;z-index:1;display:flex;flex-wrap:wrap;width:100%;height:100%;overflow:hidden;background:#fffffff2}#B{justify-content:center;align-items:center;background:#000000f2}.section-menu{display:flex;justify-content:center;align-items:center;width:100%;height:40px;overflow-x:auto;overflow-y:hidden;box-sizing:border-box;border-bottom:1px solid hsla(210,80%,85%,.5);background:linear-gradient(to right,#4799eb,#1f1fad);color:#ffffffe6}.section-tabs{display:flex;height:100%}.tab{display:flex;align-items:center;padding:0 20px;font-size:16px;color:#fffffff2;cursor:pointer;transition:background .2s ease}.tab:hover{background:#ffffff26}.tab.active{background:#fff3;font-weight:700}.section-content{display:flex;flex-direction:column;width:100%;height:calc(100% - 40px);padding:10px;overflow-x:hidden;overflow-y:auto}.section-content h1,.section-content h2,.section-content h3,.section-content h4,.section-content h5{color:#1f1fad}.section-content h1{font-size:36px;line-height:44px;letter-spacing:-.015em;font-weight:900;text-align:center;margin-bottom:16px}.section-content h2{font-size:24px;line-height:32px;letter-spacing:-.01em;font-weight:700;margin-bottom:16px;text-align:center}.section-content h3{font-size:18px;line-height:24px;letter-spacing:-.005em;font-weight:500;margin-bottom:12px}.section-content p{font-size:16px;line-height:24px;margin-bottom:16px}.section-content a{color:#4799eb;text-decoration:none;transition:color .2s ease}.section-content a:hover{color:#1f1fad}.section-content button{display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;border-radius:6px;font-size:16px;font-weight:600;letter-spacing:.5px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #2662d933}.quantum{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:35px;position:relative;z-index:1;width:100%;max-width:777px}.logo{width:250px;height:250px;position:relative;cursor:pointer;transition:transform .3s ease,filter .3s ease;margin-bottom:10px}.logo svg{width:100%;height:100%}.installable{position:relative}.installable:after{content:"";position:absolute;right:-5px;top:0;width:12px;height:12px;background:var(--success-green);border-radius:50%;box-shadow:0 0 10px var(--success-green);animation:pulse 1.5s infinite ease-in-out}.title{font-size:55px;line-height:55px;font-weight:700;display:flex;justify-content:center}.glow{position:relative;opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease,text-shadow .5s ease;color:#fff;font-family:var(--font-main)}.glow.glowing{opacity:1;transform:translateY(0);text-shadow:0 0 10px hsla(262,78%,51%,.5),0 0 20px hsla(262,78%,51%,.3),0 0 30px hsla(262,78%,51%,.1)}.subtitle{margin:0 0 10px;color:#fff;font-family:var(--font-main);font-size:22px;font-weight:700;letter-spacing:1px;opacity:1;text-shadow:0 0 10px hsla(262,78%,51%,.5)}.cta-buttons{display:flex;justify-content:center;gap:10px}.cta-buttons button{padding:10px;font-size:16px;font-weight:700;border-radius:24px;color:#ffffffe6;cursor:pointer}.start{background:#26d971b3;border:1px solid hsla(145,70%,50%,1)}.start:hover{background:#26d971e6}.login{background:#8d52e0b3;border:1px solid hsla(265,70%,60%,1)}.login:hover{background:#8d52e0e6}.menu{background:#349be5b3;border:1px solid hsla(205,77%,55%,1)}.menu:hover{background:#349be5e6}.logout{background:#e56334b3;border:1px solid hsla(16,77%,55%,1)}.logout:hover{background:#e56334e6}::selection{background:#1f1fad;color:#fffffff2}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:#fffffff2}::-webkit-scrollbar-thumb{background:#1f1fad}::-webkit-scrollbar-thumb:hover{background:#1f1fadbf}@media(max-width:768px){main{padding:10px}.section-menu{justify-content:flex-start}}