body{margin:0;overflow:hidden}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;margin:0;padding:0;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);position:relative;overflow:hidden}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(0,150,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(150,0,255,.1) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(0,255,200,.1) 0%,transparent 30%);animation:rotate 20s infinite linear;z-index:0}.login-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,100,200,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,200,.1) 1px,transparent 1px);background-size:30px 30px;z-index:0}.login-container .content{width:340px;height:460px;background-color:#1e1e24d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(80,80,100,.3);display:flex;flex-direction:column;z-index:1}.login-container .content:hover{box-shadow:0 8px 32px #14141e80}.login-container .content .header{font-weight:700;text-align:center;font-size:24px;padding:20px;color:#e0e0e0;text-shadow:0 0 8px rgba(100,150,255,.3);flex-shrink:0}.login-container .content .body{padding-inline:20px;flex:1;overflow:auto}.login-container .content .footer{text-align:center;padding:10px;flex-shrink:0}.login-container .content .footer :global .ant-divider{border-color:#64647866}.login-container .content .footer :global .ant-space-item>span{color:#b0b0b0}.top-bar{padding:6px;border-bottom:1px solid rgba(100,100,120,.4);flex-shrink:0}.portal-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);position:relative}.portal-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(0,150,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(150,0,255,.1) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(0,255,200,.1) 0%,transparent 30%);animation:rotate 20s infinite linear;z-index:0}.portal-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,100,200,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,200,.1) 1px,transparent 1px);background-size:30px 30px;z-index:0}.portal-container .main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:15px;z-index:1;position:relative;overflow:hidden}.portal-container .main-content .content-wrapper{width:100%;max-width:700px;background-color:#1e1e24d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(80,80,100,.3);padding:30px;max-height:80vh;overflow-y:hidden;position:relative;display:flex;flex-direction:column}.portal-container .main-content .content-wrapper .welcome-title{position:absolute;top:15px;left:15px;flex-shrink:0}.portal-container .main-content .content-wrapper .welcome-title h2{color:#e0e0e0;font-size:22px;margin:0;text-shadow:0 0 8px rgba(100,150,255,.3)}.portal-container .main-content .content-wrapper .top-links{position:absolute;top:15px;right:15px;display:flex;gap:12px}.portal-container .main-content .content-wrapper .top-links a{color:#b0b0b0;text-decoration:none;font-size:13px;transition:color .3s;display:flex;align-items:center}.portal-container .main-content .content-wrapper .top-links a:hover{color:#1890ff}.portal-container .main-content .content-wrapper .top-links a svg{margin-right:4px;font-size:12px}.portal-container .main-content .content-wrapper .welcome-section{text-align:center;margin-bottom:15px;padding-top:40px;flex-shrink:0}.portal-container .main-content .content-wrapper .welcome-section p{color:#b0b0b0;font-size:14px;margin:0}.portal-container .main-content .content-wrapper .app-section{margin-bottom:15px;flex-shrink:0}.portal-container .main-content .content-wrapper .app-section .section-header{color:#e0e0e0;font-size:18px;margin-bottom:12px;display:flex;align-items:center}.portal-container .main-content .content-wrapper .app-section .section-header svg{margin-right:8px}.portal-container .main-content .content-wrapper .app-section .carousel-container{background-color:#32323c99;border-radius:8px;padding:10px;border:1px solid rgba(80,80,100,.3);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:rgba(100,100,120,.4) transparent}.portal-container .main-content .content-wrapper .app-section .carousel-container::-webkit-scrollbar{height:6px}.portal-container .main-content .content-wrapper .app-section .carousel-container::-webkit-scrollbar-track{background:transparent}.portal-container .main-content .content-wrapper .app-section .carousel-container::-webkit-scrollbar-thumb{background-color:#64647866;border-radius:3px}.portal-container .main-content .content-wrapper .app-section .carousel-container .app-card{background-color:#3c3c46cc;border-radius:6px;padding:15px 10px;text-align:center;cursor:pointer;transition:all .3s;height:100%;border:1px solid rgba(80,80,100,.3);flex-shrink:0}.portal-container .main-content .content-wrapper .app-section .carousel-container .app-card:hover{background-color:#464650e6;transform:translateY(-3px);box-shadow:0 3px 10px #0000004d}.portal-container .main-content .content-wrapper .app-section .carousel-container .app-card .app-icon{font-size:1.8em;margin-bottom:10px;color:#1890ff}.portal-container .main-content .content-wrapper .app-section .carousel-container .app-card .app-title{color:#e0e0e0;font-size:13px;font-weight:500;margin-bottom:6px}.portal-container .main-content .content-wrapper .app-section .carousel-container .app-card .app-description{color:#b0b0b0;font-size:11px}.portal-container .main-content .content-wrapper .footer{text-align:center;margin-top:auto;padding-top:15px;border-top:1px solid rgba(100,100,120,.4);flex-shrink:0}.portal-container .main-content .content-wrapper .footer p{color:#b0b0b0;font-size:12px;margin:0}@media (max-width: 768px){.portal-container .main-content{padding:12px}.portal-container .main-content .content-wrapper{padding:15px 12px;max-width:100%;max-height:75vh}.portal-container .main-content .content-wrapper .welcome-title{position:static;text-align:center;padding-top:0;margin-bottom:10px}.portal-container .main-content .content-wrapper .top-links{position:static;display:flex;justify-content:center;gap:15px;margin-bottom:15px;flex-wrap:wrap}.portal-container .main-content .content-wrapper .welcome-section{padding-top:0}.portal-container .main-content .content-wrapper .welcome-section h2{font-size:22px}.portal-container .main-content .content-wrapper .welcome-section p{font-size:14px}.portal-container .main-content .content-wrapper .app-section{margin-bottom:15px}.portal-container .main-content .content-wrapper .app-section .section-header{font-size:18px}}@media (max-width: 480px){.portal-container .main-content .content-wrapper{padding:12px 10px;max-height:80vh}.portal-container .main-content .content-wrapper .top-links{gap:10px}.portal-container .main-content .content-wrapper .top-links a{font-size:12px}.portal-container .main-content .content-wrapper .welcome-section h2{font-size:20px}.portal-container .main-content .content-wrapper .welcome-section p{font-size:13px}.portal-container .main-content .content-wrapper .app-section .carousel-container{padding:8px}}.register-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);position:relative}.register-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(0,150,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(150,0,255,.1) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(0,255,200,.1) 0%,transparent 30%);animation:rotate 20s infinite linear;z-index:0}.register-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,100,200,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,200,.1) 1px,transparent 1px);background-size:30px 30px;z-index:0}.register-container .register-form{width:100%;max-width:400px;padding:30px;background-color:#1e1e24d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(80,80,100,.3);z-index:1;position:relative}.register-container .register-form .register-header{text-align:center;margin-bottom:20px}.register-container .register-form .register-header h2{color:#e0e0e0;font-size:24px;margin-bottom:10px}.register-container .register-form .register-header p{color:#b0b0b0;font-size:14px}.register-container .register-form .register-footer{text-align:center;margin-top:20px}.register-container .register-form .register-footer p{color:#b0b0b0;font-size:14px}.register-container .register-form .register-footer p a{color:#1890ff;text-decoration:none}.register-container .register-form .register-footer p a:hover{text-decoration:underline}@media (max-width: 768px){.register-container{padding:15px}.register-container .register-form{padding:20px}.register-container .register-form .register-header h2{font-size:22px}.register-container .register-form .register-header p{font-size:13px}}@media (max-width: 480px){.register-container{padding:10px}.register-container .register-form{padding:15px}.register-container .register-form .register-header h2{font-size:20px}.register-container .register-form .register-header p{font-size:12px}.register-container .register-form .ant-steps{margin-bottom:15px!important}.register-container .register-form .ant-steps .ant-steps-item-title{font-size:12px}.register-container .register-form .ant-form-item-label>label{font-size:13px}.register-container .register-form .ant-input,.register-container .register-form .ant-input-password,.register-container .register-form .ant-btn{font-size:14px}}@media (max-width: 320px){.register-container .register-form{padding:10px}}.forget-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);position:relative;overflow:hidden;padding:20px}.forget-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 10% 20%,rgba(0,150,255,.1) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(150,0,255,.1) 0%,transparent 20%),radial-gradient(circle at 50% 50%,rgba(0,255,200,.1) 0%,transparent 30%);animation:rotate 20s infinite linear;z-index:0}.forget-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(0,100,200,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,100,200,.1) 1px,transparent 1px);background-size:30px 30px;z-index:0}.forget-container .forget-form{width:100%;max-width:400px;padding:30px;background-color:#1e1e24d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 8px 32px #0000004d;border:1px solid rgba(80,80,100,.3);z-index:1;position:relative;overflow:hidden}.forget-container .forget-form .forget-header{text-align:center;margin-bottom:20px}.forget-container .forget-form .forget-header h2{color:#e0e0e0;font-size:24px;margin-bottom:10px}.forget-container .forget-form .forget-header p{color:#b0b0b0;font-size:14px}.forget-container .forget-form .forget-footer{text-align:center;margin-top:20px}.forget-container .forget-form .forget-footer p{color:#b0b0b0;font-size:14px}.forget-container .forget-form .forget-footer p a{color:#1890ff;text-decoration:none}.forget-container .forget-form .forget-footer p a:hover{text-decoration:underline}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.forget-container{padding:15px}.forget-container .forget-form{padding:20px}.forget-container .forget-form .forget-header h2{font-size:22px}.forget-container .forget-form .forget-header p{font-size:13px}}@media (max-width: 480px){.forget-container{padding:10px}.forget-container .forget-form{padding:15px}.forget-container .forget-form .forget-header h2{font-size:20px}.forget-container .forget-form .forget-header p{font-size:12px}.forget-container .forget-form .ant-steps{margin-bottom:15px!important}.forget-container .forget-form .ant-steps .ant-steps-item-title{font-size:12px}.forget-container .forget-form .ant-form-item-label>label{font-size:13px}.forget-container .forget-form .ant-input,.forget-container .forget-form .ant-input-password,.forget-container .forget-form .ant-btn{font-size:14px}}@media (max-width: 320px){.forget-container .forget-form{padding:10px}}