.petroleum-login[data-v-2d9767c1]{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#0a1931;background-image:radial-gradient(circle at 10% 20%,rgba(0,40,83,.7) 0,transparent 20%),radial-gradient(circle at 90% 80%,rgba(0,40,83,.7) 0,transparent 20%);position:relative;overflow-x:hidden}.industrial-bg[data-v-2d9767c1]{position:absolute;width:100%;height:100%;z-index:0;overflow:hidden}.pipe[data-v-2d9767c1]{position:absolute;background-color:#3a506b;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(255,195,0,.1);box-shadow:0 0 10px rgba(255,195,0,.1)}.pipe-1[data-v-2d9767c1]{width:120px;height:30px;top:15%;left:5%;-webkit-transform:rotate(30deg);transform:rotate(30deg)}.pipe-2[data-v-2d9767c1]{width:150px;height:35px;bottom:20%;right:8%;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}.pipe-connection[data-v-2d9767c1]{position:absolute;width:50px;height:50px;border:8px solid #3a506b;border-radius:50%;top:25%;right:12%;-webkit-box-shadow:0 0 15px rgba(255,195,0,.2);box-shadow:0 0 15px rgba(255,195,0,.2)}.oil-drop[data-v-2d9767c1]{position:absolute;width:20px;height:30px;background-color:#ffc300;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;opacity:.6;bottom:40%;left:15%;-webkit-animation:float-2d9767c1 6s ease-in-out infinite;animation:float-2d9767c1 6s ease-in-out infinite}@-webkit-keyframes float-2d9767c1{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(5deg);transform:translateY(-20px) rotate(5deg)}}@keyframes float-2d9767c1{0%,to{-webkit-transform:translateY(0) rotate(0deg);transform:translateY(0) rotate(0deg)}50%{-webkit-transform:translateY(-20px) rotate(5deg);transform:translateY(-20px) rotate(5deg)}}.valve[data-v-2d9767c1]{position:absolute;width:60px;height:60px;background-color:#1c2541;border-radius:50%;border:5px solid #3a506b;bottom:15%;left:20%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:0 0 15px rgba(255,195,0,.1);box-shadow:0 0 15px rgba(255,195,0,.1)}.valve-handle[data-v-2d9767c1]{width:30px;height:5px;background-color:#ffc300;border-radius:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.container[data-v-2d9767c1]{width:900px;height:600px;background-color:rgba(15,32,58,.85);border-radius:15px;-webkit-box-shadow:0 15px 35px rgba(0,0,0,.5);box-shadow:0 15px 35px rgba(0,0,0,.5);border:1px solid rgba(58,80,107,.6);z-index:1}.brand-section[data-v-2d9767c1],.container[data-v-2d9767c1]{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden;position:relative}.brand-section[data-v-2d9767c1]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:linear-gradient(135deg,#0a1931,#1c2541);padding:40px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brand-section[data-v-2d9767c1]:before{content:"";position:absolute;width:200%;height:200%;background:radial-gradient(circle,rgba(255,195,0,.05) 0,transparent 70%);top:-50%;left:-50%;z-index:0}.logo[data-v-2d9767c1]{margin-bottom:30px;z-index:1}.logo-icon[data-v-2d9767c1],.logo[data-v-2d9767c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.logo-icon[data-v-2d9767c1]{width:70px;height:70px;background:linear-gradient(135deg,#ffc300,#f90);border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:20px;-webkit-box-shadow:0 5px 15px rgba(255,195,0,.3);box-shadow:0 5px 15px rgba(255,195,0,.3)}.logo-icon i[data-v-2d9767c1]{font-size:36px;color:#0a1931}.logo-text[data-v-2d9767c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.logo-text h1[data-v-2d9767c1]{font-size:36px;font-weight:700;color:#ffc300;letter-spacing:1px;text-shadow:0 2px 5px rgba(0,0,0,.5)}.logo-text p[data-v-2d9767c1]{font-size:16px;color:#b0b0b0;margin-top:5px;letter-spacing:2px}.brand-description[data-v-2d9767c1]{max-width:350px;text-align:center;margin-top:30px;line-height:1.6;color:#a0aec0;z-index:1}.features[data-v-2d9767c1]{margin-top:40px;z-index:1}.feature[data-v-2d9767c1]{margin-bottom:20px}.feature-icon[data-v-2d9767c1],.feature[data-v-2d9767c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.feature-icon[data-v-2d9767c1]{width:40px;height:40px;background-color:rgba(255,195,0,.1);border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:15px;color:#ffc300}.feature-icon i[data-v-2d9767c1]{color:#ffc300;font-size:18px}.feature-text[data-v-2d9767c1]{font-size:15px;color:#cbd5e0}.login-section[data-v-2d9767c1]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:50px 40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(28,37,65,.7)}.login-header[data-v-2d9767c1]{margin-bottom:40px}.login-header h2[data-v-2d9767c1]{font-size:32px;color:#ffc300;margin-bottom:10px}.login-header p[data-v-2d9767c1]{color:#a0aec0;font-size:16px}.login-form[data-v-2d9767c1]{width:100%}.form-group[data-v-2d9767c1]{margin-bottom:25px;position:relative}.form-group label[data-v-2d9767c1]{display:block;margin-bottom:8px;color:#cbd5e0;font-weight:500}.input-with-icon[data-v-2d9767c1]{position:relative;-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.input-with-icon i[data-v-2d9767c1]{position:absolute;left:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#0a1931;font-size:18px}.input-with-icon input[data-v-2d9767c1]{width:100%;padding:15px 15px 15px 50px;background-color:#e8e8e8;border:2px solid #3a506b;border-radius:8px;color:#0a1931;font-size:16px;-webkit-transition:all .3s;transition:all .3s}.input-with-icon input[data-v-2d9767c1]:focus{outline:none;border-color:#ffc300;-webkit-box-shadow:0 0 10px rgba(255,195,0,.2);box-shadow:0 0 10px rgba(255,195,0,.2)}.remember-forgot[data-v-2d9767c1]{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:25px;font-size:14px}.remember-forgot[data-v-2d9767c1],.remember-me[data-v-2d9767c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.remember-me[data-v-2d9767c1]{color:#e8e8e8}.remember-me input[data-v-2d9767c1]{margin-right:8px;accent-color:#ffc300}.forgot-password[data-v-2d9767c1]{color:#ffc300;text-decoration:none;-webkit-transition:color .3s;transition:color .3s;cursor:pointer}.forgot-password[data-v-2d9767c1]:hover{color:#f90;text-decoration:underline}.login-button[data-v-2d9767c1]{width:100%;padding:16px;background:linear-gradient(135deg,#ffc300,#f90);border:none;border-radius:8px;color:#0a1931;font-size:18px;font-weight:600;cursor:pointer;-webkit-transition:all .3s;transition:all .3s;margin-bottom:20px;-webkit-box-shadow:0 5px 15px rgba(255,195,0,.2);box-shadow:0 5px 15px rgba(255,195,0,.2)}.login-button[data-v-2d9767c1]:hover:not(:disabled){background:linear-gradient(135deg,#f90,#ffc300);-webkit-box-shadow:0 8px 20px rgba(255,195,0,.3);box-shadow:0 8px 20px rgba(255,195,0,.3);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.login-button[data-v-2d9767c1]:active:not(:disabled){-webkit-transform:translateY(0);transform:translateY(0)}.login-button[data-v-2d9767c1]:disabled{opacity:.7;cursor:not-allowed}.divider[data-v-2d9767c1]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:25px 0;color:#a0aec0}.divider[data-v-2d9767c1]:after,.divider[data-v-2d9767c1]:before{content:"";-webkit-box-flex:1;-ms-flex:1;flex:1;height:1px;background-color:#3a506b}.divider span[data-v-2d9767c1]{padding:0 15px;font-size:14px}.register-link[data-v-2d9767c1]{text-align:center;margin-top:10px;color:#a0aec0}.register-link a[data-v-2d9767c1]{color:#ffc300;text-decoration:none;font-weight:500;cursor:pointer}.register-link a[data-v-2d9767c1]:hover{text-decoration:underline}@media (max-width:950px){.container[data-v-2d9767c1]{width:95%;height:auto;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:20px 0}.brand-section[data-v-2d9767c1],.login-section[data-v-2d9767c1]{padding:30px}.logo-text h1[data-v-2d9767c1]{font-size:30px}.login-header h2[data-v-2d9767c1]{font-size:28px}}@media (max-width:600px){.logo[data-v-2d9767c1]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center}.logo-icon[data-v-2d9767c1]{margin-right:0;margin-bottom:15px}.remember-forgot[data-v-2d9767c1]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.forgot-password[data-v-2d9767c1]{margin-top:10px}}