.user-login-page{--gasgo-orange: #f05a00;--gasgo-orange-deep: #d94f00;--gasgo-cream: #fffaf6;--gasgo-ink: #1f2937;--gasgo-muted: #667085;--gasgo-border: rgba(255, 255, 255, .38);--gasgo-shadow: 0 24px 50px rgba(58, 34, 16, .18);font-family:Instrument Sans,Segoe UI,sans-serif;color:var(--gasgo-ink);line-height:1.6;min-height:100vh;background-image:url(/images/user-login-bg.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.user-login-shell{width:min(1280px,calc(100% - 64px));margin:0 auto}.user-login-navbar{position:relative;z-index:20;background:#fff;border-bottom:1px solid rgba(217,79,0,.08);box-shadow:0 12px 28px #3321130f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.user-login-navbar__inner{display:flex;align-items:center;justify-content:space-between;min-height:88px;gap:32px}.user-login-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.user-login-brand__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--gasgo-orange)}.user-login-brand__icon svg{width:34px;height:34px}.brand-icon-img{width:34px;height:34px;filter:hue-rotate(15deg) saturate(1.2) brightness(1.1);border-radius:4px}.user-login-brand__text{font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--gasgo-orange)}.user-login-navbar__nav{display:flex;align-items:center;gap:14px}.user-login-navbar__link,.user-login-navbar__button{text-decoration:none;font-size:.99rem;font-weight:600;color:#263444;padding:12px 16px;border-radius:999px;transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}.user-login-navbar__link:hover{color:var(--gasgo-orange);background:#f05a000f}.user-login-navbar__button{border:1.5px solid rgba(240,90,0,.4);color:var(--gasgo-orange);min-width:92px;text-align:center}.user-login-navbar__button:hover{transform:translateY(-1px);border-color:var(--gasgo-orange);background:#f05a0014}.user-login-hero{position:relative;min-height:calc(100vh - 176px);display:flex;align-items:center;justify-content:center;padding:54px 0 48px;overflow:hidden}.user-login-hero__image{position:fixed;top:0;left:0;right:0;height:100vh;background:transparent;z-index:-1}.user-login-hero__overlay{position:absolute;inset:0;background:transparent}.user-login-scene,.user-login-scene__panels{position:absolute;inset:0}.user-login-scene__panel{position:absolute;top:0;bottom:0;border-left:2px solid rgba(255,255,255,.18);border-right:2px solid rgba(47,23,12,.08)}.user-login-scene__panel--left{left:13%;width:18%;background:#fff;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-login-scene__panel--center{left:31%;width:12%;background:#fff;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-login-scene__panel--right{right:10%;width:16%;background:#fff;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-login-scene:after{content:"";position:absolute;inset:0;height:35%;background:#fff}.user-login-scene__billboard{position:absolute;right:28%;bottom:23%;width:148px;height:114px;border:none;background:#fff;box-shadow:none;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-login-scene__billboard:after{content:"";position:absolute;bottom:-24px;left:50%;width:10px;height:30px;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(-50%)}.user-login-scene__billboard-copy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2.5rem;font-weight:900;letter-spacing:-.04em;color:#fff4ece0;text-shadow:0 2px 4px rgba(0,0,0,.1);background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.user-login-scene__cylinders{position:absolute;left:11%;bottom:15%;display:flex;align-items:flex-end;gap:26px;z-index:1}.user-login-scene__truck-group{position:absolute;left:8%;bottom:28%;width:104px;height:78px;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 30px #4f2e182e}.cylinder{position:relative;border-radius:12px 12px 6px 6px;transform:translate(-50%);background:inherit;box-shadow:inherit}.cylinder--white{width:72px;height:124px;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cylinder--orange{width:46px;height:82px;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cylinder--silver{width:54px;height:102px;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.cylinder--steel{width:44px;height:94px;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.truck{position:relative;width:190px;height:122px}.truck__cargo{position:absolute;bottom:30px;left:0;width:104px;height:78px;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 18px 30px #4f2e182e}.truck__cargo:after{content:"GasGo";position:absolute;left:16px;bottom:12px;color:#fff4ece0;font-size:.9rem;font-weight:700}.truck__cab{position:absolute;right:0;bottom:30px;width:58px;height:66px;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 0 0 1px #5e656e1f}.truck__cab:before{content:"";position:absolute;top:11px;left:10px;width:32px;height:20px;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.truck__wheel{position:absolute;bottom:0;width:30px;height:30px;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.truck__wheel--left{left:50px}.truck__wheel--right{right:12px}.truck--back{transform:scale(.92);opacity:.92}.user-login-hero__content{position:relative;z-index:2;width:100%;display:flex;justify-content:center;align-items:center;padding:20px 32px}.user-login-card{width:min(420px,calc(100vw - 40px));padding:28px 30px 34px;border:1px solid var(--gasgo-border);border-radius:28px;box-shadow:var(--gasgo-shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);text-align:center}.user-login-card__eyebrow{margin:0;font-size:1rem;font-weight:700;color:#1f2937}.user-login-card__brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px}.user-login-card__brand-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;color:var(--gasgo-orange)}.user-login-card__brand-icon svg{width:56px;height:56px}.login-brand-icon{width:56px;height:56px;filter:hue-rotate(15deg) saturate(1.2) brightness(1.1);border-radius:4px}.user-login-card__brand-text{margin:0;color:var(--gasgo-orange);font-size:3.1rem;font-weight:900;letter-spacing:-.06em;line-height:1}.user-login-card__subtitle{margin:30px 0 0;font-size:1.05rem;font-weight:700;color:#1f2937}.user-login-form{margin-top:24px}.user-login-field{position:relative;display:block}.user-login-field+.user-login-field,.user-login-field__error+.user-login-field{margin-top:16px}.user-login-field__input{width:100%;height:56px;border-radius:14px;border:1px solid rgba(159,171,186,.58);background:#fff;padding:0 18px 0 48px;font-size:1rem;color:#1f2937;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.user-login-field__input--password{padding-right:52px}.user-login-field__input:focus{border-color:#f05a0080;box-shadow:0 0 0 4px #f05a001f;background:#fff}.user-login-field__icon{position:absolute;top:50%;left:16px;width:18px;height:18px;color:#8d98a8;transform:translateY(-50%)}.user-login-field__toggle{position:absolute;top:50%;right:14px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;color:#7f8794;cursor:pointer;transform:translateY(-50%)}.user-login-field__toggle svg{width:18px;height:18px}.user-login-field__error{margin:8px 4px 0;text-align:left;color:#c2410c;font-size:.83rem;font-weight:600}.user-login-form__submit{width:100%;margin-top:18px;height:56px;border:0;border-radius:14px;background:linear-gradient(180deg,#ff7a1f 0%,var(--gasgo-orange) 100%);color:#fff;font-size:1.05rem;font-weight:800;letter-spacing:-.02em;box-shadow:0 18px 26px #f05a0038;cursor:pointer;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}.user-login-form__submit:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.02)}.user-login-form__submit:disabled{cursor:wait;opacity:.8}.user-login-card__links{margin-top:22px;display:flex;flex-direction:column;gap:14px}.user-login-card__link{align-self:center;color:#374151;font-size:.98rem;font-weight:600;text-underline-offset:3px;transition:color .18s ease}.user-login-card__link:hover{color:var(--gasgo-orange)}.user-login-footer{position:relative;z-index:20;background:#fff;border-top:1px solid rgba(217,79,0,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.user-login-footer__inner{min-height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.user-login-footer__copy,.user-login-footer__legal,.user-login-footer__social{color:var(--gasgo-muted);font-size:.96rem}.user-login-footer__legal{justify-self:center;display:inline-flex;align-items:center;gap:16px}.user-login-footer__copy{justify-self:start}.user-login-footer__link{color:inherit;text-decoration:none}.user-login-footer__link:hover{color:var(--gasgo-orange)}.user-login-footer__divider{opacity:.75}.user-login-footer__social{justify-self:end;display:inline-flex;align-items:center;gap:10px}.user-login-footer__label{font-weight:600;margin-right:4px}.user-login-footer__icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid rgba(240,90,0,.46);color:var(--gasgo-orange);text-decoration:none;transition:background-color .18s ease,color .18s ease,transform .18s ease}.user-login-footer__icon:hover{color:#fff;background:#fff;transform:translateY(-1px)}.user-login-footer__icon svg{width:15px;height:15px}@media(max-width:1080px){.user-login-shell{width:min(100%,calc(100% - 36px))}.user-login-navbar__inner{flex-direction:column;justify-content:center;padding:16px 0}.user-login-navbar__nav{flex-wrap:wrap;justify-content:center}.user-login-footer__inner{grid-template-columns:1fr;text-align:center;padding:18px 0 20px}.user-login-footer__copy,.user-login-footer__legal,.user-login-footer__social{justify-self:center}}@media(max-width:768px){.user-login-hero{min-height:auto;padding:34px 0 28px}.user-login-scene__truck-group,.user-login-scene__billboard{display:none}.user-login-scene__cylinders{left:50%;transform:translate(-50%) scale(.8);bottom:8%}.user-login-card{padding:24px 20px 28px;border-radius:24px}.user-login-card__brand-text{font-size:2.5rem}.user-login-brand__text{font-size:1.7rem}}.content-section{background:#fffffff2;border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-width:800px;margin:20px auto}.hero-section{text-align:center;margin-bottom:40px}.hero-section h1{font-size:2.5rem;color:var(--gasgo-orange);margin-bottom:16px}.hero-section p{font-size:1.2rem;color:var(--gasgo-muted);margin-bottom:24px}.order-now-btn{background:var(--gasgo-orange);color:#fff;border:none;padding:12px 32px;border-radius:8px;font-size:1.1rem;cursor:pointer;transition:background-color .3s}.order-now-btn:hover{background:var(--gasgo-orange-deep)}.highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px}.highlight-item{text-align:center;padding:40px 30px;background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.1);box-shadow:0 4px 20px #0000000f;min-height:180px;display:flex;flex-direction:column;justify-content:center;align-items:center}.highlight-item .stat-number{font-size:2.5rem;font-weight:700;color:var(--gasgo-orange);margin-bottom:8px}.highlight-item .stat-label{font-size:1rem;color:#6b7280;font-weight:500}.highlight-item h3{color:var(--gasgo-orange);margin-bottom:8px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:40px}.step{text-align:center;padding:24px;background:#fffffff2;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,0,0,.1)}.step-number{width:40px;height:40px;background:var(--gasgo-orange);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-weight:700}.services-preview{text-align:center;padding:32px;background:#fffffff2;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,0,0,.1)}.company-background{margin-bottom:32px}.mission-vision{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:32px}.mission,.vision{padding:24px;background:#fffffff2;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,0,0,.1)}.mission h3,.vision h3{color:var(--gasgo-orange);margin-bottom:12px}.why-trust{padding:24px;background:#fffffff2;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,0,0,.1)}.why-trust h3{color:var(--gasgo-orange);margin-bottom:16px}.why-trust ul{list-style:none;padding:0}.why-trust li{padding:8px 0;border-bottom:1px solid rgba(0,0,0,.1)}.why-trust li:before{content:"✓";color:var(--gasgo-orange);font-weight:700;margin-right:8px}.service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin-bottom:24px}.service-item{padding:24px;background:#fffffff2;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,0,0,.1)}.service-item h3{color:var(--gasgo-orange);margin-bottom:12px}.price{color:var(--gasgo-orange);font-weight:700;font-size:1.1rem}.pricing-note{text-align:center;color:var(--gasgo-muted);font-style:italic}.contact-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:32px}.contact-item{padding:24px;background:#fffffff2;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,0,0,.1);text-align:center}.contact-item h3{color:var(--gasgo-orange);margin-bottom:8px}.contact-form{padding:24px;background:#fffffff2;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(0,0,0,.1)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;color:var(--gasgo-ink);font-weight:500}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid rgba(0,0,0,.2);border-radius:6px;font-size:1rem}.submit-btn{background:var(--gasgo-orange);color:#fff;border:none;padding:12px 24px;border-radius:6px;font-size:1rem;cursor:pointer;transition:background-color .3s}.submit-btn:hover{background:var(--gasgo-orange-deep)}.user-login-navbar__link.active,.user-login-navbar__button.active{background:#f05a001a;color:var(--gasgo-orange)}.user-login-card__links button.user-login-card__link{background:#fffffff2;border-radius:16px;border:1px solid rgba(217,79,0,.08);box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:inherit;font-family:inherit;font-size:inherit;text-decoration:underline;cursor:pointer;padding:0}.user-login-card__links button.user-login-card__link:hover{color:var(--gasgo-orange)}.company-registration-link{margin:16px 0 0;color:#4b5563;text-align:center;font-size:14px}.company-registration-status{max-width:440px;margin:0 auto 16px;padding:10px 14px;border-radius:8px;background:#f0fdf4;color:#166534;text-align:center;font-size:14px}.company-registration-link a{color:#ea580c;font-weight:600}
