.lot3-scene{width:660px;height:490px;position:relative;perspective:1200px;background:radial-gradient(ellipse,#c7e1ff80,transparent 68%)}
.lot3-scene .l3v-board{position:absolute;inset:60px 22px 24px;padding:26px;border:1px solid #fff;background:linear-gradient(140deg,#ffffffed,#e7effbee);border-radius:28px;box-shadow:12px 25px 40px #4f6e9a25,inset 0 2px white;transform:rotateY(-10deg) rotateX(7deg);font-size:20px}
.lot3-scene .l3v-title{font-size:26px;font-weight:bold;display:flex;align-items:center;gap:12px}
.lot3-scene .l3v-orb{width:45px;height:45px;border-radius:14px;background:linear-gradient(140deg,#b4cbf8,#5d84cf);box-shadow:5px 7px 10px #557ca530,inset 1px 1px white;display:inline-grid;place-items:center;color:white;font-size:28px}
.lot3-scene .l3v-rows{display:grid;gap:18px;margin-top:28px}
.lot3-scene .l3v-row{padding:19px;background:#fff;border:1px solid #dce6f6;border-radius:16px;box-shadow:0 8px 20px #365d8820;display:flex;align-items:center;justify-content:space-between}
.lot3-scene .l3v-dot{width:12px;height:12px;border-radius:50%;background:#58b6a0;box-shadow:0 0 0 6px #cef3e8}
.lot3-scene .l3v-smallcard{position:absolute;right:0;top:10px;border-radius:18px;padding:18px 24px;background:white;border:1px solid #dae5f7;box-shadow:0 14px 35px #436a9928;z-index:2}
.lot3-scene .l3v-paper{position:absolute;width:210px;height:295px;top:95px;border-radius:20px;background:linear-gradient(140deg,white,#e5effc);box-shadow:18px 25px 32px #476f9f30,inset 0 2px white;padding:28px;border:1px solid white}
.lot3-scene .l3v-paper:nth-child(1){left:40px;transform:rotate(-13deg) rotateY(-15deg)}
.lot3-scene .l3v-paper:nth-child(2){left:205px;top:70px;transform:rotate(2deg)}
.lot3-scene .l3v-paper:nth-child(3){left:385px;transform:rotate(14deg) rotateY(15deg)}
.lot3-scene .l3v-line{height:10px;background:#d5e2f6;border-radius:8px;margin-top:20px}
.lot3-scene .l3v-lock{font-size:64px;text-align:center;margin:4px 0;color:#658ac6}
.lot3-scene .l3v-mini{font-size:16px;color:#5a6e8f}
.lot3-scene .l3v-ring{position:absolute;left:35px;top:135px;width:205px;height:205px;border:26px solid #d6e3f8;border-top-color:#759de0;border-right-color:#7dbdae;border-radius:50%;box-shadow:14px 20px 30px #41669425,inset 5px 5px 12px white;display:grid;place-items:center;font-size:28px;font-weight:bold;color:#476999;transform:rotateY(-12deg)}
.lot3-scene .l3v-stack{position:absolute;left:275px;right:16px;top:95px;display:grid;gap:22px}
.lot3-scene .l3v-pipeline{position:absolute;inset:80px 4px;display:grid;grid-template-columns:1fr 80px 1fr;gap:18px;align-items:center}
.lot3-scene .l3v-pipeline>div{padding:24px;border-radius:24px;border:1px solid white;background:linear-gradient(145deg,white,#e1ecff);box-shadow:12px 22px 30px #42658b24}
.lot3-scene .l3v-pipeline .l3v-arrow{background:none;border:0;box-shadow:none;color:#739bd6;font-size:48px;padding:0}
.lot3-scene .l3v-bars{height:180px;display:flex;gap:18px;align-items:end;padding:20px 14px;border-bottom:2px solid #cadaed;margin-top:18px}
.lot3-scene .l3v-bars span{flex:1;background:linear-gradient(90deg,#8aaceb,#6489cd);border-radius:8px 8px 0 0;box-shadow:8px 4px #5f81ba26}
.lot3-scene .l3v-authshield{position:absolute;top:60px;left:150px;width:350px;height:300px;border-radius:100px 100px 150px 150px;background:linear-gradient(145deg,#d7e6ff,#87a9dc);border:4px solid #e9f1ff;box-shadow:20px 25px 35px #41659035,inset 0 2px 8px white;transform:rotateY(-15deg);display:grid;place-items:center;font-size:140px;color:#f7fbff}
.lot3-scene .l3v-authfield{position:absolute;left:60px;right:45px;bottom:55px;background:white;border:1px solid #dae6f6;border-radius:20px;padding:24px;box-shadow:0 20px 30px #476e9825;font-size:20px}
.lot3-scene{width:100%;max-width:660px;min-width:0;overflow:visible;color:#17365b;font-family:Inter,"Noto Sans Bengali",sans-serif;font-size:18px;line-height:1.4}.lot3-scene *{box-sizing:border-box}.lot3-scene .l3v-row{gap:14px;min-width:0;font-size:18px}.lot3-scene .l3v-mini{font-size:16px}.lot3-approved-hero,.lot3-auth-hero{width:calc(100% - 80px);max-width:1360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;min-height:592px;padding:42px 0}.lot3-approved-copy h1{font-size:52px;line-height:1.14;letter-spacing:-.035em;color:#182e52;margin:0 0 24px}.lot3-approved-copy p{font-size:20px;line-height:1.65;color:#526786;margin:0;max-width:610px}.lot3-approved-hero~.app section[data-view="orders"] .ol>h1,.lot3-approved-hero~.app section[data-view="overview"] .hd>div>h1,.lot3-approved-hero~main[data-app]>h1{display:none}.lot3-auth-hero>main.acard{margin:0 auto!important;width:100%;max-width:480px}.lot3-auth-hero{padding:56px 0}.lot3-real-template{padding:25px;min-height:460px;height:auto;background:radial-gradient(ellipse,#c7e1ff80,transparent 70%)}.template-paper{padding:30px;background:linear-gradient(145deg,#fff,#edf4ff);border:1px solid #d3e1f5;border-radius:24px;box-shadow:12px 24px 40px #4b6b9c29,inset 0 2px #fff;transform:perspective(1400px) rotateY(-4deg);color:#17365b;position:relative}.template-paper:before{content:"";position:absolute;inset:12px -12px -12px 12px;border:1px solid #dbe8fa;border-radius:24px;background:#e5eefb;z-index:-1}.template-paper h2{font-size:24px;line-height:1.3;margin:12px 0 20px}.template-paper .template-label{font-size:16px;color:#3a658f}.template-paper pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font:18px/1.9 Inter,"Noto Sans Bengali",sans-serif}.template-paper mark{background:#dceaff;color:#224e91;border-radius:6px;padding:2px 4px;box-decoration-break:clone}.template-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.template-actions button,.template-actions a{font:600 16px/1.4 Inter,"Noto Sans Bengali",sans-serif;border-radius:12px;padding:12px 18px;text-decoration:none;cursor:pointer;border:1px solid #6d89d8;background:linear-gradient(135deg,#6286df,#4268c5);color:white}.template-actions a{background:white;color:#315bb1}.template-provenance{font-size:16px;line-height:1.5;margin:20px 0 0;color:#526786}.template-feedback{min-height:24px;font-size:16px;color:#2a765e}.lot3-scene .l3v-orb{flex:none}.lot3-scene .l3v-row{font-size:18px}.lot3-scene .l3v-bars span{animation:lot3-bar 5s ease-in-out infinite alternate;transform-origin:bottom}.lot3-scene .l3v-bars span:nth-child(2n){animation-delay:-2s}@keyframes lot3-bar{from{transform:scaleY(.8)}to{transform:scaleY(1)}}
@media(max-width:700px){.lot3-approved-hero,.lot3-auth-hero{width:calc(100% - 48px);grid-template-columns:minmax(0,1fr);gap:28px;min-height:0;padding:38px 0}.lot3-approved-copy h1{font-size:34px;line-height:1.2;margin-bottom:18px}.lot3-approved-copy p{font-size:18px;line-height:1.6}.lot3-scene{height:350px}.lot3-scene .l3v-ring{left:0;top:85px;width:110px;height:110px;border-width:14px;font-size:18px;transform:none}.lot3-scene .l3v-stack{left:126px;right:0;top:40px;gap:15px}.lot3-scene .l3v-row{padding:14px 12px;font-size:16px;gap:10px}.lot3-scene .l3v-orb{width:32px;height:32px;border-radius:10px;font-size:20px}.lot3-scene .l3v-smallcard{top:0;right:0;padding:10px 14px;font-size:16px}.lot3-scene .l3v-pipeline{inset:65px 0 0;grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);gap:8px}.lot3-scene .l3v-pipeline>div{padding:14px 10px}.lot3-scene .l3v-pipeline .l3v-arrow{font-size:28px;padding:0}.lot3-scene .l3v-pipeline h3{font-size:19px;overflow-wrap:anywhere}.lot3-scene .l3v-pipeline .l3v-row{padding:10px 6px}.lot3-scene .l3v-board{inset:50px 2px 0;padding:20px;transform:none}.lot3-scene .l3v-title{font-size:20px}.lot3-scene .l3v-bars{height:130px;gap:10px;margin-top:10px;padding:10px 4px}.lot3-scene .l3v-authshield{top:0;left:18%;width:66%;height:230px;transform:none}.lot3-scene .l3v-authshield svg{width:110px;height:130px}.lot3-scene .l3v-authfield{left:0;right:0;bottom:0;padding:20px;font-size:18px}.lot3-real-template{padding:5px 10px 16px 0;min-height:0;height:auto}.template-paper{padding:22px;transform:none;border-radius:20px}.template-paper h2{font-size:22px}.template-paper pre{font-size:17px;line-height:1.8}.template-actions{gap:10px}.template-actions button,.template-actions a{padding:11px 14px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.lot3-scene *{animation:none!important;transition:none!important}}
@media(max-width:700px){.lot3-real-template{padding-right:16px}}
.lot3-auth-hero>main.acard{background:linear-gradient(145deg,#fff,#eef4ff)!important;color:#182e52!important;border:1px solid #d3e1f5!important;box-shadow:0 18px 40px #45649124!important}.lot3-auth-hero>main.acard :is(.sub,.hint,.foot){color:#526786!important}.lot3-auth-hero>main.acard input::placeholder{color:#536a8f!important}

/* Unique visual class names avoid legacy app CSS collisions (notably .orb). */
.lot3-approved-hero{background:#f4f8ff;box-shadow:0 0 0 100vmax #f4f8ff;clip-path:inset(0 -100vmax)}
.lot3-scene .l3v-board{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:14px}.lot3-scene .l3v-board>.l3v-row{margin-top:0!important}.lot3-scene .l3v-board>.l3v-bars{height:100%;min-height:0;margin:0;padding:12px 14px}.lot3-scene .l3v-board>p{margin:0}.lot3-scene h3{color:#17365b;font-size:22px;line-height:1.3;margin:12px 0}.lot3-scene p{color:#526786}.lot3-scene .l3v-orb{position:relative;inset:auto;flex:none}
@media(max-width:700px){.lot3-scene h3{font-size:19px}.lot3-scene .l3v-board>.l3v-bars{padding:8px 4px}}