:root{--blue:#0b65f0;--blue-dark:#071a54;--green:#20bf26;--green-dark:#08791c;--ink:#101828;--muted:#6b7280;--line:#e5eaf1;--soft:#f7f9fc;--surface:#fff;--shadow:0 10px 28px rgba(11,24,55,.11);--small-shadow:0 6px 18px rgba(11,24,55,.1)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:#eef2f8;color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.phone-app{background:var(--surface);margin:0 auto;max-width:430px;min-height:100vh;overflow-x:hidden;position:relative}.app-screen{padding:22px 18px 132px}.app-header{gap:12px;justify-content:space-between;min-height:52px}.app-header,.logo-lockup{align-items:center;display:flex}.logo-lockup{gap:9px;min-width:0}.logo-bag{align-items:center;background:linear-gradient(135deg,rgba(28,148,255,.96),rgba(28,205,32,.95)),#fff;border-radius:11px;box-shadow:0 4px 10px rgba(0,104,240,.24);color:#fff;display:flex;height:38px;justify-content:center;position:relative;width:34px}.logo-bag:before{border:3px solid var(--blue-dark);border-bottom:0;border-radius:12px 12px 0 0;content:"";height:15px;left:7px;position:absolute;top:-10px;width:18px}.logo-bag:after{background:var(--blue);border-radius:999px;box-shadow:-8px 7px 0 rgba(11,101,240,.78),-16px 14px 0 rgba(11,101,240,.38);content:"";height:4px;left:-13px;position:absolute;top:14px;width:17px}.logo-m{font-size:23px;font-weight:900;line-height:1}.logo-text{color:var(--blue-dark);font-size:27px;font-weight:900;letter-spacing:0;line-height:.94;white-space:nowrap}.logo-text strong{color:var(--green)}.logo-subtitle{color:var(--blue-dark);font-size:5.5px;font-weight:800;letter-spacing:1.55px;margin-left:3px;margin-top:3px;white-space:nowrap}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.bell-button,.location-button{align-items:center;background:transparent;border:0;color:#1f2937;display:inline-flex;padding:0}.location-button{gap:4px;font-size:14px;min-height:36px}.location-button svg{color:var(--blue);fill:var(--blue)}.header-divider{background:#d9dee8;height:29px;width:1px}.bell-button{position:relative}.bell-button span{background:#ff1824;border:2px solid #fff;border-radius:50%;color:#fff;font-size:12px;font-weight:800;height:22px;justify-content:center;position:absolute;right:-9px;top:-10px;width:22px}.bell-button span,.search-box{align-items:center;display:flex}.search-box{border:1px solid #d7dde7;border-radius:18px;gap:10px;height:56px;margin-top:18px;padding:0 15px}.search-box svg{color:#606978;flex-shrink:0}.search-box input{border:0;color:var(--ink);font-size:17px;min-width:0;outline:0;width:100%}.search-box input::placeholder{color:#8a93a1}.hero-card{background:radial-gradient(circle at 83% 18%,rgba(133,246,38,.76),transparent 29%),linear-gradient(125deg,#0b65f0,#0588c6 44%,#49d12d);border-radius:19px;color:#fff;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(118px,.8fr);margin-top:18px;min-height:184px;overflow:hidden;padding:22px 18px;position:relative}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:29px;line-height:1.1;margin:0}.hero-copy p{font-size:15px;line-height:1.45;margin:13px 0 20px;max-width:180px}.hero-copy a{align-items:center;background:#fff;border:0;border-radius:12px;box-shadow:0 8px 20px rgba(0,37,110,.14);color:var(--blue-dark);display:inline-flex;font-size:15px;font-weight:800;gap:7px;min-height:47px;padding:0 14px;white-space:nowrap}.hero-art{min-height:132px;position:relative}.phone-outline{border:7px solid hsla(0,0%,100%,.96);border-radius:18px;bottom:6px;height:108px;position:absolute;right:19px;width:76px}.phone-outline:before{border:6px solid hsla(0,0%,100%,.96);border-bottom:0;border-radius:30px 30px 0 0;content:"";height:38px;left:14px;position:absolute;top:-56px;width:38px}.phone-speaker{background:hsla(0,0%,100%,.9);height:6px;left:18px;top:22px;width:34px}.phone-home,.phone-speaker{border-radius:999px;position:absolute}.phone-home{background:#0aa484;bottom:8px;height:5px;left:25px;width:21px}.brand-ribbon{border-radius:15px;height:82px;position:absolute;top:52px;transform:rotate(8deg);width:34px;z-index:2}.brand-ribbon.left{background:linear-gradient(150deg,#1e9dff,#0964e8);right:78px}.brand-ribbon.right{background:linear-gradient(150deg,#9af423,#24c429);right:30px;transform:rotate(15deg)}.brand-ribbon.left:after,.brand-ribbon.right:after{background:inherit;border-radius:16px;content:"";height:84px;position:absolute;top:-18px;transform:rotate(62deg);width:32px}.brand-ribbon.left:after{left:26px}.brand-ribbon.right:after{right:25px}.speed-line{background:hsla(0,0%,100%,.92);border-radius:999px;height:5px;position:absolute}.speed-line.one{right:103px;top:72px;width:32px}.speed-line.two{right:111px;top:95px;width:45px}.speed-line.three{right:100px;top:116px;width:58px}.slider-dots{display:flex;gap:8px;justify-content:center;margin:13px 0 24px}.slider-dots span{background:#d6dbe3;border-radius:999px;height:8px;width:8px}.slider-dots .active{background:var(--blue);width:18px}.category-grid{display:grid;grid-gap:11px;gap:11px;grid-template-columns:repeat(4,minmax(0,1fr))}.category-card{align-items:center;background:#fff;border:1px solid #edf0f5;border-radius:15px;box-shadow:var(--small-shadow);display:flex;flex-direction:column;gap:8px;height:102px;justify-content:center;padding:8px 5px}.category-card span{color:var(--blue-dark);font-size:13.5px;font-weight:800;line-height:1.1;min-height:30px;text-align:center}.category-card.blue span,.category-card.blue svg{color:var(--blue)}.category-card.green span,.category-card.green svg{color:var(--green-dark)}.section-header{align-items:center;display:flex;justify-content:space-between;margin:26px 0 13px}.section-header h2{font-size:21px;line-height:1;margin:0}.section-header a{background:transparent;border:0;color:var(--blue);font-size:16px;padding:0}.brand-row,.offer-row,.shop-row{display:flex;gap:10px;margin-left:-1px;overflow-x:auto;padding:1px 1px 8px;scrollbar-width:none}.brand-row::-webkit-scrollbar,.offer-row::-webkit-scrollbar,.shop-row::-webkit-scrollbar{display:none}.brand-pill{align-items:center;background:#fff;border:1px solid #edf0f5;border-radius:10px;box-shadow:0 5px 14px rgba(11,24,55,.08);display:flex;flex:0 0 84px;font-size:14px;font-weight:800;height:52px;justify-content:center}.brand-pill.apple{color:#0d1117}.brand-pill.samsung,.brand-pill.vivo{color:#0d56d9}.brand-pill.oppo{color:#087f42}.brand-pill.redmi{color:#ff4d00}.brand-pill.oneplus{color:red;font-size:24px}.shop-card{align-items:flex-start;background:#fff;border:1px solid #edf0f5;border-radius:10px;box-shadow:var(--small-shadow);display:flex;flex:0 0 218px;gap:12px;min-height:112px;padding:14px 12px}.shop-icon{align-items:center;border-radius:50%;color:#fff;display:flex;flex:0 0 auto;height:44px;justify-content:center;width:44px}.shop-icon.blue{background:var(--blue)}.shop-icon.green{background:var(--green)}.shop-card h3{font-size:15px;line-height:1.2;margin:0 0 7px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating-line{align-items:center;display:flex;gap:5px;font-size:14px}.rating-line svg{color:#16b52b}.shop-card p{color:var(--muted);font-size:13px;margin:8px 0 12px}.fast-line{color:#119c1f;font-size:13px;gap:4px}.fast-line,.offer-card{align-items:center;display:flex}.offer-card{background:#fff;border:1px solid #edf0f5;border-radius:12px;box-shadow:var(--small-shadow);flex:0 0 212px;gap:10px;min-height:139px;padding:12px 10px}.phone-thumb{background:#dfeaf7;border:1px solid #b7c9dd;border-radius:13px;box-shadow:inset 0 0 0 3px hsla(0,0%,100%,.45);flex:0 0 66px;height:96px;position:relative}.phone-thumb:before{background:#071a54;border-radius:50%;box-shadow:0 13px 0 #071a54;content:"";height:8px;left:8px;position:absolute;top:9px;width:8px}.phone-thumb span{background:linear-gradient(150deg,hsla(0,0%,100%,.95),rgba(0,0,0,.16));border-radius:9px;bottom:8px;display:block;position:absolute;right:7px;top:8px;width:36px}.phone-thumb.samsung{background:linear-gradient(145deg,#e5e5e8,#afaeb7)}.phone-thumb.oneplus{background:linear-gradient(145deg,#b9d1c8,#2d6a61)}.offer-info{min-width:0}.offer-info h3{font-size:14px;line-height:1.25;margin:0 0 12px}.offer-info p{color:var(--muted);font-size:12px;margin:0 0 1px}.offer-info strong{color:var(--blue);display:block;font-size:22px;line-height:1.1;margin-bottom:10px}.offer-info a{align-items:center;background:var(--blue);border:0;border-radius:13px;color:#fff;display:inline-flex;font-size:13px;font-weight:800;justify-content:center;min-height:36px;padding:0 14px}.bottom-nav{background:hsla(0,0%,100%,.96);border:1px solid #edf0f5;border-radius:18px 18px 0 0;bottom:0;box-shadow:0 -8px 22px rgba(11,24,55,.09);display:grid;grid-gap:4px;grid-template-columns:repeat(5,1fr);left:50%;max-width:430px;min-height:76px;padding:9px 10px 10px;position:fixed;transform:translateX(-50%);width:100%;z-index:10}.bottom-nav,.bottom-nav a{align-items:center;gap:4px}.bottom-nav a{background:transparent;border:0;color:#566171;display:flex;flex-direction:column;font-size:12px;min-width:0;padding:0;position:relative}.bottom-nav a.active{color:var(--blue);font-weight:800}.bottom-nav a.active:before{background:var(--blue);border-radius:999px;content:"";height:3px;position:absolute;top:-10px;width:34px}.simple-header{align-items:center;display:grid;grid-template-columns:64px 1fr 64px;margin-bottom:22px;min-height:42px;text-align:center}.simple-header a{color:var(--blue);font-size:14px;font-weight:800;justify-self:start}.simple-header strong{font-size:17px}.flow-card,.list-card,.offer-detail-card{background:#fff;border:1px solid #edf0f5;border-radius:16px;box-shadow:var(--small-shadow)}.flow-card{padding:20px}.flow-card h1{font-size:26px;line-height:1.12;margin:0 0 10px}.flow-card p{color:var(--muted);line-height:1.5;margin:0 0 20px}.request-form{display:grid;grid-gap:14px;gap:14px}.request-form label{color:var(--blue-dark);display:grid;font-size:13px;font-weight:800;grid-gap:7px;gap:7px}.request-form input,.request-form select{background:#fbfcff;border:1px solid #dbe2ed;border-radius:12px;color:var(--ink);min-height:48px;outline:0;padding:0 13px;width:100%}.segmented{background:#edf4ff;border-radius:13px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(3,1fr);padding:4px}.segmented button{background:transparent;border:0;border-radius:10px;color:#536174;min-height:40px}.segmented .selected{background:#fff;color:var(--blue);font-weight:800;box-shadow:0 3px 10px rgba(11,24,55,.08)}.primary-wide{align-items:center;background:var(--blue);border-radius:13px;color:#fff;display:flex;font-weight:900;justify-content:center;min-height:50px;padding:0 16px;text-align:center}.list-stack{display:grid;grid-gap:12px;gap:12px;margin-bottom:18px}.list-card{align-items:center;display:flex;gap:14px;justify-content:space-between;padding:16px}.list-card h2,.offer-detail-card h2{font-size:17px;line-height:1.25;margin:0 0 6px}.list-card p,.offer-detail-card p{color:var(--muted);font-size:13px;line-height:1.4;margin:0}.list-card span{background:#edf4ff;border-radius:999px;color:var(--blue);flex:0 0 auto;font-size:12px;font-weight:800;padding:7px 9px}.offer-detail-card{align-items:center;display:flex;gap:14px;justify-content:space-between;padding:16px}.offer-detail-card strong{color:var(--blue);display:block;font-size:21px;margin-top:10px}.offer-detail-card a{background:var(--blue);border-radius:12px;color:#fff;flex:0 0 auto;font-size:13px;font-weight:900;padding:11px 13px}.mini-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0}.mini-grid span{background:#f2f7ff;border-radius:12px;color:var(--blue-dark);font-size:13px;font-weight:800;padding:13px 10px;text-align:center}.text-bottom-nav{align-items:center;background:hsla(0,0%,100%,.96);border:1px solid #edf0f5;border-radius:18px 18px 0 0;bottom:0;box-shadow:0 -8px 22px rgba(11,24,55,.09);display:grid;grid-template-columns:repeat(5,1fr);left:50%;max-width:430px;min-height:70px;padding:10px;position:fixed;transform:translateX(-50%);width:100%;z-index:10}.text-bottom-nav a{color:#566171;font-size:12px;font-weight:700;text-align:center}.text-bottom-nav a.active{color:var(--blue);font-weight:900}@media (min-width:520px){.phone-app{box-shadow:0 22px 70px rgba(15,23,42,.16);margin:24px auto;min-height:calc(100vh - 48px)}}@media (max-width:430px){body,html{background:#fff}}@media (max-width:390px){.app-screen{padding-left:14px;padding-right:14px}.logo-text{font-size:24px}.logo-subtitle{font-size:5px}.hero-card{grid-template-columns:1fr}.hero-art{display:none}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.shell{min-height:100vh}.topbar{background:var(--surface);border-bottom:1px solid var(--line);gap:24px;min-height:64px;justify-content:space-between;padding:0 24px}.brand,.topbar{align-items:center;display:flex}.brand{font-weight:700;gap:10px}.brand-mark{align-items:center;background:var(--blue);border-radius:6px;color:#fff;display:inline-flex;height:32px;justify-content:center;width:32px}.nav{color:var(--muted);display:flex;font-size:14px;gap:16px}.main{margin:0 auto;max-width:1180px;padding:32px 24px}.grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.panel{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:18px}.panel h2,.panel h3{margin:0 0 8px}.panel p{color:var(--muted);line-height:1.5;margin:0}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.button{align-items:center;background:var(--blue);border:0;border-radius:6px;color:#fff;display:inline-flex;gap:8px;min-height:40px;padding:0 14px}.button.secondary{background:#eaf2ff;color:var(--blue-dark)}.status-list{display:grid;grid-gap:10px;gap:10px;margin:16px 0 0;padding:0}.status-list li{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;list-style:none;padding-top:10px}.badge{background:#eef4ff;border-radius:999px;color:#3538cd;font-size:12px;padding:4px 8px}