:root{--blue:#0a66e8;--blue2:#003f9f;--orange:#ff7a00;--ink:#0a1830;--muted:#66758c;--line:#dfe8f3;--soft:#f4f8fd;--navy:#061a35;--green:#14a766;--red:#d44747;--shadow:0 16px 45px rgba(14,56,109,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%}button,input,select,textarea{font:inherit}.topbar{position:sticky;top:0;z-index:50;height:82px;display:flex;align-items:center;gap:28px;padding:0 4vw;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;min-width:260px}.brand img{width:74px;height:58px;object-fit:contain}.brand strong{font-size:27px;letter-spacing:-1px;color:var(--blue2)}.brand strong span{color:var(--orange)}.brand small{display:block;font-size:11px;color:var(--muted);margin-top:-2px}.mainnav{display:flex;align-items:center;gap:25px;flex:1;justify-content:center}.mainnav a{font-size:14px;font-weight:700;color:#283a54}.mainnav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:10px;align-items:center}.nav-link{font-weight:800;color:var(--blue)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;border:0;border-radius:10px;padding:0 18px;background:linear-gradient(135deg,#0b72ef,#0756d5);color:#fff;font-weight:850;cursor:pointer;box-shadow:0 8px 20px rgba(10,102,232,.2)}.btn:hover{transform:translateY(-1px)}.btn.sm{min-height:38px;padding:0 14px;font-size:13px}.btn.wide{width:100%}.btn-outline{background:#fff;color:var(--blue);border:1px solid #85b8ff;box-shadow:none}.btn-light{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 22px rgba(35,71,112,.08)}.btn-orange{background:linear-gradient(135deg,#ff8b10,#f76800)}.btn-danger{background:#c63d3d}.toast{position:fixed;right:20px;top:96px;z-index:100;padding:13px 17px;border-radius:10px;box-shadow:var(--shadow);font-weight:750}.toast.error{background:#fff0f0;color:#9e2929;border:1px solid #efc3c3}.toast.success{background:#effff5;color:#166b3d;border:1px solid #bde7cd}.hero{min-height:505px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:50px 5.8vw;background:radial-gradient(circle at 73% 35%,rgba(36,146,255,.15),transparent 34%),linear-gradient(180deg,#fbfdff,#f3f8ff);overflow:hidden}.hero-copy{max-width:690px}.eyebrow{color:var(--blue);font-size:12px;font-weight:950;letter-spacing:1.7px}.hero h1{font-size:53px;line-height:1.05;letter-spacing:-2.6px;margin:14px 0 18px}.hero h1 span{color:var(--blue)}.hero h1 em{font-style:normal;color:var(--orange)}.hero p{font-size:17px;line-height:1.7;color:#52627a;max-width:650px}.hero-buttons{display:flex;gap:12px;margin:25px 0}.hero-checks{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;font-weight:750;color:#40536c}.hero-checks span:before{color:var(--blue)}.hero-art{position:relative;display:flex;justify-content:center;align-items:center;min-height:400px}.hero-art img{width:min(100%,720px);filter:drop-shadow(0 26px 24px rgba(0,76,162,.14))}.orbit-card{position:absolute;background:#fff;border:1px solid #d8e7f7;border-radius:15px;padding:12px 16px;box-shadow:var(--shadow);font-weight:850;font-size:13px}.orbit-card.one{left:4%;bottom:22%}.orbit-card.two{right:2%;top:20%}.search-strip{max-width:1040px;margin:-35px auto 0;position:relative;z-index:2;padding:0 20px}.search-strip form{display:grid;grid-template-columns:1.5fr 1fr auto;gap:12px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:0 20px 50px rgba(13,65,125,.13)}.search-strip label,.form-panel label,.auth-panel label{display:block;font-size:12px;font-weight:850;color:#3e5068;margin-bottom:7px}.search-strip input,.listing-hero input,.listing-hero select,.form-panel input,.form-panel select,.form-panel textarea,.auth-panel input,.auth-panel select,.order-actions textarea,.inline-form select{width:100%;border:1px solid #cad8e8;background:#fff;border-radius:10px;padding:12px 13px;outline:none;color:var(--ink)}.search-strip input:focus,.form-panel input:focus,.form-panel textarea:focus,.auth-panel input:focus{border-color:#70afff;box-shadow:0 0 0 3px rgba(10,102,232,.09)}.stats{margin:30px auto 0;max-width:1180px;border-radius:16px;background:linear-gradient(135deg,#041a38,#07366b);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:21px 28px;box-shadow:var(--shadow)}.stats div{padding:5px 25px;border-right:1px solid rgba(255,255,255,.12)}.stats div:last-child{border:0}.stats b{display:block;font-size:24px}.stats span{font-size:12px;color:#bbd0ea}.section{max-width:1240px;margin:58px auto;padding:0 24px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-head h2{font-size:28px;margin:0 0 5px;letter-spacing:-.6px}.section-head p{margin:0;color:var(--muted)}.section-head>a{color:var(--blue);font-size:13px;font-weight:850}.category-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.category-card{min-height:125px;padding:19px 15px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center;box-shadow:0 8px 25px rgba(16,65,117,.05);transition:.2s}.category-card:hover{transform:translateY(-4px);border-color:#9cc6ff;box-shadow:var(--shadow)}.category-card span{display:block;font-size:30px;margin-bottom:8px}.category-card b{display:block;font-size:14px}.category-card small{color:var(--muted);font-size:11px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-grid.big{grid-template-columns:repeat(4,1fr)}.service-card{display:block;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 8px 28px rgba(18,62,110,.07);transition:.2s}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.service-image{height:185px;position:relative;background:#eaf3ff;overflow:hidden}.service-image img{width:100%;height:100%;object-fit:cover}.service-placeholder{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 20%,#87c6ff 0,transparent 23%),linear-gradient(135deg,#072d68,#0a74ed);color:#fff}.service-placeholder span{font-size:70px;font-weight:950;opacity:.95}.service-placeholder small{font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:900}.service-badge{position:absolute;left:12px;top:12px;background:#071c39;color:#fff;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:950;letter-spacing:1px}.service-body{padding:15px}.service-body>small{color:var(--blue);font-weight:800}.service-body h3{font-size:16px;line-height:1.35;margin:6px 0 11px;min-height:43px}.seller-line{display:flex;align-items:center;gap:7px;color:#4d5c70;font-size:12px}.seller-line.big{font-size:14px;flex-wrap:wrap}.mini-avatar{width:24px;height:24px;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;background:#e5f1ff;color:var(--blue);font-weight:900}.rating{font-size:12px;color:#f39200;margin-top:10px;font-weight:850}.rating span{color:#7c899b}.price{display:flex;align-items:baseline;justify-content:flex-end;gap:4px;border-top:1px solid #edf2f7;margin-top:12px;padding-top:11px}.price span{margin-right:auto;color:#78869a;font-size:11px}.price b{font-size:17px}.price small{color:var(--muted)}.cta-band{max-width:1240px;margin:65px auto;padding:38px 42px;border-radius:22px;background:radial-gradient(circle at 80% 0,rgba(16,130,255,.5),transparent 35%),linear-gradient(135deg,#061b38,#073a73);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-band h2{font-size:30px;margin:6px 0}.cta-band p{color:#bdd0e8;margin:0}.footer{margin-top:65px;border-top:1px solid var(--line);background:#f8fbff}.trust-row{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);padding:28px 24px;gap:20px}.trust-row div{display:grid;grid-template-columns:auto 1fr;column-gap:9px;align-items:start}.trust-row b{font-size:12px}.trust-row span{grid-column:2;font-size:10px;color:var(--muted)}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;padding:18px 5vw;color:#718095;font-size:11px}.auth-body{background:linear-gradient(135deg,#f7fbff,#eef5ff)}.auth-wrap{min-height:700px;display:grid;place-items:center;padding:45px 20px}.auth-panel{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:32px}.auth-logo{text-align:center}.auth-logo img{height:100px;object-fit:contain}.auth-panel h1{font-size:31px;margin:6px 0}.auth-panel p{color:var(--muted)}.auth-panel form{display:grid;gap:9px;margin-top:22px}.auth-panel label{margin-top:7px}.center{text-align:center}.content-page{max-width:1180px;margin:0 auto;padding:55px 24px}.page-hero{text-align:center;padding:45px 10px}.page-hero h1{font-size:48px;margin:10px 0}.page-hero p{font-size:18px;color:var(--muted)}.page-hero.split{display:grid;grid-template-columns:1fr 1fr;text-align:left;align-items:center}.page-hero.split img{max-height:430px;object-fit:contain}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps-grid>div{border:1px solid var(--line);border-radius:16px;padding:25px}.steps-grid b{display:grid;place-items:center;width:42px;height:42px;background:#e7f2ff;color:var(--blue);border-radius:12px}.steps-grid p{color:var(--muted);line-height:1.6}.listing-page{max-width:1280px;margin:auto;padding:42px 24px}.listing-hero{background:linear-gradient(135deg,#eff7ff,#fff6eb);border:1px solid var(--line);border-radius:22px;padding:35px}.listing-hero h1{font-size:40px;margin:9px 0 22px}.listing-hero form{display:grid;grid-template-columns:1.4fr 1fr .8fr auto;gap:10px}.listing-meta{display:flex;justify-content:space-between;margin:28px 0 18px;color:var(--muted);font-size:13px}.listing-meta b{color:var(--ink)}.empty{max-width:950px;margin:60px auto;padding:45px;text-align:center;border:1px dashed #bdd0e7;background:#f8fbff;border-radius:18px}.empty.small{margin:15px 0;padding:25px}.service-page{max-width:1180px;margin:auto;padding:35px 24px}.breadcrumbs{font-size:12px;color:#8090a3;margin-bottom:18px}.service-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:28px;align-items:start}.service-cover.large{height:450px;border-radius:20px;overflow:hidden;background:#e8f3ff}.service-cover.large img{width:100%;height:100%;object-fit:cover}.hero-placeholder span{font-size:130px}.service-copy{padding:25px 5px}.service-copy h1{font-size:36px;letter-spacing:-1px;margin:12px 0}.service-copy h2{font-size:22px;margin-top:32px}.longcopy{color:#52627a;line-height:1.8}.pill{display:inline-block;background:#e7f2ff;color:var(--blue);padding:6px 9px;border-radius:999px;font-size:10px;font-weight:950}.verified{color:var(--blue);font-weight:850}.checkout-card{position:sticky;top:105px;border:1px solid #d9e5f2;border-radius:18px;padding:22px;background:#fff;box-shadow:var(--shadow)}.tabs{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.tabs span{color:var(--muted);font-size:12px}.price-large{font-size:34px;font-weight:950;margin:22px 0}.price-large small{font-size:13px;color:var(--muted);font-weight:600}.checkout-card ul{list-style:none;padding:0;display:grid;gap:9px;color:#42546c;font-size:13px}.fee-box{margin:20px 0;border:1px solid var(--line);border-radius:12px;padding:12px}.fee-box>div{display:flex;justify-content:space-between;padding:7px 2px;font-size:12px}.fee-box .total{border-top:1px solid var(--line);margin-top:6px;padding-top:12px;font-size:14px}.payment-note{display:block;text-align:center;color:var(--muted);margin-top:12px;line-height:1.4}.dashboard-body{background:#f4f7fb}.dash-shell{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 82px)}.sidebar{background:linear-gradient(180deg,#061a35,#06264f);color:#c8d9ed;padding:22px 14px}.side-brand{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:950;color:#fff;padding:8px 12px 20px}.side-brand:first-letter{color:var(--orange)}.side-brand span{font-size:18px}.profile-mini{display:flex;align-items:center;gap:10px;padding:13px;background:rgba(255,255,255,.06);border-radius:12px;margin-bottom:20px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--blue),#2b94ff);color:#fff;font-weight:950}.profile-mini b,.profile-mini small{display:block}.profile-mini small{color:#93aac5;font-size:10px}.sidebar nav{display:grid;gap:4px}.sidebar nav a{padding:10px 11px;border-radius:8px;font-size:13px;font-weight:700}.sidebar nav a:hover{background:rgba(39,133,255,.16);color:#fff}.side-label{font-size:9px;letter-spacing:1.3px;color:#728aa5;font-weight:900;margin:18px 10px 4px}.dash-main{padding:28px;min-width:0}.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dash-top small{color:var(--muted)}.dash-top h1{font-size:25px;margin:3px 0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:19px;box-shadow:0 6px 24px rgba(16,59,104,.05)}.metric small,.metric span{display:block;color:var(--muted);font-size:11px}.metric b{display:block;font-size:25px;margin:7px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 7px 25px rgba(11,53,99,.05);margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:13px}.panel h2,.panel-head h2{margin:0;font-size:18px}.panel-head>a{color:var(--blue);font-size:12px;font-weight:850}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:#728199;font-size:10px;text-transform:uppercase;letter-spacing:.6px;padding:11px;border-bottom:1px solid var(--line)}td{padding:12px 11px;border-bottom:1px solid #edf2f7}td a{color:var(--blue);font-weight:850}.block{display:block;color:var(--muted);margin-top:3px}.status{display:inline-block;border-radius:999px;padding:5px 8px;background:#edf3fb;color:#52637a;font-size:10px;font-weight:900;text-transform:uppercase}.status.active,.status.published,.status.completed,.status.paid{background:#e7f8ef;color:#16804a}.status.pending,.status.pending_payment,.status.delivered,.status.open{background:#fff4d9;color:#9a6a00}.status.disputed,.status.rejected,.status.banned{background:#ffeaea;color:#b43939}.status.suspended{background:#f3ecff;color:#7046a5}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.quick-links a{background:#f4f8fd;border:1px solid var(--line);border-radius:10px;padding:12px;color:var(--blue);font-weight:800;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1/-1}.form-panel textarea{resize:vertical}.divider{border-top:1px solid var(--line);padding-top:18px}.divider h3{margin-bottom:5px}.divider p{color:var(--muted);font-size:12px;max-width:900px}.inline-form{display:flex;gap:7px;align-items:center}.inline-form select{padding:7px;min-width:110px}.order-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:18px}.order-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;background:#f7faff;border:1px solid #e5edf6;border-radius:11px;padding:12px;margin-bottom:15px}.order-facts small,.order-facts b{display:block}.order-facts small{color:var(--muted);font-size:10px}.chat-box{height:420px;overflow:auto;background:#f8fbff;border:1px solid var(--line);border-radius:12px;padding:14px}.msg{max-width:75%;margin:10px 0;background:#fff;border:1px solid #dfe8f3;border-radius:12px;padding:10px 12px}.msg.system{max-width:100%;background:#eef6ff;color:#305272}.msg b{font-size:11px}.msg p{margin:5px 0;font-size:13px;line-height:1.5}.msg small{font-size:9px;color:#8794a6}.chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.chat-form input{border:1px solid #cbd9e9;border-radius:10px;padding:12px}.order-actions form{margin:12px 0}.order-actions textarea{min-height:90px}
@media(max-width:1100px){.mainnav{display:none}.brand{min-width:0}.hero{grid-template-columns:1fr}.hero-art{min-height:320px}.category-grid{grid-template-columns:repeat(4,1fr)}.service-grid,.service-grid.big{grid-template-columns:repeat(3,1fr)}.stats{margin-left:20px;margin-right:20px}.dash-shell{grid-template-columns:210px 1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.topbar{height:auto;min-height:72px;padding:8px 14px}.brand img{width:55px;height:50px}.brand strong{font-size:20px}.brand small{display:none}.nav-actions .nav-link{display:none}.hero{padding:40px 20px}.hero h1{font-size:39px}.hero-art{min-height:250px}.orbit-card{display:none}.search-strip{margin-top:0}.search-strip form,.listing-hero form{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats div{border:0}.category-grid{grid-template-columns:repeat(2,1fr)}.service-grid,.service-grid.big{grid-template-columns:1fr 1fr}.trust-row{grid-template-columns:1fr 1fr}.cta-band{margin-left:18px;margin-right:18px;padding:28px;flex-direction:column;align-items:flex-start}.page-hero h1{font-size:38px}.page-hero.split,.steps-grid,.service-layout,.two-panels,.order-grid{grid-template-columns:1fr}.checkout-card{position:static}.dash-shell{display:block}.sidebar{display:none}.dash-main{padding:18px}.metric-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.order-facts{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:7px}}@media(max-width:520px){.service-grid,.service-grid.big{grid-template-columns:1fr}.hero-buttons{flex-direction:column}.hero h1{font-size:34px}.hero-checks{gap:8px}.stats{grid-template-columns:1fr 1fr;padding:14px}.stats b{font-size:18px}.category-grid{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr}.nav-actions .btn-outline{display:none}.service-cover.large{height:300px}.service-copy h1{font-size:28px}.listing-hero h1{font-size:31px}}

/* TradePlex v0.3 Demo Showcase */
.demo-banner{max-width:1180px;margin:18px auto 0;padding:14px 18px;border:1px solid #bcd9ff;background:linear-gradient(135deg,#edf7ff,#fff7ed);border-radius:15px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 9px 28px rgba(18,62,110,.07)}.demo-banner>div{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px}.demo-banner small{grid-column:2;color:#5e6d81;margin-top:2px}.demo-dot{width:10px;height:10px;border-radius:50%;background:#16a765;box-shadow:0 0 0 5px rgba(22,167,101,.12)}
.feature-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-showcase>div,.seller-benefits>div{border:1px solid var(--line);background:#fff;border-radius:17px;padding:24px;box-shadow:0 8px 28px rgba(18,62,110,.055)}.feature-showcase>div>span{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#e9f4ff,#fff1e5);font-size:22px;color:var(--blue);font-weight:950}.feature-showcase h3,.seller-benefits h3{margin:15px 0 7px}.feature-showcase p,.seller-benefits p{color:var(--muted);line-height:1.6;font-size:13px}.process-band{margin:36px 0 10px;padding:28px;border-radius:20px;background:linear-gradient(135deg,#061b38,#073b76);color:#fff}.process-band h2{margin-top:0}.process-flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.process-flow b{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.13);padding:10px 13px;border-radius:10px}.process-flow i{font-style:normal;color:#75b8ff}.seller-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.seller-benefits>div>b{font-size:28px;color:var(--orange)}
.jobs-hero p{color:var(--muted);margin-top:-10px;margin-bottom:22px}.job-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.job-card{display:block;border:1px solid var(--line);border-radius:16px;padding:19px;background:#fff;box-shadow:0 8px 26px rgba(18,62,110,.06);transition:.2s}.job-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#9bc6ff}.job-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.job-card>small{display:block;color:var(--blue);font-weight:850;margin-top:15px}.job-card h3{font-size:18px;line-height:1.35;margin:7px 0 8px}.job-card p{color:var(--muted);font-size:13px;line-height:1.55;min-height:62px}.job-meta{display:flex;gap:14px;flex-wrap:wrap;color:#607086;font-size:11px}.job-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf2f7;margin-top:15px;padding-top:13px}.job-bottom b{font-size:16px}.job-bottom span{font-size:11px;color:var(--muted)}.job-detail{max-width:1180px;margin:auto;padding:38px 24px}.job-detail-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);gap:20px;align-items:start}.job-detail h1{font-size:36px;margin:14px 0}.budget-box{margin-top:25px;padding:18px;border:1px solid #d8e7f7;background:#f6faff;border-radius:14px}.budget-box small,.budget-box b{display:block}.budget-box small{color:var(--muted);margin-bottom:6px}.budget-box b{font-size:25px}.offer-card{border:1px solid var(--line);border-radius:13px;padding:15px;margin-top:12px;background:#fbfdff;position:relative}.offer-card>div{padding-right:80px}.offer-card small{display:block;color:var(--muted);margin-top:3px}.offer-card>strong{position:absolute;right:15px;top:15px;color:var(--blue)}.offer-card p{font-size:12px;line-height:1.55;color:#52627a}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.package-card{border:1px solid var(--line);border-radius:14px;padding:17px;background:#fff;box-shadow:0 6px 20px rgba(18,62,110,.05)}.package-card:nth-child(2){border-color:#8fc0ff;background:#f7fbff}.package-name{font-size:10px;font-weight:950;letter-spacing:1px;color:var(--blue)}.package-card h3{margin:7px 0 5px;font-size:16px}.package-card p{font-size:12px;line-height:1.5;color:var(--muted);min-height:55px}.package-card>b{display:block;font-size:21px;margin-top:8px}.package-card small{display:block;color:var(--muted);font-size:10px;margin-top:6px}
.demo-control-hero{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px;padding:25px;border-radius:18px;background:linear-gradient(135deg,#eef7ff,#fff5e8);border:1px solid #cfe0f4}.demo-control-hero h2{font-size:25px;margin:5px 0}.demo-control-hero p{margin:0;color:#53647b;max-width:850px;line-height:1.55}.demo-state{white-space:nowrap;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:950;letter-spacing:.7px}.demo-state.on{background:#e7f8ef;color:#16804a}.demo-state.off{background:#eef2f7;color:#66758c}.demo-accounts{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.demo-accounts>div{padding:14px;border:1px solid var(--line);background:#f8fbff;border-radius:11px}.demo-accounts b,.demo-accounts code,.demo-accounts small{display:block}.demo-accounts code{margin:6px 0;color:#075fe5;font-weight:800;font-size:11px;overflow-wrap:anywhere}.demo-accounts small{color:var(--muted)}.demo-warning{background:#fff6e7;border:1px solid #f4d39f;border-radius:10px;padding:12px;color:#805a1b;font-size:12px}.demo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:14px}.demo-feature-grid span{border:1px solid #e0e9f3;background:#f9fbfe;padding:10px;border-radius:9px;font-size:12px;color:#40546d}
@media(max-width:1100px){.feature-showcase,.seller-benefits{grid-template-columns:repeat(2,1fr)}.job-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.demo-banner,.demo-control-hero{align-items:flex-start;flex-direction:column}.job-grid,.job-detail-grid,.package-grid,.demo-accounts{grid-template-columns:1fr}.demo-feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.feature-showcase,.seller-benefits,.job-grid,.demo-feature-grid{grid-template-columns:1fr}.process-flow i{display:none}}
.jobs-hero-action{display:flex;justify-content:flex-end;margin:-10px 0 12px}.offer-form{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.offer-form form,.extension-form{display:grid;gap:9px}.offer-form label,.extension-form h3{font-size:12px;font-weight:850;color:#3e5068}.offer-form input,.offer-form textarea,.extension-form input,.extension-form textarea{width:100%;border:1px solid #cad8e8;background:#fff;border-radius:10px;padding:11px 12px;color:var(--ink)}.extension-block{margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.extension-card{display:grid;grid-template-columns:1fr auto;gap:10px;border:1px solid var(--line);background:#f9fbfe;border-radius:12px;padding:13px;margin-top:10px}.extension-card small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.extension-card p{font-size:12px;color:#52627a;margin:7px 0 0}.extension-actions{grid-column:1/-1;display:flex;gap:8px}.extension-form{margin-top:14px;padding:14px;border:1px solid #dbe7f5;background:#f7fbff;border-radius:12px}.muted-copy{color:var(--muted);font-size:12px}.order-policy{border-top:1px solid var(--line);padding-top:14px;margin-top:15px}.order-policy p{font-size:11px;line-height:1.5;color:var(--muted)}
.review-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.review-card{border:1px solid var(--line);border-radius:13px;padding:15px;background:#fff}.review-stars{color:#f39200;letter-spacing:1px}.review-card p{font-size:13px;line-height:1.55;color:#4f6075;margin:8px 0}.review-card small{color:var(--muted)}@media(max-width:620px){.review-grid{grid-template-columns:1fr}}

/* TradePlex v0.3.1 demo credentials + production footer credit */
.auth-demo-wrap{padding-top:34px;padding-bottom:50px}.auth-demo-wrap .auth-panel{width:min(620px,100%)}.demo-login-box{margin-top:24px;border-top:1px solid var(--line);padding-top:20px}.demo-login-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.demo-login-head>b{font-size:15px}.demo-login-head>span{font-size:10px;font-weight:850;color:#0a66e8;background:#edf6ff;border:1px solid #cce3ff;border-radius:999px;padding:6px 9px}.demo-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.demo-login-card{appearance:none;text-align:left;border:1px solid #dce7f3;background:#f9fbfe;border-radius:12px;padding:12px;cursor:pointer;color:var(--ink);transition:.18s;box-shadow:none}.demo-login-card:hover,.demo-login-card.selected{border-color:#75b3ff;background:#eff7ff;transform:translateY(-1px)}.demo-login-card>span,.demo-login-card>b,.demo-login-card>small{display:block}.demo-login-card>span{font-size:9px;font-weight:950;letter-spacing:1px;color:var(--orange)}.demo-login-card>b{font-size:12px;margin:4px 0}.demo-login-card>small{font-size:10px;line-height:1.35;color:var(--muted)}.demo-login-note{display:block;margin-top:10px;color:#7a8799;font-size:10px;line-height:1.45}.footer-bottom b{color:#52647b}.service-cover.large img{width:100%;height:100%;object-fit:cover}@media(max-width:620px){.demo-login-grid{grid-template-columns:1fr}.demo-login-head{align-items:flex-start;flex-direction:column}}