/* YolCargo Neon — Android-first, original vector artwork, no remote assets. */
:root{color-scheme:dark;font-family:"Segoe UI",Roboto,Arial,sans-serif;--paper:#080b16;--ink:#f4f5ff;--muted:#9099b5;--line:#252a43;--lime:#cbff54;--green:#cbff54;--cyan:#58f3eb;--violet:#a27aff;--ease:cubic-bezier(.2,.8,.2,1);background:#040611;color:var(--ink)}
body{margin:0;background:radial-gradient(ellipse at 15% 25%,#43217925,transparent 50%),radial-gradient(ellipse at 90% 70%,#11707120,transparent 45%),#040611;min-height:100dvh}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{color:inherit}button:active{transform:scale(.975)}svg{pointer-events:none}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app{width:100%;max-width:480px;min-height:100dvh;margin:0 auto;background:radial-gradient(ellipse at 100% 5%,#34215325,transparent 33%),#080b16;border:0;border-radius:0;position:relative;box-shadow:0 0 90px #0005}.app::before{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,#58f3eb80,#a27aff,transparent);pointer-events:none}.sidebar,.desktop-heading{display:none!important}main{padding:0 20px 128px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:24px 22px 18px;border-bottom:1px solid #25283a66}.brand{font-size:24px;letter-spacing:-1px;font-weight:750;color:#fff;min-height:44px;background:none;border:0;padding:0}.brand-icon{width:39px;height:41px;margin-right:10px;background:linear-gradient(145deg,#ddff8b,#9bde34);border:1px solid #d8ff94;color:#142013;border-radius:13px;font-size:25px;box-shadow:0 0 24px #cbff5430,0 4px 0 #5b8029;letter-spacing:-6px}.brand-icon span{font-size:20px}.brand small{display:block;font-size:6px;letter-spacing:2.5px;line-height:1.6;color:#8691b0;font-weight:500;text-align:left;margin-top:4px}.brand-dot{color:var(--cyan);font-size:28px;align-self:flex-start;line-height:28px}.topbar-actions{display:flex;gap:9px;align-items:center}.country{display:flex;align-items:center;gap:6px;border:1px solid #30394c;border-radius:20px;padding:9px 10px;font-size:10px;color:#d3dfec;background:#111725}.country-dot{width:5px;height:5px;background:var(--cyan);box-shadow:0 0 8px #58f3eb99;border-radius:50%}.fx-toggle{width:36px;height:36px;display:grid;place-items:center;background:#17152a;border:1px solid #4c3d69;border-radius:12px;color:#b59aff}.fx-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round}.fx-toggle[aria-pressed=false]{color:#6c738a;background:#111524;border-color:#30364b}.greeting{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:23px 0 18px;color:#8e9cba;font-size:8px;letter-spacing:1.6px;font-weight:600}.greeting i{font-size:13px;color:var(--cyan);font-style:normal;vertical-align:middle;margin-left:4px}.edition{font-size:7px;letter-spacing:1px;border:1px solid #47405c;padding:5px 7px;color:#b69bdd;border-radius:5px;background:#20182e66}
.hero{background:radial-gradient(ellipse at 90% 45%,#47235955,transparent 58%),linear-gradient(145deg,#172331,#0b101e 60%,#161429);border:1px solid #394154;border-radius:28px;padding:25px 24px 19px;position:relative;overflow:hidden;isolation:isolate;min-height:0;box-shadow:inset 0 1px 0 #9cbadf20,0 18px 35px #0004}.hero::after{content:"";position:absolute;inset:0;border-radius:inherit;border:1px solid transparent;background:linear-gradient(130deg,#58f3eb55,transparent 25%,transparent 70%,#a27aff77) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none}.hero-grid{position:absolute;inset:30% -40% -60%;z-index:-1;background-image:linear-gradient(#56d7db0b 1px,transparent 1px),linear-gradient(90deg,#56d7db0b 1px,transparent 1px);background-size:35px 35px;transform:perspective(300px) rotateX(42deg);mask-image:linear-gradient(transparent,#000)}.hero-aura{position:absolute;right:-80px;top:110px;width:270px;height:270px;background:radial-gradient(circle,#6746d72c,transparent 70%);pointer-events:none;z-index:-1}.eyebrow{font-size:8px;letter-spacing:1.7px;display:flex;align-items:center;gap:8px;color:#a6bac9;font-weight:650}.eyebrow-line{height:1px;width:25px;background:linear-gradient(90deg,#65ae9c,#a8e86f)}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px #58f3eb88;flex-shrink:0}.hero h1{font-size:clamp(32px,9.3vw,42px);line-height:1.13;letter-spacing:-1.7px;margin:21px 0 12px;font-weight:750;max-width:none;position:relative;z-index:3;color:#f3f5ff}.hero h1>span{color:var(--lime);background:linear-gradient(100deg,#e0ff9d,#caff55 70%,#91e57f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px #b0fa3422)}.hero p{font-size:11px;line-height:1.8;color:#93a4be;margin:0;position:relative;z-index:3}.hero-stage{height:186px;position:relative;margin:-4px -24px 0;perspective:600px;pointer-events:none}.cargo-art{position:absolute;right:-6px;top:-42px;width:320px;height:auto;filter:drop-shadow(0 10px 18px #0007) drop-shadow(0 0 12px #9de75612);z-index:2}.neon-orbit{position:absolute;border-radius:50%;width:205px;height:86px;bottom:12px;right:21px;transform:rotate(-16deg);border:1px solid #55eadb5c;box-shadow:0 0 15px #58f3eb15,inset 0 0 13px #58f3eb12;z-index:1}.orbit-two{width:260px;height:125px;right:-12px;bottom:8px;transform:rotate(25deg);border-color:#a27aff4d;box-shadow:0 0 18px #a27aff15}.float-chip{position:absolute;font-size:9px;font-weight:600;letter-spacing:1px;border-radius:9px;padding:8px 10px;z-index:3;backdrop-filter:blur(10px)}.chip-one{top:54px;left:24px;background:#111d2fd9;border:1px solid #466879;box-shadow:0 6px 20px #0004;transform:rotate(-8deg);color:#b4cada}.chip-one b{color:var(--cyan);margin:0 7px;font-size:14px}.chip-two{bottom:29px;left:24px;background:#251d37d9;border:1px solid #574571;color:#c3aadf;transform:rotate(7deg);font-size:7px;letter-spacing:1.1px}.chip-two i{font-style:normal;color:#b79bff;margin-left:6px}.spark{position:absolute;color:var(--cyan);text-shadow:0 0 15px #58f3eb66;font-size:15px;z-index:3}.s1{left:27px;top:14px}.s2{right:23px;bottom:8px;color:#c5a4ff;font-size:10px}.s3{left:112px;bottom:5px;font-size:30px}.button{border-radius:13px;padding:15px 18px;min-height:51px;font-size:12px;font-weight:700;position:relative;isolation:isolate;overflow:hidden}.button span{font-size:20px}.lime,.green{color:#142014;background:linear-gradient(125deg,#dfff90,#baf548);box-shadow:0 0 22px #b2fa391b,inset 0 1px 0 #efffc5;border:1px solid #d5ff86}.lime{max-width:none;margin:0}.hero-cta{width:100%;position:relative;z-index:4}.hero-cta span{width:25px;height:25px;border-radius:50%;background:#243d1c;color:#d6ff9d;display:grid;place-items:center;font-size:18px}.hero-footer{font-size:8px;letter-spacing:.35px;color:#748c96;display:flex;justify-content:center;gap:7px;align-items:center;margin-top:14px}.hero-footer .live-dot{width:3px;height:3px;background:#9bc68b}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:29px 0 16px}.intro-label{display:block;font-size:7px;letter-spacing:1.8px;color:#737f9d;font-weight:600}.section-heading h2{font-size:21px;font-weight:650;letter-spacing:-.8px;margin:8px 0 0;color:#edf0fc}.section-heading h2>span{color:var(--cyan)}.section-heading>.text-button{border:1px solid #343c56;height:35px;width:35px;min-height:35px;border-radius:11px;font-size:21px;padding:0;color:#abbdce;background:#121827}.market-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.market{--tint:#efaa61;display:flex;flex-direction:column;align-items:stretch;text-align:left;min-width:0;background:radial-gradient(ellipse at 90% 0%,#cd843513,transparent 65%),linear-gradient(145deg,#1a1e2f,#101521);border:1px solid #333b52;border-radius:21px;padding:17px 16px 0;position:relative;overflow:hidden;box-shadow:0 9px 18px #0003,inset 0 1px 0 #ffffff06;transform-style:preserve-3d}.market::after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:1px;background:linear-gradient(90deg,transparent,var(--tint),transparent);box-shadow:0 0 12px var(--tint);opacity:.6}.market-top{display:flex;align-items:flex-start;justify-content:space-between;gap:5px}.market-logo{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;margin:0 0 16px;font-size:21px;letter-spacing:-1px;font-weight:800;position:relative;box-shadow:inset 0 1px 0 #ffffff33,0 7px 13px #0004;transform:perspective(200px) rotateY(-12deg) rotateX(8deg)}.market-logo.peach{background:linear-gradient(145deg,#ffb552,#e87521);color:#fff3d9;font-size:29px;font-style:italic}.market-logo.pdd{background:linear-gradient(145deg,#fc7a97,#dc3053);color:#fff;font-size:29px}.market-logo.red{background:linear-gradient(145deg,#ffa273,#e45626);color:#fff1d4;font-size:29px}.market-logo.orange{background:linear-gradient(145deg,#a196ff,#735fdd);color:#faf6ff;font-size:16px}.market-arrow{color:var(--tint);font-size:18px;opacity:.75}.market strong{font-size:17px;letter-spacing:-.35px;margin:0 0 5px;font-weight:650}.market small{font-size:10px;color:#818ca6;white-space:normal}.market-bottom{border-top:1px solid #2b3045;margin-top:17px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;font-size:6px;letter-spacing:1px;color:#8d98b5}.market-bottom i{font-style:normal;font-size:16px;letter-spacing:0;color:var(--tint)}.pdd-card{--tint:#ff819c;background:radial-gradient(ellipse at 90% 0%,#fc657415,transparent 65%),linear-gradient(145deg,#1a1e2f,#101521)}.taobao-card{--tint:#ff9e6d}.wholesale-card{--tint:#b2a0ff;background:radial-gradient(ellipse at 90% 0%,#9568df19,transparent 65%),linear-gradient(145deg,#1a1e2f,#101521)}
.quick-card{margin-top:22px;background:linear-gradient(130deg,#14242b,#101723 65%);border:1px solid #304953;border-radius:22px;padding:22px;box-shadow:inset 0 1px 0 #73d1d00b;position:relative}.card-kicker{display:flex;align-items:center;gap:9px;font-size:7px;letter-spacing:1.3px;color:#6ea6ad}.icon-tile{display:grid;place-items:center;height:29px;width:29px;border:1px solid #34686a;background:#17454840;border-radius:9px;color:var(--cyan);font-size:19px}.card-number{margin-left:auto;color:#71cbca;font-size:18px}.quick-card h2{font-size:21px;font-weight:600;letter-spacing:-.7px;margin:17px 0 9px}.quick-card>p{font-size:11px;line-height:1.75;color:#7f9aab;margin:0 0 16px}.quick-input{position:relative}.quick-input input{margin:0;height:52px;padding:14px 50px 14px 13px;background:#080f1e;border-color:#344e59;font-size:12px}.quick-input input::placeholder{font-size:10px;color:#637e90}.quick-input button{position:absolute;right:5px;top:5px;width:42px;height:42px;display:grid;place-items:center;border:1px solid #66e4df;border-radius:9px;background:linear-gradient(135deg,#8cfcf1,#47beba);color:#0a2c33;font-size:22px;box-shadow:0 0 14px #58f3eb22}.quick-hint{display:block;font-size:9px;color:#678593;margin-top:13px}.quick-card .error{color:#ffb0ae;margin-top:12px}.calculator-card{display:flex;align-items:center;gap:19px;background:radial-gradient(ellipse at 20% 100%,#54418825,transparent 70%),linear-gradient(135deg,#201831,#151426);border:1px solid #4b3b62;border-radius:23px;padding:24px 22px;margin:20px 0 0;position:relative;overflow:hidden}.calculator-symbol{display:grid;place-items:center;flex-shrink:0;width:52px;height:72px;border-radius:14px;background:linear-gradient(135deg,#b59bfa,#7561b9);color:#291947;font-size:28px;line-height:23px;box-shadow:5px 7px 0 #34264f,0 0 25px #a27aff24,inset 0 1px 0 #e7dcff88;transform:perspective(300px) rotateY(-15deg) rotateZ(-10deg)}.calculator-card .intro-label{font-size:6px;color:#9d8fbc;letter-spacing:1.5px;margin-bottom:8px}.calculator-card strong{font-size:22px;line-height:1.1;letter-spacing:-.6px;color:#f1eaff;margin:0;font-weight:600}.calculator-card small{display:block;font-size:9px;margin-top:10px;color:#9b8fab}.arrow{display:grid;place-items:center;flex-shrink:0;align-self:flex-end;width:29px;height:29px;border-radius:50%;border:1px solid #776491;background:#332642;color:#ceb8ef;font-size:19px;margin-left:auto}.route-card{width:100%;display:block;border:1px solid #293a43;border-radius:21px;background:linear-gradient(130deg,#112126,#0d1520);padding:20px 22px;margin-top:19px;text-align:left}.route-card-top{display:flex;justify-content:space-between;gap:10px;font-size:6px;letter-spacing:1.2px;color:#719197}.route-card-top>span:last-child{color:#90b6b9}.route-cities{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:17px}.route-cities>span{display:flex;flex-direction:column;gap:3px}.route-cities b{font-size:28px;line-height:1;letter-spacing:-1.5px;color:#c7e6e5}.route-cities small{font-size:10px;color:#5f8590}.route-cities>span:last-child{text-align:right}.route-cities .route-visual{flex-direction:row;align-items:center;gap:8px;flex:1;max-width:150px}.route-visual i{height:1px;flex:1;border-top:1px dashed #386168}.route-visual b{color:var(--cyan);font-size:22px;filter:drop-shadow(0 0 9px #58f3eb55)}.local-note{color:#5e6c84;font-size:9px;line-height:1.9;margin:22px 0 0}
.bottom-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;z-index:5;bottom:13px;left:50%;transform:translateX(-50%);width:calc(100% - 24px);max-width:450px;border:1px solid #3d425c;border-radius:22px;background:linear-gradient(120deg,#1a2033ef,#14192eef);padding:8px 6px max(8px,env(safe-area-inset-bottom));box-shadow:0 -1px 0 #898ec221,0 18px 40px #0009,0 0 30px #4237a414;backdrop-filter:blur(20px)}.bottom-nav button{display:flex;align-items:center;justify-content:center;flex-direction:column;background:none;color:#707c9b;border:0;position:relative;padding:8px 0;gap:7px;border-radius:14px;min-height:53px;min-width:0;font-size:8px;font-weight:500}.bottom-nav svg{width:20px;height:20px;stroke-width:1.6;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}.bottom-nav .active{color:var(--lime);background:linear-gradient(160deg,#46632924,#29381e14);font-weight:600}.bottom-nav .active svg{background:none;box-shadow:none;filter:drop-shadow(0 0 5px #cbff5466)}.bottom-nav .active::after{content:"";position:absolute;bottom:2px;width:13px;height:2px;border-radius:3px;background:var(--lime);box-shadow:0 0 10px var(--lime)}
.page-heading{margin:30px 0 26px}.dark{color:#899dba}.page-heading h1{font-size:35px;line-height:1.08;letter-spacing:-1.5px;color:#f1f4ff;margin:16px 0 12px;font-weight:650}.page-heading h1>span{color:var(--cyan)}.page-heading p{font-size:12px;color:#8a98b4;line-height:1.75}.market-directory{margin-top:22px}.market-guide{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid #2b3c4a;border-radius:20px;background:#111b29;margin-top:24px}.guide-orb{width:35px;height:35px;display:grid;place-items:center;border-radius:12px;border:1px solid #4a7076;color:var(--cyan);background:#143137;flex-shrink:0;font-size:22px}.market-guide h2{font-size:15px;line-height:1.4;margin:0 0 10px;color:#d1e7ed;font-weight:600}.market-guide p{font-size:11px;line-height:1.85;color:#7f98ac;margin:0}.shop-toolbar{display:flex;align-items:center;gap:13px;padding:22px 0}.round-button{height:40px;width:40px;border-radius:13px;background:#172236;border:1px solid #374b61;color:#c7d9e7;font-size:20px;flex-shrink:0}.shop-toolbar strong{display:block;font-size:16px;margin-bottom:4px}.shop-toolbar div>span{font-size:10px;color:#819bb1}.shop-lock{margin-left:auto;font-size:8px;color:#75beb4;border:1px solid #294f51;padding:5px 7px;border-radius:5px}.shop-preview{text-align:center;padding:35px 22px 29px;background:radial-gradient(circle at 50% 20%,#61439338,transparent 50%),linear-gradient(150deg,#151a30,#0e1423);border:1px solid #3c345c;border-radius:24px}.shop-orb{display:grid;place-items:center;width:89px;height:89px;border-radius:28px;background:linear-gradient(140deg,#7f62d6,#272242);border:1px solid #a689ff;color:#e6ddff;font-size:42px;box-shadow:0 14px 25px #0005,0 0 45px #a27aff2c,inset 0 1px 0 #dac7ff55;margin:0 auto 30px;transform:perspective(300px) rotateX(8deg) rotateY(-15deg)}.shop-preview .intro-label{font-size:8px;color:#a890ce;letter-spacing:1.4px}.shop-preview h1{font-size:31px;letter-spacing:-1px;line-height:1.15;margin:18px 0}.shop-preview h1 span{color:var(--cyan)}.shop-preview p{font-size:12px;line-height:1.8;color:#8597b1;margin:0 0 25px}.shop-preview .button{text-decoration:none;display:flex;width:100%;margin:0}.shop-preview>small{display:block;font-size:9px;line-height:1.6;color:#6c7e98;margin-top:16px}
.notice{background:#1c2830;border:1px solid #364d53;border-radius:13px;color:#a5c4c5;font-size:11px;line-height:1.8;padding:15px}.form-card{background:linear-gradient(140deg,#151a2a,#101522);border:1px solid #303750;border-radius:22px;padding:22px;box-shadow:inset 0 1px 0 #9bb7e309}.form-card label,dialog label{color:#a4b3ce;font-size:11px;margin-bottom:18px}label>span{color:#73839d}input,select,textarea{width:100%;background:#090f1d;border:1px solid #303f56;border-radius:11px;color:#e5eefd;font-size:13px;padding:14px;min-height:47px;margin-top:8px}input::placeholder,textarea::placeholder{color:#5a708d;font-size:11px}input:focus,select:focus,textarea:focus{border-color:#64b7ad;background:#0f1a2a;box-shadow:0 0 15px #58f3eb0d}select option{background:#111929;color:#dce6fa}.two-columns>*{min-width:0}.text-button{color:#b6d783;font-size:11px;min-height:44px}.error{color:#ffaba3;font-size:11px;line-height:1.8}.result-card{background:radial-gradient(ellipse at 100% 20%,#586f302c,transparent 60%),linear-gradient(135deg,#1c2d2c,#111c27);border:1px solid #5c7651;border-radius:22px;padding:24px;color:#b1c8bc;box-shadow:0 0 28px #cbff540c}.result-card h2{color:#b0caa0;font-size:12px}.total{font-size:31px;letter-spacing:-1px;font-weight:650;color:var(--lime);text-shadow:0 0 17px #cbff5424;overflow-wrap:anywhere}.cost-line{font-size:11px;color:#a4bcb5;border-top:1px solid #32443e;padding-top:13px;gap:10px}.order-toolbar{border-color:#273148;color:#8595b1;font-size:12px}.empty{background:linear-gradient(150deg,#151d30,#0e1525);border:1px dashed #3b4c65;border-radius:23px;color:#d5e3f2;padding:30px 22px}.empty-icon{font-size:50px;color:var(--cyan);text-shadow:0 0 25px #58f3eb66}.empty h2{font-size:20px;font-weight:600}.empty p{font-size:12px;color:#7a90ab}.order-card{background:linear-gradient(140deg,#182035,#111727);border-color:#303d57;border-radius:20px;padding:21px;box-shadow:0 8px 15px #0002}.order-top{font-size:10px;color:#7c92b1}.pill{display:inline-block;border:1px solid #49644b;border-radius:6px;background:#273e2a88;color:#b6db9a;font-size:9px;padding:5px 8px}.order-card h3{font-size:17px;font-weight:600;color:#dde9f7;line-height:1.4}.order-card p{font-size:11px;color:#8c9cbb}.sample-card{border:1px solid #394564;border-radius:20px;background:linear-gradient(135deg,#18263b,#131b2d);padding:19px;gap:13px}.square-icon{width:42px;height:44px;color:var(--cyan);background:#153c4433;border:1px solid #335864;border-radius:13px;font-size:24px}.sample-card strong{font-size:13px;color:#c4dcea}.sample-card small{font-size:10px;color:#7b92ac}.sample-card>span:last-child{margin-left:auto;color:#6fb9c0}.about-logo{background:linear-gradient(140deg,#20283a,#0c1628);color:var(--lime);border:1px solid #7b9a50;box-shadow:0 10px 0 #1c3124,0 0 60px #cbff5422;text-shadow:0 0 22px #b4f34855;transform:rotate(-5deg);margin:40px auto}.prose h2{color:#e2edff;font-size:21px}.prose h3{font-size:14px;color:#b7caf0}.prose p{font-size:12px;line-height:1.9;color:#8398b8}.version{font-size:10px;color:#688cac;border-top:1px solid #263c52;padding-top:19px}
dialog{background:linear-gradient(145deg,#192033,#0e1525);border:1px solid #516379;border-radius:27px;padding:24px;max-width:442px;max-height:89dvh;color:#e7eefa;box-shadow:0 0 50px #2e728225,0 25px 100px #000c}dialog::backdrop{background:#030612ba;backdrop-filter:blur(12px)}.dialog-header h2{font-size:24px;font-weight:600;color:#f1f5ff;letter-spacing:-.8px}.dialog-header .eyebrow{font-size:8px;color:#90accc}.close-button{background:#172136;border:1px solid #3d526e;color:#bacde9;width:41px;height:41px;font-size:24px}.detail-row{color:#afc3df;font-size:12px;line-height:1.8}.detail-row small{color:#6c88ac;margin-bottom:4px;font-size:10px}.danger{background:#3c202636;border:1px solid #74404e;color:#ffb0b4;border-radius:12px;min-height:48px}.timeline li{border-color:#35445b;padding-bottom:28px}.timeline li::before{background:#111d30;border-color:#53677b}.timeline li.done::before{background:var(--cyan);border-color:#4ba7a0;box-shadow:0 0 12px #58f3eb22}.timeline li.current::before{background:var(--lime);border-color:#7ba64a;box-shadow:0 0 0 5px #cbff5412,0 0 20px #cbff5433}.timeline strong{font-size:13px;color:#c5d8f1}.timeline small{font-size:10px;color:#748cac}.toast{bottom:105px;background:#152a31f5;border:1px solid #4c9297;color:#bbefed;border-radius:13px;padding:15px 20px;font-size:11px;box-shadow:0 0 25px #58f3eb19;backdrop-filter:blur(12px)}
@media(min-width:600px){body{padding:26px 0}.app{max-width:480px;border:1px solid #31364f;border-radius:33px;margin:0 auto;overflow:clip;box-shadow:0 20px 100px #0007,0 0 75px #59448d12}.topbar{padding-top:28px}.bottom-nav{max-width:450px}.hero h1{font-size:43px}.hero-stage{height:205px}.cargo-art{width:370px;right:-5px;top:-50px}.hero{padding-left:27px;padding-right:27px}.greeting{font-size:9px}.market{padding:20px 19px 0}.market-bottom{font-size:7px}.market strong{font-size:19px}.market small{font-size:11px}}
@media(max-width:359px){main{padding-left:15px;padding-right:15px}.topbar{padding:21px 16px 17px}.brand{font-size:22px}.brand-icon{width:34px;height:37px}.country{padding:8px;font-size:9px}.fx-toggle{width:33px;height:33px}.topbar-actions{gap:6px}.greeting{font-size:7px;letter-spacing:1px}.edition{font-size:6px;padding:5px;letter-spacing:.7px}.hero{padding:24px 19px 18px}.hero h1{font-size:31px;letter-spacing:-1.3px}.hero p{font-size:10px}.hero .eyebrow{font-size:7px;letter-spacing:1.2px;gap:7px}.hero-stage{height:172px;margin-left:-19px;margin-right:-19px}.cargo-art{width:280px;right:-12px;top:-27px}.chip-one{left:17px;top:50px;padding:7px;font-size:8px}.chip-two{left:18px;bottom:23px;font-size:6px;padding:6px 7px}.neon-orbit{width:180px;right:6px}.orbit-two{width:220px;right:-12px}.hero-footer{font-size:7px}.section-heading h2{font-size:19px}.market-grid{gap:10px}.market{padding:15px 12px 0;border-radius:18px}.market strong{font-size:15px}.market small{font-size:9px}.market-logo{width:40px;height:40px}.market-logo.peach{font-size:26px}.market-logo.pdd,.market-logo.red{font-size:25px}.market-logo.orange{font-size:14px}.market-bottom{font-size:5px;letter-spacing:.7px}.quick-card{padding:19px}.quick-card h2{font-size:19px}.quick-card>p{font-size:10px}.quick-input input::placeholder{font-size:9px}.calculator-card{padding:20px 17px;gap:15px}.calculator-symbol{width:43px;height:63px;font-size:25px}.calculator-card strong{font-size:20px}.calculator-card small{font-size:8px}.calculator-card .intro-label{font-size:5px}.arrow{height:26px;width:26px}.bottom-nav{width:calc(100% - 18px);padding-left:4px;padding-right:4px}.bottom-nav button{font-size:7px}.bottom-nav svg{width:19px;height:19px}.page-heading h1{font-size:32px}.total{font-size:27px}.shop-preview h1{font-size:28px}}
@media(prefers-reduced-motion:no-preference){button,a,input,select,textarea{transition:background .3s,border-color .3s,box-shadow .3s,color .3s,transform .3s var(--ease)}.page{animation:neon-enter .5s var(--ease) both}.cargo-art{animation:cargo-hover 6s ease-in-out infinite}.orbit-one{animation:orbit-breathe 7s ease-in-out infinite}.orbit-two{animation:orbit-breathe 9s ease-in-out infinite reverse}.chip-one{animation:chip-drift 6s ease-in-out infinite}.chip-two{animation:chip-drift 7s ease-in-out infinite reverse}.spark{animation:starlight 4s ease-in-out infinite}.s2{animation-delay:1.6s}.s3{animation-delay:2.4s}.hero-aura{animation:aura-drift 9s ease-in-out infinite}.hero .live-dot{animation:neon-pulse 4s ease-in-out infinite}.hero-grid{animation:grid-glide 24s linear infinite}.hero-cta::before{content:"";position:absolute;inset:-40% auto -40% -50%;width:30%;background:linear-gradient(90deg,transparent,#ffffff60,transparent);transform:skewX(-20deg);animation:shine 7s ease-in-out infinite;pointer-events:none}.market-logo{animation:logo-hover 8s ease-in-out infinite}.pdd-card .market-logo{animation-delay:-2s}.taobao-card .market-logo{animation-delay:-4s}.wholesale-card .market-logo{animation-delay:-6s}.route-visual b{animation:plane-hover 4s ease-in-out infinite}.calculator-symbol{animation:calc-hover 7s ease-in-out infinite}.result-card{animation:neon-enter .5s var(--ease) both}dialog[open]{animation:dialog-rise .3s var(--ease) both}.shop-orb{animation:logo-hover 7s ease-in-out infinite}.fx-toggle[aria-pressed=true]{box-shadow:0 0 15px #a27aff13}@keyframes neon-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes cargo-hover{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes orbit-breathe{0%,100%{opacity:.5;scale:.97}50%{opacity:1;scale:1.035}}@keyframes chip-drift{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes starlight{0%,100%{opacity:.4;scale:.85}50%{opacity:1;scale:1.08}}@keyframes aura-drift{0%,100%{transform:translate(-10px,0) scale(.9)}50%{transform:translate(10px,25px) scale(1.15)}}@keyframes neon-pulse{0%,100%{box-shadow:0 0 7px #58f3eb66}50%{box-shadow:0 0 17px #58f3ebaa}}@keyframes grid-glide{to{background-position:0 70px}}@keyframes shine{0%,60%{left:-50%}86%,100%{left:130%}}@keyframes logo-hover{0%,100%{transform:perspective(200px) rotateY(-12deg) rotateX(8deg) translateY(0)}50%{transform:perspective(200px) rotateY(5deg) rotateX(-3deg) translateY(-3px)}}@keyframes plane-hover{0%,100%{transform:translate(-4px,2px) rotate(-7deg)}50%{transform:translate(4px,-2px) rotate(0)}}@keyframes calc-hover{0%,100%{transform:perspective(300px) rotateY(-15deg) rotateZ(-10deg)}50%{transform:perspective(300px) rotateY(6deg) rotateZ(-5deg)}}@keyframes dialog-rise{from{opacity:0;transform:translateY(20px) scale(.97)}to{opacity:1;transform:none}}}
@media(hover:hover) and (pointer:fine){.market:hover{transform:perspective(600px) rotateX(3deg) rotateY(-3deg) translateY(-4px);border-color:var(--tint);box-shadow:0 17px 30px #0005,0 0 18px #6250b21c}.market:hover .market-arrow{color:#fff}.lime:hover,.green:hover{box-shadow:0 0 30px #cbff5433;filter:brightness(1.06)}.quick-input button:hover{box-shadow:0 0 25px #58f3eb55}.calculator-card:hover{border-color:#9b78c9;box-shadow:0 0 22px #a27aff19}.route-card:hover{border-color:#568d91}.bottom-nav button:hover{color:#c0e7ea}.close-button:hover{background:#243653}.order-card:hover{border-color:#5e86aa}}
.effects-paused *,.effects-paused *::before,.effects-paused *::after{animation:none!important;transition:none!important}.effects-paused .market:hover{transform:none}.effects-paused .fx-toggle{box-shadow:none}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.market:hover{transform:none}}


/* YolCargo v0.5.0-MEGAA — Permanent 3D Globe & Plane Animations, Official 3D Market Cards */
:root{--glass-bg:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.03));--glass-highlight:inset 0 1px 1px rgba(255,255,255,.38),inset 0 -1px 1px rgba(88,243,235,.15);--neon-cyan-glow:0 0 22px rgba(88,243,235,.32),0 8px 28px rgba(0,0,0,.55);--neon-lime-glow:0 0 26px rgba(203,255,84,.38),0 10px 30px rgba(0,0,0,.55)}

body{background:radial-gradient(circle at 12% 18%,rgba(88,243,235,.14),transparent 42%),radial-gradient(circle at 88% 22%,rgba(162,122,255,.18),transparent 45%),radial-gradient(circle at 50% 85%,rgba(203,255,84,.1),transparent 50%),#040611}

/* Permanent mobile-friendly GPU animations (cannot be disabled) */
.cargo-art{animation:cargo-hover 5.5s ease-in-out infinite!important;will-change:transform}
.orbit-one{animation:orbit-breathe 6.5s ease-in-out infinite!important}
.orbit-two{animation:orbit-breathe 8.5s ease-in-out infinite reverse!important}
.chip-one{animation:chip-drift 5.5s ease-in-out infinite!important}
.chip-two{animation:chip-drift 6.5s ease-in-out infinite reverse!important}
.route-visual b{display:inline-block;animation:plane-fly 3.2s ease-in-out infinite!important}
@keyframes plane-fly{0%,100%{transform:translate(-6px,2px) rotate(-6deg)}50%{transform:translate(8px,-3px) rotate(4deg)}}

.lang-bar{display:flex;gap:4px;background:rgba(12,19,36,.85);border:1px solid rgba(88,243,235,.38);padding:3px;border-radius:12px}
.lang-btn{border:0;background:transparent;color:#8fa5c2;font-size:9px;font-weight:800;padding:5px 7px;border-radius:8px;min-height:26px}
.lang-btn.active{background:linear-gradient(135deg,#cbff54,#58f3eb);color:#061018;box-shadow:0 0 10px rgba(88,243,235,.4)}

.button,.google-btn,.profile-pill-btn,.support-top-btn,.mini-action-btn,.round-button,.close-button,.order-card,.sample-card,.calculator-card,.route-card,.home-profile-banner,.support-fab{
  backdrop-filter:blur(20px) saturate(190%);
  -webkit-backdrop-filter:blur(20px) saturate(190%);
  position:relative;overflow:hidden;
}
.button.lime,.button.green{
  background:linear-gradient(135deg,rgba(218,255,122,.94),rgba(145,238,56,.85),rgba(88,243,235,.8));
  color:#07130d;border:1px solid rgba(235,255,180,.88);
  box-shadow:var(--neon-lime-glow),inset 0 1px 2px rgba(255,255,255,.75);
}
.button::after,.google-btn::after,.market::before,.support-fab::after{
  content:"";position:absolute;top:-60%;left:-45%;width:38%;height:220%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
  transform:rotate(25deg);pointer-events:none;
  animation:glass-sheen 5s cubic-bezier(.2,.8,.2,1) infinite;
}
@keyframes glass-sheen{0%,55%{left:-55%}88%,100%{left:135%}}

.profile-pill-btn,.support-top-btn{
  display:flex;align-items:center;gap:6px;
  border:1px solid rgba(88,243,235,.45);
  background:linear-gradient(135deg,rgba(22,34,58,.82),rgba(12,18,34,.65));
  color:#eff6ff;border-radius:20px;padding:5px 10px 5px 6px;
  font-size:10px;font-weight:700;min-height:34px;
  box-shadow:0 0 15px rgba(88,243,235,.2),var(--glass-highlight);
}
.support-top-btn{padding:5px 9px;border-color:rgba(162,122,255,.55);color:#e2d4ff}
.profile-pill-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,#58f3eb,#a27aff);color:#080b16;display:grid;place-items:center;font-size:10px;font-weight:800;flex-shrink:0;overflow:hidden}

.mega-ticker{
  display:flex;align-items:center;justify-content:space-between;gap:8px;overflow:hidden;
  padding:8px 12px;margin:0 0 14px;border-radius:13px;
  background:linear-gradient(90deg,rgba(88,243,235,.14),rgba(162,122,255,.16),rgba(203,255,84,.14));
  border:1px solid rgba(88,243,235,.36);font-size:9px;font-weight:800;letter-spacing:.8px;color:#d8f8ff;
}
.mega-ticker b{color:var(--lime)}

/* 3D Marketplace Cards with Official Brand Logos */
.market{
  backdrop-filter:blur(22px) saturate(190%);
  background:radial-gradient(circle at 85% 15%,rgba(88,243,235,.18),transparent 62%),linear-gradient(145deg,rgba(28,38,66,.9),rgba(12,17,32,.82))!important;
  border:1px solid rgba(110,145,215,.42)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.6),0 4px 0 rgba(40,56,92,.85),var(--glass-highlight)!important;
  transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease!important;
}
.market:active{transform:translateY(3px) scale(.985)!important;box-shadow:0 6px 16px rgba(0,0,0,.5),0 1px 0 rgba(40,56,92,.85)!important}
.market-logo-3d{
  width:48px;height:48px;border-radius:15px;margin-bottom:14px;
  box-shadow:0 8px 18px rgba(0,0,0,.45),0 0 16px rgba(255,122,0,.28),inset 0 1px 2px rgba(255,255,255,.45);
  transform:perspective(220px) rotateY(-10deg) rotateX(8deg);
  animation:logo-hover 6s ease-in-out infinite;
}
.market-logo-3d svg{width:100%;height:100%;display:block;border-radius:15px}

/* Country Phone Input Group */
.phone-input-group{display:grid;grid-template-columns:145px 1fr;gap:8px;margin-top:8px}
.phone-input-group select,.phone-input-group input{margin-top:0!important}
.phone-search-bar{margin-bottom:10px;padding:9px 12px!important;min-height:38px!important;font-size:11px!important}

/* Interactive Map Picker */
.map-picker-container{
  position:relative;width:100%;height:165px;border-radius:16px;overflow:hidden;
  border:1px solid rgba(88,243,235,.48);
  background:radial-gradient(circle at 50% 50%,rgba(22,55,82,.9),rgba(9,18,34,.95));
  cursor:crosshair;margin:8px 0 10px;
  box-shadow:inset 0 0 25px rgba(88,243,235,.18);
}
.map-grid-lines{
  position:absolute;inset:0;
  background-image:linear-gradient(rgba(88,243,235,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(88,243,235,.14) 1px,transparent 1px);
  background-size:28px 28px;pointer-events:none;
}
.map-pin-marker{
  position:absolute;width:18px;height:18px;border-radius:50%;
  background:var(--lime);border:3px solid #061018;
  transform:translate(-50%,-50%);
  box-shadow:0 0 16px var(--lime),0 0 0 6px rgba(203,255,84,.25);
  pointer-events:none;
}
.map-presets-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.verified-addr-pill{background:rgba(88,243,235,.18)!important;border-color:#58f3eb!important;color:#aef6f2!important}

/* Profile, OTP, Warehouse & Support Cards */
.home-profile-banner{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:linear-gradient(135deg,rgba(24,42,68,.84),rgba(16,23,42,.68));border:1px solid rgba(88,243,235,.48);border-radius:22px;padding:16px 18px;margin:0 0 18px;box-shadow:var(--neon-cyan-glow),var(--glass-highlight)}
.google-g-badge{width:42px;height:42px;border-radius:13px;background:#fff;display:grid;place-items:center;flex-shrink:0}
.google-g-badge svg{width:22px;height:22px}
.home-profile-info{flex:1;min-width:0}
.home-profile-info strong{display:block;font-size:14px;color:#f1f6ff;margin:3px 0;overflow-wrap:anywhere}
.home-profile-info small{display:block;font-size:10px;color:#99b5d0;line-height:1.45;overflow-wrap:anywhere}
.otp-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:14px 0}
.otp-box{width:100%;height:52px;text-align:center;font-size:20px;font-weight:800;color:var(--lime);background:rgba(8,15,30,.85)!important;border:1px solid rgba(88,243,235,.45)!important;border-radius:13px!important;padding:0!important;margin:0!important}
.otp-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#93acc8;margin:10px 0 16px}
.profile-hero-card{background:radial-gradient(ellipse at 90% 10%,rgba(88,243,235,.22),transparent 60%),linear-gradient(145deg,rgba(25,36,60,.86),rgba(13,20,36,.75));border:1px solid rgba(88,243,235,.42);border-radius:24px;padding:22px;margin-bottom:18px;box-shadow:var(--neon-cyan-glow),var(--glass-highlight)}
.profile-header-row{display:flex;align-items:center;gap:15px}
.profile-avatar-lg{width:64px;height:64px;border-radius:20px;background:linear-gradient(135deg,#cbff54,#58f3eb);color:#0b131e;display:grid;place-items:center;font-size:24px;font-weight:800;flex-shrink:0;overflow:hidden}
.profile-identity{min-width:0;flex:1}
.profile-identity h2{font-size:20px;margin:4px 0;color:#f4f7ff;overflow-wrap:anywhere}
.profile-identity p{font-size:11px;color:#8fa5c2;margin:0;overflow-wrap:anywhere}
.client-code-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:16px;padding:12px 14px;background:rgba(8,14,27,.82);border:1px solid rgba(88,243,235,.4);border-radius:14px}
.client-code-bar strong{font-size:16px;color:var(--lime);letter-spacing:.5px}
.mini-action-btn{border:1px solid rgba(88,243,235,.55);background:linear-gradient(135deg,rgba(24,58,72,.85),rgba(16,35,48,.75));color:#c8fffc;border-radius:10px;padding:8px 12px;font-size:10px;font-weight:700;min-height:34px}
.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}
.profile-stat-box{background:linear-gradient(145deg,rgba(24,34,56,.82),rgba(14,20,36,.68));border:1px solid rgba(120,150,210,.32);border-radius:16px;padding:13px 11px;text-align:center}
.profile-stat-box small{display:block;font-size:9px;color:#7f92b0;margin-bottom:6px}
.profile-stat-box strong{font-size:12px;color:#edf3ff}
.warehouse-card{background:linear-gradient(140deg,rgba(18,38,46,.86),rgba(12,22,34,.76));border:1px solid rgba(88,243,235,.42);border-radius:22px;padding:20px;margin-bottom:18px}
.warehouse-pre{background:#060b14;border:1px solid rgba(88,243,235,.32);border-radius:13px;padding:13px;font-family:monospace;font-size:12px;line-height:1.65;color:#cbff54;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 12px}
.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(230,244,255,.88));color:#111827;border:1px solid rgba(88,243,235,.65);border-radius:14px;padding:14px 18px;font-size:13px;font-weight:800;min-height:50px}
.google-btn svg{width:20px;height:20px;flex-shrink:0}
.profile-actions-stack{display:grid;gap:10px;margin-top:18px}
.support-fab{position:fixed;right:max(16px,calc(50% - 220px));bottom:84px;z-index:15;display:flex;align-items:center;gap:8px;padding:11px 15px;border-radius:999px;background:linear-gradient(135deg,rgba(88,243,235,.28),rgba(162,122,255,.34));border:1px solid rgba(88,243,235,.75);color:#f2fbff;font-size:11px;font-weight:800;box-shadow:0 0 25px rgba(88,243,235,.45),0 10px 28px rgba(0,0,0,.65);animation:support-pulse 3s ease-in-out infinite}
.support-fab-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
@keyframes support-pulse{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.support-contacts-list{display:grid;gap:8px;margin-bottom:14px}
.support-contact-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 13px;border-radius:13px;border:1px solid rgba(88,243,235,.32);background:rgba(12,20,36,.82);font-size:11px;color:#e6f2ff;text-decoration:none}
.support-contact-item strong{color:var(--cyan);display:block;font-size:11px}
.support-ticket-card{padding:13px;border-radius:14px;border:1px solid rgba(88,243,235,.32);background:rgba(9,16,30,.82);margin-bottom:10px}
.mega-signature{margin-top:20px;padding:15px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(88,243,235,.1),rgba(162,122,255,.14),rgba(203,255,84,.08));border:1px solid rgba(162,122,255,.45);display:flex;align-items:center;justify-content:space-between;gap:12px}
.mega-signature strong{font-size:12px;letter-spacing:1.4px;color:var(--lime);font-weight:900}
.mega-signature small{display:block;font-size:9px;color:#9db2cc;margin-top:3px}
@media(max-width:480px){.support-fab{right:14px;bottom:82px}.phone-input-group{grid-template-columns:125px 1fr}}