.MuiInputLabel-root.Mui-focused,.MuiCheckbox-root.Mui-checked,.MuiCheckbox-root,.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{color:#ff6b00!important;border-color:#ff6b00!important}.MuiOutlinedInput-root.Mui-focused{background:#fff!important;border-color:#ff6b00!important;box-shadow:0 0 0 4px #ff6b0014!important}.MuiInputAdornment-root{margin-right:8px}.rokofis-root{background:#fff;min-height:100vh;display:flex}.rokofis-left{color:#fff;background:linear-gradient(135deg,#ff6b00 0%,#ff8534 50%,#ffc107 100%);flex-direction:column;flex:1;padding:60px 80px;display:flex;position:relative;overflow:hidden}.partners-floating{z-index:10;pointer-events:none;position:absolute;inset:0}.partner-logo{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(135deg,#fffffff2 0%,#ffffffe6 100%);border:1.5px solid #fff6;border-radius:20px;padding:20px 30px;transition:all .3s;position:absolute;box-shadow:0 20px 50px #00000026,0 8px 20px #ff6b001a,inset 0 1px #ffffffe6}.partner-logo img{filter:drop-shadow(0 2px 6px #0000000f);width:auto;height:60px}.partner-logo:hover{transform:scale(1.08)translateY(-5px);box-shadow:0 25px 60px #0003,0 12px 28px #ff6b0026}.p1{animation:7s ease-in-out infinite floatPartner1;top:12%;left:8%}.p2{animation:8s ease-in-out infinite floatPartner2;top:45%;left:5%}.p3{animation:6.5s ease-in-out infinite floatPartner3;top:75%;left:12%}.p4{animation:7.5s ease-in-out infinite floatPartner4;top:28%;right:10%}.p5{animation:8.5s ease-in-out infinite floatPartner5;bottom:18%;right:8%}@keyframes floatPartner1{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-15px,-20px)rotate(2deg)}}@keyframes floatPartner2{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-18px,-15px)rotate(-2deg)}}@keyframes floatPartner3{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(-12px,-22px)rotate(1deg)}}@keyframes floatPartner4{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(16px,-18px)rotate(-1deg)}}@keyframes floatPartner5{0%,to{transform:translate(0)rotate(0)}50%{transform:translate(14px,-16px)rotate(1.5deg)}}.hero-text{z-index:10;margin-top:80px;position:relative}.hero-text h1{letter-spacing:-.5px;text-shadow:0 4px 20px #0000001a;font-size:48px;font-weight:800;line-height:1.25}.hero-text p{opacity:.96;max-width:500px;margin-top:24px;font-size:18px;font-weight:400;line-height:1.6}.floating-icons{z-index:5;pointer-events:none;position:absolute;inset:0}.float-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;display:flex;position:absolute;box-shadow:0 8px 32px #0000001a}.icon-1{animation:6s ease-in-out infinite float1;top:20%;right:12%}.icon-2{animation:8s ease-in-out infinite float2;bottom:25%;right:8%}.icon-3{animation:7s ease-in-out infinite float3;top:50%;right:18%}.icon-4{animation:9s ease-in-out infinite float4;bottom:45%;left:8%}@keyframes float1{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(5deg)}}@keyframes float2{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-25px)rotate(-5deg)}}@keyframes float3{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(3deg)}}@keyframes float4{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-18px)rotate(-3deg)}}.human-layer{z-index:0;pointer-events:none;position:absolute;inset:0}.human{opacity:.16;filter:blur(1.5px)saturate(.85);border-radius:24px;width:320px;position:absolute;box-shadow:0 10px 40px #00000026}.h1{top:15%;left:5%}.h2{bottom:12%;left:22%}.h3{top:28%;right:8%}.office-flow-svg{z-index:1;width:140%;position:absolute;bottom:-100px;left:-200px}.flow-line{animation-timing-function:linear;animation-iteration-count:infinite}.flow-line.far{opacity:.25;animation:30s linear infinite flowFar}.flow-line.mid{opacity:.35;animation:22s linear infinite flowMid}.flow-line.near{opacity:.5;animation:15s linear infinite flowNear}@keyframes flowFar{to{transform:translate(-350px)rotate(.2deg)}}@keyframes flowMid{to{transform:translate(-500px)rotate(.4deg)}}@keyframes flowNear{to{transform:translate(-700px)rotate(.6deg)}}.rokofis-right{background:linear-gradient(#fafafa 0%,#fff 100%);justify-content:center;align-items:center;width:550px;padding:40px 20px;display:flex;position:relative}.rokofis-right:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#ff6b0008 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ffc10708 0%,#0000 50%);position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #00000008;border-radius:32px;width:100%;max-width:460px;margin:0 auto;padding:56px 50px;position:relative;overflow:hidden;box-shadow:0 50px 100px #00000014,0 20px 40px #0000000a,inset 0 1px #ffffffe6,0 0 0 1px #00000005}.login-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff6b0014 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-100px;right:-100px}.login-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffc1070f 0%,#0000 70%);border-radius:50%;width:160px;height:160px;position:absolute;bottom:-80px;left:-80px}.login-logo{z-index:1;justify-content:center;margin-bottom:32px;display:flex;position:relative}.login-logo img{filter:drop-shadow(0 4px 12px #ff6b0026);width:auto;height:70px;transition:transform .3s}.login-logo img:hover{transform:scale(1.05)}.login-title{background:linear-gradient(135deg,#ff6b00,#ff8534);-webkit-text-fill-color:transparent;letter-spacing:-.5px;z-index:1;text-align:center;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:36px;font-weight:800;position:relative}.login-subtitle{color:#4b5563;z-index:1;text-align:center;margin-bottom:40px;font-size:15px;font-weight:600;position:relative}.login-form{z-index:1;flex-direction:column;gap:24px;display:flex;position:relative}.MuiOutlinedInput-root{border-radius:16px;transition:all .2s;background:#fff!important;border:2px solid #e5e7eb!important}.MuiOutlinedInput-root:hover{background:#fafbfc!important;border-color:#d1d5db!important}.MuiOutlinedInput-notchedOutline{border:none!important}.MuiOutlinedInput-input{padding:16px 18px;font-size:15px;color:#111827!important;font-weight:600!important}.MuiOutlinedInput-input::placeholder{opacity:1;color:#6b7280!important;font-weight:500!important}.MuiInputLabel-root{background:#fff;padding:0 6px;font-size:14px;color:#1f2937!important;font-weight:700!important}.MuiFormHelperText-root{margin-top:6px;font-size:13px}.remember{margin:-8px 0!important}.remember span{font-size:14px;color:#111827!important;font-weight:600!important}.login-btn{color:#fff!important;text-transform:none!important;background:linear-gradient(135deg,#ff6b00 0%,#ff8534 100%)!important;border-radius:16px!important;padding:16px!important;font-size:16px!important;font-weight:700!important;transition:all .3s!important;box-shadow:0 10px 25px #ff6b0040,0 4px 10px #ff6b0026!important}.login-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#ff8534 0%,#ff6b00 100%)!important;box-shadow:0 15px 35px #ff6b0059,0 5px 15px #ff6b0033!important}.login-btn:disabled{opacity:.6!important;cursor:not-allowed!important;transform:none!important}.register{color:#374151;justify-content:center;gap:8px;margin-top:24px;font-size:14px;display:flex}.register span{font-weight:600}.register a{color:#ff6b00;font-weight:700;text-decoration:none;transition:color .2s}.register a:hover{color:#ff8534;text-decoration:underline}@media (max-width:1200px){.rokofis-left{padding:50px 60px}.hero-text h1{font-size:42px}.logo-panel img{height:65px}}@media (max-width:992px){.rokofis-root{flex-direction:column}.rokofis-left{min-height:400px;padding:40px}.rokofis-right{width:100%;padding:60px 20px}.hero-text{margin-top:50px}.hero-text h1{font-size:36px}.human{width:240px}.partner-logo{padding:15px 25px}.partner-logo img{height:45px}}@media (max-width:576px){.rokofis-left{padding:30px 24px}.hero-text h1{font-size:28px}.hero-text p{font-size:16px}.login-card{padding:40px 30px}.login-logo img{height:55px}.login-title{font-size:28px}.human{width:200px}.partner-logo{padding:12px 20px}.partner-logo img{height:35px}.p4,.p5{display:none}}
