@import"https://fonts.googleapis.com/css?family=Montserrat:400,800";:root{font-family:Montserrat,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#000000de;background-color:#f6f5f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#d32f2f;text-decoration:inherit}a:hover{color:#9a0007}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:hidden}h1{font-size:3.2em;line-height:1.1}button{border-radius:30px;border:2px solid #D32F2F;padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;background-color:#d32f2f;color:#fff;cursor:pointer;transition:all .3s ease}button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #d32f2f4d}button:focus,button:focus-visible{outline:none}#root{width:100%;height:100%;margin:0;padding:0}:root{--theme-red: #D32F2F;--theme-red-dark: #9A0007;--theme-red-light: #FF5252;--theme-blue: #1976D2;--theme-blue-dark: #004BA0;--theme-blue-light: #42A5F5;--white: #FFFFFF}*{box-sizing:border-box}body{background:#f6f5f7;font-family:Montserrat,sans-serif;height:100vh;margin:0;padding:0;overflow:hidden}h1{font-weight:700;margin:0;margin-bottom:1.5rem;font-size:3.5rem;letter-spacing:2px}p{font-size:16px;font-weight:100;line-height:24px;letter-spacing:.5px;margin:20px 0 40px;max-width:400px}button{border-radius:30px;border:2px solid var(--theme-red);background-color:var(--theme-red);color:var(--white);font-size:13px;font-weight:700;padding:14px 50px;letter-spacing:1.5px;text-transform:uppercase;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 15px #0003}button:active{transform:scale(.95)}button:focus{outline:none}button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}button.ghost{background-color:transparent;border-color:var(--white);color:var(--white)}button.ghost:hover{background-color:#fff3}.overlay-panel p{color:var(--white);opacity:.9}.container{position:relative;overflow:hidden;width:100vw;height:100vh}.form-container{position:absolute;top:0;height:100%;width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 50px;text-align:center;transition:none}.sign-in-container{left:0;background:linear-gradient(135deg,#d32f2f,#9a0007);z-index:2;color:var(--white);opacity:1;transition:all .3s ease;filter:brightness(1);transform:scale(1)}.sign-in-container:hover,.sign-in-container.hovered{transform:scale(1.08);filter:brightness(1.15);z-index:10}.red-theme h1{color:var(--white)}.red-theme p{color:#ffffffe6}.sign-in-container button{background-color:var(--white);border-color:var(--white);color:#d32f2f;font-weight:700}.sign-in-container button:hover{background-color:#ffffffe6}.sign-up-container{left:50%;width:50%;opacity:1;z-index:1;background:linear-gradient(135deg,#1976d2,#004ba0);color:var(--white);transition:all .3s ease;filter:brightness(1);transform:scale(1)}.sign-up-container:hover,.sign-up-container.hovered{transform:scale(1.08);filter:brightness(1.15);z-index:10}.sign-up-container.hovered~.sign-in-container{filter:brightness(.55)}.container:has(.sign-in-container.hovered) .sign-up-container:not(.hovered){filter:brightness(.55)}.blue-theme h1{color:var(--white)}.blue-theme p{color:#ffffffe6}.sign-up-container button{background-color:var(--white);border-color:var(--white);color:#1976d2;font-weight:700}.sign-up-container button:hover{background-color:#ffffffe6}.robot-container{position:relative;width:150px;height:180px;margin-bottom:30px}.robot-body{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:robotHover 3s ease-in-out infinite}@keyframes robotHover{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.robot-head{width:60px;height:60px;background:#fff3;border:3px solid rgba(255,255,255,.5);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:10px;position:relative}.robot-eyes{display:flex;align-items:center;justify-content:center;gap:16px}.robot-eye{width:10px;height:10px;background:#fffc;border-radius:50%;animation:robotEyeBlink 2s ease-in-out infinite}@keyframes robotEyeBlink{0%,90%,to{height:10px}95%{height:2px}}.robot-body-main{width:50px;height:70px;background:#ffffff26;border:2px solid rgba(255,255,255,.4);border-radius:8px;position:relative}.robot-antenna{position:absolute;width:2px;height:30px;background:#fff9;left:50%;top:-20px;border-radius:2px;animation:antennaWave 2s ease-in-out infinite;transform-origin:bottom;transform:translate(-50%)}@keyframes antennaWave{0%,to{transform:translate(-50%) rotate(-10deg)}50%{transform:translate(-50%) rotate(10deg)}}.robot-antenna:after{content:"";position:absolute;width:8px;height:8px;background:#ffffffb3;border-radius:50%;top:-12px;left:-3px}.neural-container{position:relative;width:200px;height:200px;margin-bottom:30px;display:flex;align-items:center;justify-content:center}.neural-network{position:relative;width:100%;height:100%}.neural-node{position:absolute;width:12px;height:12px;border-radius:50%;background:#fffc;box-shadow:0 0 10px #fff9}.neural-node:nth-child(1){top:20px;left:50%;transform:translate(-50%);animation:pulse1 2s ease-in-out infinite}.neural-node:nth-child(2){top:50%;left:10%;transform:translateY(-50%);animation:pulse2 2.2s ease-in-out infinite}.neural-node:nth-child(3){top:50%;right:10%;transform:translateY(-50%);animation:pulse3 2.4s ease-in-out infinite}.neural-node:nth-child(4){bottom:20px;left:30%;transform:translate(-50%);animation:pulse4 2s ease-in-out infinite .1s}.neural-node:nth-child(5){bottom:20px;right:30%;transform:translate(50%);animation:pulse5 2.2s ease-in-out infinite .1s}@keyframes pulse1{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(1.5);opacity:1}}@keyframes pulse2{0%,to{transform:translateY(-50%) scale(1);opacity:.8}50%{transform:translateY(-50%) scale(1.5);opacity:1}}@keyframes pulse3{0%,to{transform:translateY(-50%) scale(1);opacity:.8}50%{transform:translateY(-50%) scale(1.5);opacity:1}}@keyframes pulse4{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(1.5);opacity:1}}@keyframes pulse5{0%,to{transform:translate(50%) scale(1);opacity:.8}50%{transform:translate(50%) scale(1.5);opacity:1}}.neural-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);height:1px;width:80%;top:50%;left:10%;animation:flowLine 3s ease-in-out infinite}@keyframes flowLine{0%,to{opacity:0;width:40%}50%{opacity:1;width:80%}}.overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;z-index:100;display:none}.container.right-panel-active .overlay-container{transform:translate(-100%)}.overlay{background:linear-gradient(to right,var(--theme-red),var(--theme-blue));background-repeat:no-repeat;background-size:cover;background-position:0 0;color:var(--white);position:relative;left:-100%;height:100%;width:200%;transform:translate(0);transition:transform .6s ease-in-out}.container.right-panel-active .overlay{transform:translate(50%)}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translate(0);transition:transform .6s ease-in-out}.overlay-left{transform:translate(-20%)}.container.right-panel-active .overlay-left{transform:translate(0)}.overlay-right{right:0;transform:translate(0)}.container.right-panel-active .overlay-right{transform:translate(20%)}.app-wrapper{display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden}.status-bar{display:flex;justify-content:space-between;align-items:center;width:100%;height:60px;background-color:#eceff1;padding:0 24px;box-sizing:border-box;z-index:1000;position:relative}.status-bar-left{display:flex;align-items:center}.main-logo{height:55px;width:auto}.status-bar-right{display:flex;align-items:center;gap:8px}.menu-icon-btn{background:transparent;border:none;border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .2s ease;padding:8px;box-shadow:none}.menu-icon-btn:hover{background-color:#00000026;box-shadow:0 2px 8px #00000026;transform:none}.menu-icon-btn:active{background-color:#0003;transform:none}.menu-icon{width:24px;height:24px;filter:brightness(0) saturate(100%) invert(19%) sepia(14%) saturate(1031%) hue-rotate(175deg) brightness(95%) contrast(92%)}.container{flex:1;overflow:hidden}.curtain-container{position:fixed;top:60px;left:0;width:100%;height:calc(100vh - 60px);z-index:100;pointer-events:none;display:flex}.curtain{width:50%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.curtain-left{background:linear-gradient(135deg,#d32f2f,#9a0007);transform-origin:left center}.curtain-right{background:linear-gradient(135deg,#1976d2,#004ba0);transform-origin:right center}.curtain-container.curtain-open .curtain-left{transform:translate(-100%)}.curtain-container.curtain-open .curtain-right{transform:translate(100%)}.curtain-container.curtain-closed .curtain-left,.curtain-container.curtain-closed .curtain-right{transform:translate(0)}.main-content{flex:1;overflow:hidden;position:relative}.clickable-logo{cursor:pointer;transition:filter .3s ease}.clickable-logo:hover{filter:brightness(1.2) saturate(2) sepia(1) hue-rotate(180deg) saturate(5)}.battle-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.battle-page .page-content{text-align:center}.battle-page h1{color:var(--theme-red);font-size:3rem;margin-bottom:1rem}.battle-page p{color:#666;font-size:1.2rem}.computing-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.computing-page .page-content{text-align:center}.computing-page h1{color:var(--theme-blue);font-size:3rem;margin-bottom:1rem}.computing-page p{color:#666;font-size:1.2rem}