body,input,button{font-family:"Poppins",sans-serif}body{padding:0;margin:0;background-color:#f1f5f9;color:#0f172a;letter-spacing:.33px}.wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:40px;box-sizing:border-box}.wrapper .card-template-9{position:relative;display:flex;align-items:center;width:100%;max-width:950px;min-height:520px}.wrapper .card-template-9 .features-panel{position:absolute;right:0;width:65%;height:480px;background-image:url("../img/background.png");background-size:cover;background-position:right center;border-radius:16px;padding:50px 50px 50px 220px;box-sizing:border-box;box-shadow:0 20px 40px rgba(2,132,199,.2);color:#fff;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.wrapper .card-template-9 .features-panel .features-title{font-size:28px;font-weight:700;margin:0 0 25px 0}.wrapper .card-template-9 .features-panel .features-list{list-style:none;padding:0;margin:0}.wrapper .card-template-9 .features-panel .features-list li{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:400;margin-bottom:16px;color:#f8fafc}.wrapper .card-template-9 .features-panel .features-list li .check-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:2px solid rgba(255,255,255,.8);border-radius:50%;font-size:12px;font-weight:bold;flex-shrink:0}.wrapper .card-template-9 .auth-panel{position:relative;z-index:2;width:440px;background-color:#fff;border-radius:16px;padding:50px 40px;box-sizing:border-box;box-shadow:0 25px 50px rgba(0,0,0,.12)}.wrapper .card-template-9 .auth-panel .header-titles{margin-bottom:30px}.wrapper .card-template-9 .auth-panel .header-titles .title{font-size:36px;font-weight:700;margin:0 0 10px 0;color:#0f172a}.wrapper .card-template-9 .auth-panel .header-titles .subtitle{font-size:14px;color:#475569;line-height:1.5;margin:0}.wrapper .card-template-9 .auth-panel form .input-control{margin-bottom:20px}.wrapper .card-template-9 .auth-panel form .input-control input{width:100%;padding:15px 18px;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;color:#0f172a;font-size:14px;box-sizing:border-box;transition:all .2s ease}.wrapper .card-template-9 .auth-panel form .input-control input::placeholder{color:#94a3b8}.wrapper .card-template-9 .auth-panel form .input-control input:focus{border-color:#0284c7;box-shadow:0 0 0 3px rgba(2,132,199,.1)}.wrapper .card-template-9 .auth-panel form .submit-btn{font-size:14px;font-weight:600;letter-spacing:.5px;width:100%;background:linear-gradient(135deg, #38BDF8 0%, #0284C7 100%);padding:16px;color:#fff;border-radius:8px;border:none;cursor:pointer;margin-top:10px;transition:opacity .2s,transform .1s;box-shadow:0 4px 12px rgba(2,132,199,.3)}.wrapper .card-template-9 .auth-panel form .submit-btn:hover{opacity:.95}.wrapper .card-template-9 .auth-panel form .submit-btn:active{transform:scale(0.98)}@media screen and (max-width: 992px){.wrapper{padding:20px}.wrapper .card-template-9{flex-direction:column;align-items:center;min-height:auto}.wrapper .card-template-9 .features-panel{position:relative;width:100%;height:auto;padding:40px 30px 140px 30px;border-radius:16px;box-shadow:0 15px 30px rgba(2,132,199,.15)}.wrapper .card-template-9 .features-panel .features-list li{font-size:14px}.wrapper .card-template-9 .features-panel .illustration-graphics{opacity:.4}.wrapper .card-template-9 .auth-panel{width:88%;max-width:440px;margin-top:-100px;margin-bottom:20px;box-shadow:0 20px 40px rgba(0,0,0,.18)}}@media screen and (max-width: 576px){.wrapper{padding:10px}.wrapper .card-template-9 .features-panel{padding:30px 20px 130px 20px}.wrapper .card-template-9 .features-panel .features-title{font-size:24px}.wrapper .card-template-9 .auth-panel{width:92%;padding:35px 25px;margin-top:-90px}.wrapper .card-template-9 .auth-panel .header-titles .title{font-size:30px}}