@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:Outfit,sans-serif;height:100%;background:linear-gradient(135deg,#fcfaff,#f4eeff,#fdfcff);color:#333}.login-container{display:flex;min-height:100vh;width:100%;overflow-x:hidden}.login-left{flex:1;padding:60px 80px;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-left:before{content:"";position:absolute;top:-10%;left:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(233,213,255,.8) 0%,transparent 70%);border-radius:50%;z-index:0;pointer-events:none}.login-left:after{content:"";position:absolute;bottom:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(221,214,254,.6) 0%,transparent 70%);border-radius:50%;z-index:0;pointer-events:none}.login-left>*{z-index:1;position:relative}.login-logo{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:60px}.login-logo h1{font-size:28px;font-weight:600;margin:0;color:#2c1a4d;display:flex;align-items:center;gap:12px}.login-logo h1 svg{color:#483d8b}.login-logo p{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#b88b4a;margin:6px 0 0;font-weight:500}.login-hero-text h2{font-size:54px;line-height:1.15;font-weight:400;color:#2c1a4d;margin:0 0 20px;max-width:500px;position:relative;z-index:3}.login-hero-text h2 span{color:#c49b50;font-weight:500}.login-hero-text>p{font-size:18px;color:#666;max-width:420px;line-height:1.5;margin-bottom:50px;position:relative;z-index:3}.login-features{display:flex;flex-direction:column;gap:30px;z-index:2;margin-left:50%;margin-top:20px;position:relative}.feature-item{display:flex;align-items:center;gap:16px}.feature-icon{width:44px;height:44px;border-radius:50%;background-color:#eee4ff;display:flex;align-items:center;justify-content:center;color:#6a44c2}.feature-text h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#2c1a4d}.feature-text p{margin:0;font-size:13px;color:#666;max-width:200px;line-height:1.4}.login-illustration{position:absolute;bottom:0;left:-20px;width:48%;max-width:420px;z-index:1}.login-illustration img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 20px 30px rgba(0,0,0,.1));mix-blend-mode:darken;-webkit-mask-image:radial-gradient(circle at center,black 50%,transparent 75%);mask-image:radial-gradient(circle at center,black 50%,transparent 75%)}.login-right{flex:1;display:flex;align-items:center;justify-content:center;padding:40px;position:relative}.login-card{background:#fff;border-radius:24px;padding:60px 50px;width:100%;max-width:520px;box-shadow:0 24px 80px #6a44c212;text-align:center}.login-card-icon{width:90px;height:90px;background:#f8f4ff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#483d8b}.login-card h3{font-size:32px;font-weight:600;color:#2c1a4d;margin:0 0 8px}.login-card>p{color:#666;margin:0 0 40px;font-size:16px}.login-form{text-align:left}.form-group{margin-bottom:24px}.form-group label{display:block;font-size:14px;font-weight:600;color:#2c1a4d;margin-bottom:10px}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;color:#999;display:flex}.form-group input{width:100%;padding:16px 16px 16px 48px;border:1px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:Outfit,sans-serif;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#c3a1e0;box-shadow:0 0 0 4px #c3a1e026}.form-hint{display:block;font-size:13px;color:#888;margin-top:10px}.btn-primary{width:100%;background:#c3a1e0;color:#fff;border:none;padding:16px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s ease;font-family:Outfit,sans-serif}.btn-primary:hover{background:#b28ed4}.divider{display:flex;align-items:center;text-align:center;margin:28px 0;color:#aaa;font-size:13px}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #eaeaea}.divider:not(:empty):before{margin-right:16px}.divider:not(:empty):after{margin-left:16px}.btn-secondary{width:100%;background:#fff;color:#333;border:1px solid #e0e0e0;padding:16px;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .2s ease;font-family:Outfit,sans-serif}.btn-secondary:hover{background:#f9f9f9;border-color:#d0d0d0}.login-footer{margin-top:36px;font-size:15px;color:#666}.login-footer a{color:#9d50bb;text-decoration:none;font-weight:500}.page-footer{position:absolute;bottom:30px;left:0;right:0;font-size:13px;color:#888;display:flex;gap:16px;align-items:center;justify-content:center}.page-footer span{display:flex;align-items:center;gap:6px}.page-footer .pipe{color:#ddd}.error-message{color:#d82c0d;background:#ffebe8;padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px;border:1px solid #ffc4be;text-align:left}@media(max-width:1100px){.login-container{flex-direction:column}.login-left{padding:40px;align-items:center;text-align:center}.login-logo{align-items:center}.login-hero-text h2{max-width:100%}.login-hero-text>p{margin:0 auto 40px}.login-features{margin-left:0;align-items:center;width:100%}.feature-item{text-align:left;width:100%;max-width:300px}.login-illustration{position:relative;width:100%;max-width:400px;margin-top:40px}.page-footer{position:static;margin-top:40px}}