.standalone-page{min-height:65vh;padding-bottom:65px}.page-intro{padding:30px 0 32px;font-size:12px;color:#758090}.page-intro h1{font-size:34px;margin:24px 0 12px;letter-spacing:-.6px}.page-intro p{font-size:15px;max-width:720px;line-height:1.9}.page-intro>a:hover{color:#111}.page-panel{background:#fff;border:1px solid #e5e9ef;border-radius:20px;padding:30px}.page-panel h2{font-size:22px;margin-bottom:16px}.page-panel p{line-height:1.9;color:#6c798b}.form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px;align-items:start;max-width:1050px;margin:auto}.form-story{padding:40px;border-radius:20px;background:linear-gradient(145deg,#fff4c2,#ffde58);min-height:400px;display:flex;flex-direction:column;align-items:flex-start;gap:25px}.form-story>.icon,.form-story>[data-icon] .icon{width:50px;height:50px;font-size:42px}.form-story h2{font-size:32px;line-height:1.5}.form-story p{font-size:15px;line-height:1.9}.form-story a{margin-top:auto;font-size:12px;font-weight:650}.page-panel .notice{font-size:12px;margin-bottom:22px}.page-panel .dialog-form{margin-top:20px}.page-panel input,.page-panel select{min-height:46px}.page-panel textarea{min-height:125px}.page-panel .button{min-height:46px}.add-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.tips h2{font-size:19px}.tips ol{padding-left:20px;color:#6c798b;line-height:1.9}.tips li{padding:9px 0}.tips p{font-size:12px}.fleet-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fleet-detail .fleet-mark{width:60px;height:60px;margin-bottom:22px}.fleet-detail h2{font-size:20px}.fleet-rate{display:flex;gap:12px;align-items:center;padding:25px 0;margin:15px 0;border-block:1px solid #edf0f4}.fleet-rate strong{font-size:34px}.fleet-rate span{font-size:12px;color:#788494}.fleet-detail details{background:#f8f9fb;padding:15px;border-radius:12px;font-size:12px}.fleet-detail summary{cursor:pointer;font-weight:650}.fleet-detail details p{padding-top:14px}.page-cta{margin-top:28px;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.page-cta>div{flex:1;min-width:220px}.page-cta h2{margin-bottom:7px}.page-note{font-size:12px;color:#86909c;margin-top:20px}.standalone-page .marketplace-main{min-width:0}
@media(max-width:900px){.form-layout{grid-template-columns:1fr 1.2fr}.form-story{padding:25px}.form-story h2{font-size:25px}.add-layout{grid-template-columns:1fr}.tips{max-width:none}.fleet-page-grid{grid-template-columns:1fr}.fleet-detail{display:grid;grid-template-columns:70px 1fr;column-gap:20px}.fleet-detail .fleet-mark{grid-row:1/3}.fleet-detail details,.fleet-rate{grid-column:1/-1}}
@media(max-width:650px){.page-intro{padding:22px 0}.page-intro h1{font-size:27px}.page-intro p{font-size:13px}.form-layout{grid-template-columns:1fr}.form-story{min-height:0;gap:15px}.form-story h2 br{display:none}.form-story h2{font-size:24px}.form-story p{font-size:13px}.form-story>[data-icon]{display:none}.page-panel{padding:22px;border-radius:16px}.page-panel h2{font-size:20px}.page-cta{gap:15px}.page-cta .button{width:100%}.standalone-page{padding-bottom:35px}}
.form-layout>* { min-width:0; }
.page-panel .field { min-width:0; }
.page-panel input,.page-panel select,.page-panel textarea { max-width:100%; min-width:0; }
.form-story a,.page-panel .notice { overflow-wrap:anywhere; }
/* Form photography. */
.form-story{background:linear-gradient(180deg,#0b1d36a8,#0b1d361a 65%,#06101ee6),url('../images/pages/auth.opt.webp') center/cover;color:#fff;min-height:630px;padding:34px;gap:20px}
.form-story h2,.form-story p,.form-story a{color:#fff}.form-story>[data-icon]{color:#ffcf24}.form-story p{max-width:300px}.form-story a{padding:12px 0;border-bottom:1px solid #ffffff70}
.tips{background:linear-gradient(180deg,#071729ef,#07172980 60%,#07172920),url('../images/pages/add.opt.webp') center/cover;min-height:650px;padding-bottom:190px;color:#fff}.tips h2,.tips ol,.tips p{color:#fff}.tips p{color:#d3dce8}
.social-buttons{display:grid;gap:10px}.social-buttons button{display:flex;justify-content:center;align-items:center;gap:12px;border:1px solid #dfe4eb;border-radius:10px;min-height:46px;font-size:12px;font-weight:650;background:#fff}.social-buttons button:hover{background:#f5f7fa;border-color:#aebac9}.social-mark{display:grid;place-items:center;width:24px;height:24px;font-family:Arial,sans-serif;font-size:22px;font-weight:700}.google-mark{color:#4285f4}.facebook-mark{background:#1877f2;color:#fff;border-radius:50%;padding-top:3px}.social-auth{margin-top:20px}.auth-divider{display:flex;align-items:center;gap:12px;color:#8c95a2;font-size:11px;margin:22px 0 0}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#e7ebf0;flex:1}#social-status{background:#f5f7fb;border-radius:8px;padding:12px;margin-top:10px;font-size:12px}
@media(max-width:900px){.form-story{padding:25px}}
@media(max-width:650px){.form-story{min-height:400px}.form-story p{max-width:250px}.form-story a{margin-top:90px}.tips{min-height:590px}}
.fleet-registration .form-layout { max-width:none; grid-template-columns:280px minmax(0,1fr); gap:24px; }
.fleet-registration .form-story { padding:28px; }
.fleet-registration .form-story h2 { font-size:26px; }
@media(max-width:1050px) { .fleet-registration .form-layout { grid-template-columns:1fr; } .fleet-registration .form-story { display:none; } }

.account-type-switch { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.account-type-switch a { padding:13px 18px; border:1px solid #dce3ec; border-radius:10px; background:#fff; font-size:13px; font-weight:650; color:#182b40; }
.account-type-switch a[aria-current=page] { background:#fff5cd; border-color:#e6b900; }
.owner-intent { display:flex!important; align-items:center; gap:10px; font-size:13px; margin:12px 0 18px; }
.owner-intent input[type=checkbox] { width:18px; height:18px; min-height:0; accent-color:#bc9000; }
.owner-fleet-link { display:inline-block; margin-top:12px; font-size:12px; color:#2460ae; }

.photo-dropzone { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; min-height:200px; border:2px dashed #d3dce8; border-radius:16px; background:#f8fafc; text-align:center; padding:24px; transition:background .2s,border-color .2s; }
.photo-dropzone:hover,.photo-dropzone.drag-over,.photo-dropzone:focus-within { border-color:#d4aa00; background:#fff9df; }
.photo-dropzone input[type=file] { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.photo-dropzone strong { font-size:16px; }.photo-dropzone>span:not(.drop-symbol),.photo-dropzone small { font-size:12px; color:#77869a; }
.drop-symbol { width:44px; height:44px; display:grid; place-items:center; background:#ffedaa; border-radius:12px; font-size:30px; color:#987500; }
.photo-status { font-size:12px; color:#66758b; margin:14px 0; }
.photo-previews { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.photo-preview-card { min-width:0; position:relative; overflow:hidden; border:1px solid #dfe5ed; border-radius:12px; padding:6px; background:#fff; }
.photo-preview-card.is-main { border:2px solid #e5b400; padding:5px; background:#fffbeb; }
.photo-preview-card img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:8px; display:block; }
.photo-filename { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:8px 4px; font-size:11px; color:#6c7b8f; }
.photo-main { width:100%; min-height:36px; border:0; border-radius:7px; background:#f0f3f7; font-size:11px; font-weight:650; }.is-main .photo-main { background:#ffe896; color:#755b00; }
.photo-remove { position:absolute; top:12px; right:12px; width:30px; height:30px; border:0; border-radius:50%; background:#172536d9; color:white; font:24px/1 Arial; display:grid; place-items:center; }.photo-remove:hover { background:#c53844; }
.ad-preview-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }.ad-preview-gallery img { width:100%; aspect-ratio:4/3; object-fit:cover; border-radius:10px; }.ad-preview-gallery img:first-child { grid-column:1/-1; aspect-ratio:16/9; }
@media(max-width:600px) { .photo-previews { grid-template-columns:repeat(2,minmax(0,1fr)); }.photo-dropzone { padding:18px; }.photo-dropzone strong { font-size:14px; } }
@media(max-width:650px) {
 body[data-page=login] .form-layout #page-form { grid-row:1; }
 body[data-page=login] .form-story { min-height:330px; }
 .page-panel input:not([type=radio]):not([type=checkbox]):not([type=file]),.page-panel select,.page-panel textarea { font-size:16px; }
 .social-buttons button { min-height:48px; }
 .photo-main { min-height:44px; }.photo-remove { width:38px; height:38px; }
}

body[data-page="login"] .form-layout { max-width:none; grid-template-columns:280px minmax(0,1fr); }
@media(max-width:1050px) { body[data-page="login"] .form-layout { grid-template-columns:1fr; } body[data-page="login"] .form-story { display:none; } }
body[data-page="login"] .form-story { padding:28px; } body[data-page="login"] .form-story h2 { font-size:26px; }