:root{
 --orange:#f97316;--orange2:#fb923c;--green:#22c55e;--blue:#3b82f6;--ink:#18324b;--muted:#61778b;
 --glass:rgba(255,255,255,.64);--glass2:rgba(255,255,255,.82);--line:rgba(255,255,255,.78);--shadow:0 18px 50px rgba(31,65,95,.12)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:radial-gradient(circle at 7% 5%,rgba(249,115,22,.16),transparent 26%),radial-gradient(circle at 94% 8%,rgba(59,130,246,.15),transparent 30%),radial-gradient(circle at 48% 94%,rgba(34,197,94,.13),transparent 30%),linear-gradient(135deg,#fffaf5,#f5fbff 48%,#f3fff8);min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.24),transparent 48%,rgba(255,255,255,.15));z-index:-1}
a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 28px));margin:auto}
.topbar{padding:8px 16px;text-align:center;font-size:12px;color:#587085;background:rgba(255,255,255,.48);border-bottom:1px solid rgba(255,255,255,.9);backdrop-filter:blur(16px)}
header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.68);border-bottom:1px solid rgba(255,255,255,.9);backdrop-filter:blur(20px);box-shadow:0 8px 28px rgba(31,65,95,.08)}
.nav{height:72px;display:flex;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand img{width:48px;height:48px;border-radius:14px;box-shadow:0 7px 18px rgba(249,115,22,.15)}.brand strong{font-size:19px;letter-spacing:-.3px}.brand small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.navlinks{display:flex;gap:5px;align-items:center}.navlinks a{padding:10px 12px;border-radius:12px;color:#36566e;font-size:13px;font-weight:650}.navlinks a:hover,.navlinks a.active{background:rgba(59,130,246,.10);color:#1761b4}.menu{display:none;border:0;background:rgba(255,255,255,.75);padding:10px;border-radius:12px;font-size:18px}
.hero{margin:28px 0 22px;padding:34px;border-radius:28px;background:linear-gradient(115deg,rgba(249,115,22,.90),rgba(59,130,246,.82) 58%,rgba(34,197,94,.78));color:#fff;border:1px solid rgba(255,255,255,.65);box-shadow:var(--shadow);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-90px;top:-110px;background:rgba(255,255,255,.13);filter:blur(2px)}.hero h1{font-size:clamp(30px,5vw,50px);margin:0 0 10px;letter-spacing:-1.5px}.hero p{max-width:720px;margin:0 0 22px;line-height:1.6;color:rgba(255,255,255,.92)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:13px;padding:11px 16px;font-weight:750;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn.orange{background:var(--orange);color:#fff;box-shadow:0 8px 20px rgba(249,115,22,.22)}.btn.blue{background:var(--blue);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.light{background:rgba(255,255,255,.78);color:#1f5e8e;border:1px solid rgba(255,255,255,.8)}.btn.dark{background:#173b5b;color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}
.section{margin:28px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:14px}.section-head h2{margin:0;font-size:22px}.section-head span{font-size:12px;color:var(--muted)}
.glass{background:var(--glass);border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:20px}
.tool-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tool-card{padding:18px;min-height:155px;transition:.2s}.tool-card:hover{transform:translateY(-3px);box-shadow:0 24px 55px rgba(31,65,95,.16)}.tool-card .icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(249,115,22,.13),rgba(59,130,246,.13),rgba(34,197,94,.13));margin-bottom:12px;font-size:20px}.tool-card h3{font-size:15px;margin:0 0 6px}.tool-card p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.tag{display:inline-block;margin-top:11px;padding:4px 8px;border-radius:99px;font-size:10px;background:rgba(34,197,94,.10);color:#17743f}
.dropzone{padding:30px;text-align:center;border:2px dashed rgba(59,130,246,.30);background:rgba(255,255,255,.56);border-radius:20px;transition:.2s}.dropzone.drag{border-color:var(--orange);background:rgba(249,115,22,.08)}.dropzone .big{font-size:32px}.dropzone h3{margin:8px 0 5px}.dropzone p{font-size:12px;color:var(--muted);margin:0 0 15px}.file-info{margin-top:12px;font-size:12px;color:#25613f}
.card-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.id-card{padding:12px;min-height:155px}.id-card img{width:100%;height:75px;object-fit:cover;border-radius:10px;background:#fff}.id-card h3{font-size:13px;margin:10px 0 4px}.id-card p{font-size:11px;color:var(--muted);margin:0}
.two{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.panel{padding:20px}.panel h2{margin:0 0 12px;font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;color:#526c80;font-weight:700}.field input,.field select,.field textarea{width:100%;padding:11px 12px;border:1px solid rgba(83,125,165,.22);border-radius:12px;background:rgba(255,255,255,.82);color:var(--ink);outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(59,130,246,.55);box-shadow:0 0 0 4px rgba(59,130,246,.08)}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.preview{padding:14px;min-height:300px;display:grid;place-items:center;background:rgba(255,255,255,.58);border-radius:16px;border:1px solid rgba(255,255,255,.78)}canvas{max-width:100%;height:auto}.status{padding:10px 12px;border-radius:12px;font-size:12px;margin-top:10px;background:rgba(59,130,246,.08);color:#275d86}.status.ok{background:rgba(34,197,94,.10);color:#176d3b}.status.err{background:rgba(239,68,68,.08);color:#a62b2b}
.crop-wrap{position:relative;max-width:900px;margin:auto;overflow:auto;border-radius:14px;background:#edf2f5;padding:12px}.crop-stage{position:relative;display:inline-block;line-height:0}.crop-stage canvas{display:block;max-width:100%;height:auto}.crop-box{position:absolute;border:2px solid var(--orange);box-shadow:0 0 0 9999px rgba(8,24,40,.38);cursor:move}.handle{position:absolute;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid var(--orange)}.handle.tl{left:-7px;top:-7px}.handle.tr{right:-7px;top:-7px}.handle.bl{left:-7px;bottom:-7px}.handle.br{right:-7px;bottom:-7px}.crop-note{font-size:11px;color:var(--muted);margin-top:8px}
.thumb-list{display:flex;gap:10px;overflow:auto;padding:8px 0}.thumb{position:relative;min-width:120px;padding:6px;border-radius:12px;background:rgba(255,255,255,.75);border:1px solid rgba(83,125,165,.18);cursor:pointer}.thumb img{width:108px;height:78px;object-fit:contain;display:block}.thumb small{font-size:10px;color:var(--muted)}
footer{margin-top:45px;padding:28px 0 18px;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(226,242,255,.76),rgba(229,255,239,.76));border-top:2px solid rgba(249,115,22,.40)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:20px}.footer-grid h3{margin:0 0 9px}.footer-grid p,.footer-grid a{font-size:12px;color:#587085;line-height:1.8}.copyright{border-top:1px solid rgba(93,132,170,.15);margin-top:18px;padding-top:12px;text-align:center;font-size:11px;color:#708699}
.empty{padding:30px;text-align:center;color:var(--muted)}.notice{padding:12px 14px;border-radius:13px;background:rgba(249,115,22,.08);font-size:12px;color:#7a552f;margin:12px 0}.hidden{display:none!important}
@media(max-width:900px){.tool-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:1fr}.navlinks{display:none}.menu{display:block}.nav.open .navlinks{display:flex;position:absolute;top:72px;left:14px;right:14px;flex-direction:column;align-items:stretch;padding:10px;background:rgba(255,255,255,.92);border:1px solid #fff;border-radius:16px;box-shadow:var(--shadow);backdrop-filter:blur(18px)}}
@media(max-width:600px){.container{width:min(100% - 20px,1180px)}.hero{padding:24px;border-radius:22px}.tool-grid{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.brand strong{font-size:16px}}

/* Native mobile file picker fix */


.file-picker .btn{pointer-events:none}
.dropzone{position:relative}
.tool-card input,.tool-card select{width:100%;margin:8px 0;padding:10px 11px;border:1px solid rgba(83,125,165,.22);border-radius:11px;background:rgba(255,255,255,.86);color:var(--ink);outline:none}.tool-card input:focus,.tool-card select:focus{border-color:rgba(59,130,246,.55);box-shadow:0 0 0 4px rgba(59,130,246,.08)}.small-picker{margin:8px 0}.muted{color:var(--muted)}.compact{margin-top:10px}.side-tabs{display:flex;gap:8px;margin:0 0 12px}.side-tabs .active{box-shadow:0 8px 20px rgba(249,115,22,.18)}.password-row{display:flex;gap:8px;flex-wrap:wrap}.password-row input{flex:1;min-width:180px;padding:11px 12px;border:1px solid rgba(83,125,165,.22);border-radius:12px;background:rgba(255,255,255,.86)}

.page-row{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:9px 11px;border-radius:12px;background:rgba(255,255,255,.64)}.page-row label{font-size:11px;font-weight:700;color:#526c80}.page-row select{padding:9px 11px;border:1px solid rgba(83,125,165,.22);border-radius:10px;background:#fff;color:var(--ink)}
.profile-chip{display:inline-flex;align-items:center;margin-top:10px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.34);border:1px solid rgba(255,255,255,.5);font-size:12px;font-weight:700;backdrop-filter:blur(8px)}

/* AMIN ONLINE CYBER CAFE - Main Page */
.main-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.84);border-bottom:1px solid rgba(255,255,255,.95);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 8px 30px rgba(31,65,95,.08)}
.top-nav{height:70px;display:flex;align-items:center;justify-content:space-between}
.main-brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:18px;color:#173b5b}
.main-brand img{width:48px;height:48px;object-fit:contain;border-radius:14px;box-shadow:0 6px 18px rgba(31,65,95,.12)}
.home-link{padding:10px 18px;border-radius:999px;background:linear-gradient(135deg,#3b82f6,#22c55e);color:#fff;font-size:13px;font-weight:800;box-shadow:0 8px 20px rgba(59,130,246,.20)}
.home-main{padding-top:20px}
.brand-banner{position:relative;min-height:205px;display:grid;place-items:center;overflow:hidden;border-radius:32px;background:linear-gradient(115deg,#ff8a25 0%,#f79c62 23%,#718eea 55%,#4f9df4 72%,#45d49a 100%);border:1px solid rgba(255,255,255,.78);box-shadow:0 24px 65px rgba(55,93,135,.18)}
.brand-banner:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.20),transparent 40%,rgba(255,255,255,.10));pointer-events:none}
.banner-content{position:relative;z-index:2;text-align:center;padding:32px 18px;color:#fff}
.banner-content h1{margin:0;font-size:clamp(30px,6vw,58px);line-height:1.08;letter-spacing:1px;font-weight:950;text-shadow:0 4px 18px rgba(0,0,0,.16)}
.trust-points{display:flex;justify-content:center;gap:10px;margin-top:18px;flex-wrap:wrap}.trust-points span{padding:7px 16px;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.46);backdrop-filter:blur(10px);font-size:13px;font-weight:800;letter-spacing:.4px}
.banner-glow{position:absolute;border-radius:50%;filter:blur(3px);background:rgba(255,255,255,.18)}.glow-one{width:240px;height:240px;left:-70px;top:-100px}.glow-two{width:300px;height:300px;right:-90px;bottom:-160px}
.home-space{height:90px}.home-space.large{height:110px}.home-space.huge{height:260px}
.folder-section{width:100%}.folder-grid{display:grid;gap:18px}.five-cols{grid-template-columns:repeat(5,1fr)}.six-cols{grid-template-columns:repeat(6,1fr)}.four-cols{grid-template-columns:repeat(4,1fr)}
.folder-card{min-height:150px;padding:20px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;border-radius:24px;color:#fff;border:1px solid rgba(255,255,255,.76);box-shadow:0 16px 38px rgba(31,65,95,.14);transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}
.folder-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 52%);pointer-events:none}.folder-card:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-40px;top:-45px;background:rgba(255,255,255,.15);filter:blur(1px)}
.folder-card:hover{transform:translateY(-5px) scale(1.015);box-shadow:0 24px 48px rgba(31,65,95,.20)}.folder-card strong{position:relative;z-index:2;font-size:14px;line-height:1.3}.folder-card img{position:relative;z-index:2;width:50px;height:50px;object-fit:contain;padding:7px;border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 7px 16px rgba(0,0,0,.12)}
.orange-folder{background:linear-gradient(145deg,#ff7a18,#ffb347)}.blue-folder{background:linear-gradient(145deg,#3b82f6,#6d9df8)}.green-folder{background:linear-gradient(145deg,#18a957,#55d88b)}.purple-folder{background:linear-gradient(145deg,#7c4dff,#ad7cff)}.teal-folder{background:linear-gradient(145deg,#009688,#36cfc0)}
.id-orange{background:linear-gradient(145deg,#ff7b39,#f6a44b)}.id-blue{background:linear-gradient(145deg,#2f7df4,#5fa4ff)}.id-green{background:linear-gradient(145deg,#0da56a,#54d98e)}.id-red{background:linear-gradient(145deg,#ef4444,#fb7185)}.id-teal{background:linear-gradient(145deg,#008b9a,#36c9c1)}.id-purple{background:linear-gradient(145deg,#6d4bd8,#9c7bea)}
.id-card.folder-card{padding:12px}.id-card.folder-card img{width:100%;height:74px;padding:4px;border-radius:12px;object-fit:cover}.id-card.folder-card strong{font-size:13px}
.shopping-section .folder-card{min-height:140px}.shop-mark{position:relative;z-index:2;width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:rgba(255,255,255,.92);font-size:28px;font-weight:950;color:#18324b;box-shadow:0 9px 20px rgba(0,0,0,.12)}.shop-blue{background:linear-gradient(145deg,#1976d2,#42a5f5)}.shop-orange{background:linear-gradient(145deg,#ff8a00,#ffb84d)}.shop-red{background:linear-gradient(145deg,#e53935,#ff6b6b)}.shop-pink{background:linear-gradient(145deg,#e91e63,#f06292)}
.home-footer{padding:30px 0 34px;background:linear-gradient(135deg,rgba(255,255,255,.86),rgba(226,242,255,.86),rgba(229,255,239,.86));border-top:2px solid rgba(249,115,22,.35)}.footer-simple{text-align:center}.footer-simple h3{margin:0 0 10px;font-size:20px;color:#173b5b}.footer-simple p{margin:7px 0;color:#587085;font-size:13px}.footer-simple a{color:#2563a8;font-weight:700}
@media(max-width:1050px){.five-cols{grid-template-columns:repeat(3,1fr)}.six-cols{grid-template-columns:repeat(3,1fr)}.four-cols{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.main-brand{font-size:15px}.main-brand img{width:43px;height:43px}.top-nav{height:64px}.brand-banner{min-height:185px;border-radius:24px}.banner-content h1{font-size:30px}.home-space{height:65px}.home-space.large{height:80px}.home-space.huge{height:190px}.five-cols,.six-cols,.four-cols{grid-template-columns:repeat(2,1fr);gap:12px}.folder-card{min-height:132px;border-radius:20px;padding:16px 10px}.folder-card strong{font-size:12px}.id-card.folder-card img{height:62px}.shopping-section .folder-card{min-height:125px}}

/* Desktop home arrangement: keep the exact 5 / 6 / 4 grouping requested. */
@media(min-width:1051px){
  .home-main{max-width:1280px;padding-top:28px;padding-bottom:0}
  .brand-banner{min-height:235px;margin:0 0 0}
  .home-space{height:105px}.home-space.large{height:125px}.home-space.huge{height:300px}
  .folder-grid{gap:22px}
  .folder-card{min-height:172px;border-radius:26px;padding:22px 18px}
  .folder-card img{width:58px;height:58px;border-radius:17px}
  .folder-card strong{font-size:16px}
  .id-card.folder-card{min-height:178px;padding:14px}
  .id-card.folder-card img{height:88px;border-radius:14px}
  .id-card.folder-card strong{font-size:14px}
  .shopping-section .folder-card{min-height:165px}
  .folder-number{position:absolute;z-index:4;left:12px;top:12px;min-width:32px;height:32px;padding:0 8px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.90);color:#18324b;font-size:11px;font-weight:950;letter-spacing:.5px;box-shadow:0 6px 14px rgba(0,0,0,.10)}
  .home-footer{margin-top:0;padding-top:34px;padding-bottom:38px}
}
.folder-number{position:absolute;z-index:4;left:10px;top:10px;min-width:29px;height:29px;padding:0 7px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.90);color:#18324b;font-size:10px;font-weight:950;letter-spacing:.4px;box-shadow:0 5px 12px rgba(0,0,0,.10)}
@media(max-width:650px){.folder-number{left:8px;top:8px;min-width:26px;height:26px;font-size:9px}.home-main{padding-top:14px}}


/* V9 home redesign: light glass orange / green / blue, desktop-first */
.home-page{
  background:
    radial-gradient(circle at 8% 20%, rgba(255,177,105,.16), transparent 26%),
    radial-gradient(circle at 90% 30%, rgba(85,224,188,.15), transparent 25%),
    linear-gradient(135deg,#fffdfb 0%,#f5f9ff 48%,#f2fff9 100%);
}
.home-main{max-width:1320px;padding-bottom:0}
.brand-banner{
  position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.72);
  background:linear-gradient(110deg,rgba(255,178,112,.72),rgba(119,157,255,.55),rgba(101,222,181,.62));
  box-shadow:0 18px 45px rgba(54,82,115,.12), inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  border-radius:28px;min-height:175px;display:flex;align-items:center;justify-content:center;
}
.brand-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.18),transparent 45%,rgba(255,255,255,.12));pointer-events:none}
.banner-content{position:relative;z-index:2;text-align:center}
.banner-content h1{margin:0;font-size:clamp(34px,4vw,58px);font-weight:900;letter-spacing:.04em;color:#fff;text-shadow:0 3px 16px rgba(38,57,84,.2)}
.trust-points{margin-top:16px;display:flex;justify-content:center;gap:10px}
.trust-points span{padding:6px 18px;border-radius:999px;background:rgba(255,255,255,.28);border:1px solid rgba(255,255,255,.55);color:#fff;font-weight:700;font-size:13px;backdrop-filter:blur(8px)}
.home-space.compact{height:46px}.home-space.section-gap{height:92px}.home-space.shopping-gap{height:110px}.home-space.huge{height:260px}
.home-tools-section{width:100%}
.folder-grid{display:grid;align-items:stretch}
.tool-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}
.id-row{grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}
.shop-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1040px;margin:0 auto}
.folder-card{
  position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-decoration:none;border-radius:24px;overflow:hidden;
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 14px 34px rgba(54,77,102,.10), inset 0 1px 0 rgba(255,255,255,.8);
  backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.folder-card:hover{transform:translateY(-5px);box-shadow:0 20px 42px rgba(54,77,102,.16),inset 0 1px 0 rgba(255,255,255,.95)}
.tool-row .folder-card{height:170px}
.id-row .folder-card{height:140px;border-radius:21px}
.shop-row .folder-card{height:112px;border-radius:20px}
.folder-card:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(255,255,255,.25),transparent 42%,rgba(255,255,255,.09));pointer-events:none}
.folder-card img{position:relative;z-index:2;width:58px;height:58px;object-fit:contain;margin-bottom:14px;filter:drop-shadow(0 7px 9px rgba(36,57,80,.12));border-radius:13px}
.id-row .folder-card img{width:52px;height:52px;margin-bottom:10px;object-fit:contain;background:transparent;box-shadow:none}
.shop-row .folder-card img.shop-icon{width:46px;height:46px;margin-bottom:7px}
.folder-card strong{position:relative;z-index:2;color:#17324c;font-size:16px;font-weight:800;text-align:center;line-height:1.2;padding:0 8px}
.tool-row .folder-card strong{font-size:17px}
.id-row .folder-card strong{font-size:14px}
.shop-row .folder-card strong{font-size:14px}
.folder-number{position:absolute;z-index:4;left:11px;top:10px;font-size:10px;font-weight:900;color:#29425d;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);padding:4px 7px;border-radius:999px;box-shadow:0 3px 8px rgba(37,62,87,.08)}
.glass-orange{background:linear-gradient(135deg,rgba(255,183,105,.34),rgba(255,235,214,.52))}
.glass-blue{background:linear-gradient(135deg,rgba(112,164,255,.30),rgba(225,238,255,.54))}
.glass-green{background:linear-gradient(135deg,rgba(90,220,162,.30),rgba(222,251,238,.56))}
.glass-violet{background:linear-gradient(135deg,rgba(165,125,255,.28),rgba(239,232,255,.56))}
.glass-teal{background:linear-gradient(135deg,rgba(65,202,191,.30),rgba(221,251,248,.58))}
.glass-coral{background:linear-gradient(135deg,rgba(255,125,139,.28),rgba(255,234,237,.56))}
@media(max-width:1050px){
 .tool-row{grid-template-columns:repeat(3,1fr)}
 .id-row{grid-template-columns:repeat(3,1fr)}
 .shop-row{grid-template-columns:repeat(2,1fr);max-width:none}
 .home-space.section-gap{height:72px}.home-space.shopping-gap{height:80px}
}
@media(max-width:680px){
 .brand-banner{min-height:145px;border-radius:22px}.banner-content h1{font-size:30px;line-height:1.1}
 .tool-row,.id-row,.shop-row{grid-template-columns:repeat(2,1fr);gap:12px}
 .tool-row .folder-card{height:132px}.id-row .folder-card{height:120px}.shop-row .folder-card{height:104px}
 .folder-card img{width:48px;height:48px;margin-bottom:9px}.id-row .folder-card img{width:44px;height:44px}
 .tool-row .folder-card strong{font-size:13px}.id-row .folder-card strong,.shop-row .folder-card strong{font-size:12px}
 .home-space.compact{height:30px}.home-space.section-gap{height:58px}.home-space.shopping-gap{height:65px}.home-space.huge{height:150px}
}

/* V10 main-page visual refinement */
.brand-banner{min-height:220px;justify-content:center}
.banner-content{max-width:900px}
.banner-content h1{
  color:#fff3df;
  text-shadow:0 3px 18px rgba(138,73,20,.25),0 0 1px rgba(255,255,255,.9);
}
.trust-points{gap:8px;margin-top:15px}
.trust-points span{
  min-width:92px;padding:8px 18px;border-radius:10px;color:#fff;font-weight:850;
  border:1px solid rgba(255,255,255,.72);box-shadow:0 7px 18px rgba(34,56,78,.10);
}
.trust-points .trust-saffron{background:linear-gradient(135deg,rgba(244,112,34,.90),rgba(255,156,72,.82))}
.trust-points .trust-sky{background:linear-gradient(135deg,rgba(30,151,224,.88),rgba(99,189,242,.82))}
.trust-points .trust-green{background:linear-gradient(135deg,rgba(28,156,83,.90),rgba(86,204,128,.82))}
.banner-computer{position:absolute;right:4%;bottom:-8px;width:185px;opacity:.34;z-index:1;filter:drop-shadow(0 10px 18px rgba(24,50,76,.18))}
.banner-computer svg{display:block;width:100%;height:auto}
.banner-glow{z-index:0}
.folder-card img{background:transparent;padding:0;box-shadow:none;border-radius:10px;filter:drop-shadow(0 9px 11px rgba(30,51,73,.14))}
.tool-row .folder-card img{width:68px;height:68px;margin-bottom:12px}
.id-row .folder-card img{width:68px;height:58px;margin-bottom:9px;object-fit:contain}
.shop-row .folder-card img.shop-icon{width:64px;height:64px;margin-bottom:7px;object-fit:contain}
/* Keep ID logos visually bold without putting them in another box. */
.id-row .folder-card{background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(232,247,255,.52))}
.shop-row .folder-card{background:linear-gradient(135deg,rgba(255,255,255,.50),rgba(236,249,255,.58))}
@media(min-width:1051px){
 .brand-banner{min-height:230px}
 .banner-content{transform:translateX(-5%)}
 .banner-computer{right:7%;width:205px;opacity:.42}
 .tool-row .folder-card img{width:76px;height:76px}
 .id-row .folder-card img{width:74px;height:62px}
 .shop-row .folder-card img.shop-icon{width:70px;height:70px}
}
@media(max-width:680px){
 .brand-banner{min-height:170px}
 .banner-computer{width:105px;right:2%;bottom:0;opacity:.22}
 .banner-content{transform:none}
 .tool-row .folder-card img{width:56px;height:56px}
 .id-row .folder-card img{width:56px;height:48px}
 .shop-row .folder-card img.shop-icon{width:50px;height:50px}
 .trust-points span{min-width:70px;padding:6px 10px;font-size:11px}
}

/* V11: warmer AMIN orange glass + stronger local card icons */
.brand-banner{
  background:
    radial-gradient(circle at 88% 20%, rgba(255,255,255,.20), transparent 24%),
    linear-gradient(110deg,
      rgba(247,126,35,.94) 0%,
      rgba(255,158,73,.82) 34%,
      rgba(104,157,244,.68) 70%,
      rgba(91,211,171,.66) 100%);
  box-shadow:0 20px 50px rgba(216,112,35,.16), inset 0 1px 0 rgba(255,255,255,.9);
}
.banner-content h1{color:#fff8ed;text-shadow:0 4px 18px rgba(121,61,18,.26)}
.banner-tagline{
  margin:10px 0 4px;color:rgba(255,255,255,.98);font-size:20px;font-weight:800;
  letter-spacing:.02em;text-shadow:0 2px 9px rgba(101,57,25,.18)
}
.banner-subline{margin:0;color:rgba(255,255,255,.90);font-size:13px;font-weight:650;letter-spacing:.03em}
.trust-points span{box-shadow:0 8px 22px rgba(61,65,75,.12)}
.id-row .folder-card img{width:82px;height:66px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(30,51,73,.16))}
.id-row .folder-card strong{font-size:14px}
.shop-row .folder-card img.shop-icon{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 10px 12px rgba(30,51,73,.14))}
@media(min-width:1051px){
  .brand-banner{min-height:245px}
  .banner-content h1{font-size:58px}
  .banner-tagline{font-size:21px}
  .banner-subline{font-size:14px}
  .id-row .folder-card img{width:88px;height:70px}
  .shop-row .folder-card img.shop-icon{width:82px;height:82px}
}
@media(max-width:680px){
  .banner-tagline{font-size:15px}.banner-subline{font-size:10px}
  .id-row .folder-card img{width:62px;height:52px}
  .shop-row .folder-card img.shop-icon{width:58px;height:58px}
}

/* V12: use the user's complete card images without cropping */
.id-row .folder-card img{
  width:145px;
  height:82px;
  padding:0;
  margin-bottom:12px;
  object-fit:contain;
  background:transparent;
  border-radius:10px;
  box-shadow:0 6px 14px rgba(0,0,0,.10);
}
@media(max-width:1050px){
  .id-row .folder-card img{width:128px;height:74px}
}
@media(max-width:650px){
  .id-row .folder-card img{width:118px;height:68px;margin-bottom:8px}
}

/* V13: Indian tricolour banner + cartoon computer + clearer section separation */
.brand-banner{
  min-height:260px;
  background:
    linear-gradient(135deg,rgba(255,153,66,.96) 0%,rgba(255,177,91,.78) 26%,rgba(255,255,255,.96) 49%,rgba(255,255,255,.96) 56%,rgba(94,207,145,.72) 78%,rgba(53,176,108,.88) 100%);
  border:1px solid rgba(255,255,255,.92);
  box-shadow:0 22px 55px rgba(57,88,120,.15),inset 0 1px 0 rgba(255,255,255,.95);
}
.brand-banner:after{
  content:"";position:absolute;inset:-20% -5%;
  background:
    linear-gradient(165deg,transparent 18%,rgba(255,153,51,.38) 19%,rgba(255,153,51,.38) 25%,transparent 26%),
    linear-gradient(165deg,transparent 70%,rgba(19,136,8,.32) 71%,rgba(19,136,8,.32) 78%,transparent 79%);
  opacity:.8;pointer-events:none;
}
.banner-computer.cartoon-computer{left:2.5%;right:auto;bottom:0;width:340px;height:205px;opacity:1;z-index:2;filter:drop-shadow(0 12px 18px rgba(31,58,78,.16));}
.banner-computer.cartoon-computer img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;border-radius:24px 24px 0 0;mix-blend-mode:multiply;}
.chakra-mark{position:absolute;right:4.5%;top:50%;transform:translateY(-50%);z-index:2;width:112px;height:112px;border:8px solid rgba(0,62,135,.82);border-radius:50%;display:grid;place-items:center;color:#003e87;font-size:74px;line-height:1;background:rgba(255,255,255,.38);box-shadow:0 8px 24px rgba(0,62,135,.14);font-family:Georgia,serif;}
.banner-content{z-index:3;max-width:760px;}
.banner-content h1{color:#fffdf7;text-shadow:0 4px 18px rgba(85,53,18,.28),0 0 1px #fff;}
.banner-tagline,.banner-subline{color:#17456c;text-shadow:none;}
.trust-points span{border-color:rgba(255,255,255,.86);}
.home-space.compact{height:72px!important}
.home-space.section-gap{height:150px!important}
.home-space.shopping-gap{height:165px!important}
.home-space.huge{height:330px!important}
.id-section{margin-top:0}
.shopping-section{margin-top:0}
.id-row .folder-card img{width:155px;height:86px;object-fit:contain;box-shadow:0 7px 15px rgba(20,44,68,.10)}
@media(min-width:1051px){
  .id-row .folder-card img{width:170px;height:94px}
  .banner-computer.cartoon-computer{width:365px;height:220px;left:2.2%}
  .chakra-mark{width:126px;height:126px;font-size:84px}
}
@media(max-width:1050px){
  .brand-banner{min-height:245px}
  .banner-computer.cartoon-computer{width:270px;height:170px;left:1%;opacity:.9}
  .chakra-mark{right:2%;width:88px;height:88px;font-size:58px}
  .home-space.section-gap{height:125px!important}.home-space.shopping-gap{height:135px!important}.home-space.huge{height:260px!important}
}
@media(max-width:680px){
  .brand-banner{min-height:220px}
  .banner-computer.cartoon-computer{width:185px;height:120px;left:-4%;opacity:.55}
  .chakra-mark{right:3%;width:64px;height:64px;font-size:42px;border-width:5px}
  .banner-content{padding:26px 10px}
  .home-space.compact{height:50px!important}.home-space.section-gap{height:90px!important}.home-space.shopping-gap{height:100px!important}.home-space.huge{height:190px!important}
  .id-row .folder-card img{width:122px;height:70px}
}


/* V14: clearer tricolour banner, deep-blue title, computer moved to the right, and larger menu separation */
.brand-banner{
  background:
    radial-gradient(circle at 86% 18%,rgba(255,255,255,.45),transparent 22%),
    linear-gradient(135deg,#ff993f 0%,#ffd8ad 30%,#fff 49%,#fff 56%,#d9f3e6 72%,#65c98b 100%);
  overflow:hidden;
}
.brand-banner:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:
    linear-gradient(168deg,transparent 16%,rgba(255,153,51,.28) 17%,rgba(255,153,51,.28) 23%,transparent 24%),
    linear-gradient(168deg,transparent 70%,rgba(19,136,8,.24) 71%,rgba(19,136,8,.24) 78%,transparent 79%);
}
.banner-computer.cartoon-computer{
  left:auto;right:2.2%;bottom:0;width:365px;height:220px;opacity:1;z-index:2;
}
.banner-content{position:relative;z-index:4;max-width:760px;transform:translateX(-3%)}
.banner-content h1{
  color:#063b78!important;
  text-shadow:0 3px 12px rgba(255,255,255,.75),0 1px 1px rgba(255,255,255,.95)!important;
  letter-spacing:.015em;
}
.banner-tagline{color:#0b4c83!important;font-weight:850}
.banner-subline{color:#164b70!important}
.chakra-mark{right:31%;z-index:3}
.home-space.compact{height:105px!important}
.home-space.section-gap{height:210px!important}
.home-space.shopping-gap{height:235px!important}
.home-space.huge{height:440px!important}
.id-row .folder-card img{width:155px;height:86px;object-fit:contain}
.shop-row .folder-card img.shop-icon{width:82px;height:82px}
@media(min-width:1051px){
  .banner-content h1{font-size:56px}
  .banner-computer.cartoon-computer{right:1.8%;width:360px;height:218px}
  .home-space.section-gap{height:230px!important}
  .home-space.shopping-gap{height:255px!important}
  .home-space.huge{height:480px!important}
}
@media(max-width:1050px){
  .banner-computer.cartoon-computer{right:-2%;width:285px;height:180px}
  .banner-content{transform:none;max-width:680px}
  .chakra-mark{right:25%}
  .home-space.section-gap{height:165px!important}.home-space.shopping-gap{height:180px!important}.home-space.huge{height:330px!important}
}
@media(max-width:680px){
  .banner-computer.cartoon-computer{right:-8%;left:auto;width:185px;height:120px;opacity:.48}
  .banner-content{padding:26px 10px;max-width:100%;}
  .banner-content h1{font-size:29px!important;max-width:80%;}
  .chakra-mark{right:4%;top:24%;width:58px;height:58px;font-size:38px}
  .home-space.compact{height:65px!important}
  .home-space.section-gap{height:105px!important}
  .home-space.shopping-gap{height:120px!important}
  .home-space.huge{height:210px!important}
}

/* V15: JPG tools menu inspired by modern image-tool layouts */
.jpg-tools-page{max-width:1320px;padding-bottom:70px}
.jpg-hero{text-align:center;margin-bottom:22px}
.jpg-upload-panel{margin-bottom:28px}
.jpg-tool-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:28px 0 54px}
.jpg-tool-card{display:flex;flex-direction:column;gap:8px;min-height:106px;padding:18px 16px;text-decoration:none;border-radius:18px;border:1px solid rgba(255,255,255,.78);box-shadow:0 12px 28px rgba(39,64,91,.10),inset 0 1px 0 rgba(255,255,255,.9);background:rgba(255,255,255,.58);backdrop-filter:blur(14px);transition:.2s ease}
.jpg-tool-card:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(39,64,91,.16)}
.jpg-tool-card b{font-size:17px;color:#18334f}.jpg-tool-card span{font-size:12px;line-height:1.45;color:#5b6c7d}
.jpg-tool-card.orange{border-top:5px solid #f7931e}.jpg-tool-card.blue{border-top:5px solid #268cff}.jpg-tool-card.green{border-top:5px solid #1fb56b}.jpg-tool-card.violet{border-top:5px solid #8c5cf6}.jpg-tool-card.yellow{border-top:5px solid #f5bf22}.jpg-tool-card.teal{border-top:5px solid #13aaa3}.jpg-tool-card.purple{border-top:5px solid #a24db7}.jpg-tool-card.sky{border-top:5px solid #38afd7}.jpg-tool-card.coral{border-top:5px solid #f15b68}
@media(max-width:900px){.jpg-tool-menu{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.jpg-tool-menu{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:38px}.jpg-tool-card{min-height:94px;padding:14px 12px}.jpg-tool-card b{font-size:14px}.jpg-tool-card span{font-size:11px}}

/* V15: deeper Indian tricolour flag-style home banner with clearer title */
.brand-banner{min-height:300px!important;border-radius:32px!important;background:#fff!important;box-shadow:0 24px 60px rgba(23,61,104,.18),inset 0 1px 0 rgba(255,255,255,.95)!important}
.brand-banner:before{content:""!important;position:absolute!important;inset:0!important;background:
  linear-gradient(174deg,transparent 0%,transparent 9%,rgba(255,153,51,.98) 10%,rgba(255,153,51,.98) 29%,transparent 30%),
  linear-gradient(174deg,transparent 29%,rgba(255,255,255,.98) 30%,rgba(255,255,255,.98) 64%,transparent 65%),
  linear-gradient(174deg,transparent 64%,rgba(19,136,8,.95) 65%,rgba(19,136,8,.95) 88%,transparent 89%)!important;z-index:0!important;opacity:1!important}
.brand-banner:after{content:""!important;position:absolute!important;inset:0!important;background:
  radial-gradient(circle at 50% 50%,rgba(255,255,255,.72),transparent 30%),
  repeating-linear-gradient(171deg,transparent 0 34px,rgba(255,255,255,.12) 35px 38px)!important;z-index:1!important;pointer-events:none!important}
.banner-content{z-index:5!important;max-width:880px!important;transform:none!important;padding:24px 20px}
.banner-content h1{color:#063b78!important;text-shadow:0 3px 0 rgba(255,255,255,.92),0 5px 14px rgba(0,50,110,.18)!important;font-weight:950!important;letter-spacing:.02em!important}
.banner-tagline{color:#063b78!important;font-weight:900!important}.banner-subline{color:#174b70!important;font-weight:750!important}
.banner-computer.cartoon-computer{right:2%!important;left:auto!important;bottom:0!important;width:380px!important;height:230px!important;z-index:4!important;opacity:.98!important}
.chakra-mark{right:31%!important;top:48%!important;z-index:3!important;background:rgba(255,255,255,.65)!important}
.home-space.compact{height:92px!important}.home-space.section-gap{height:185px!important}.home-space.shopping-gap{height:205px!important}.home-space.huge{height:380px!important}
@media(min-width:1051px){.brand-banner{min-height:330px!important}.banner-content h1{font-size:62px!important}.banner-computer.cartoon-computer{width:410px!important;height:248px!important}.home-space.compact{height:105px!important}.home-space.section-gap{height:210px!important}.home-space.shopping-gap{height:230px!important}.home-space.huge{height:420px!important}}
@media(max-width:1050px){.banner-computer.cartoon-computer{width:290px!important;height:178px!important}.chakra-mark{right:24%!important}.home-space.section-gap{height:155px!important}.home-space.shopping-gap{height:175px!important}}
@media(max-width:680px){.brand-banner{min-height:245px!important}.banner-content h1{font-size:34px!important}.banner-computer.cartoon-computer{width:190px!important;height:120px!important;right:-4%!important;opacity:.55!important}.chakra-mark{right:5%!important;width:62px!important;height:62px!important;font-size:40px!important}.home-space.compact{height:60px!important}.home-space.section-gap{height:105px!important}.home-space.shopping-gap{height:120px!important}.home-space.huge{height:220px!important}}


/* V16: User-provided main banner image */
.brand-banner.image-banner{
  min-height:0!important;
  height:auto!important;
  display:block!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:30px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.92)!important;
  box-shadow:0 22px 55px rgba(35,65,95,.16)!important;
}
.brand-banner.image-banner img{
  display:block;
  width:100%;
  height:auto;
  max-width:100%;
  object-fit:contain;
}
@media(max-width:650px){
  .brand-banner.image-banner{border-radius:22px!important;}
  .brand-banner.image-banner img{width:100%;height:auto;}
}

/* V17: show the user's banner exactly as provided; remove all previous banner overlays */
.brand-banner.image-banner::before,
.brand-banner.image-banner::after{display:none!important;content:none!important;background:none!important;opacity:0!important;}
.brand-banner.image-banner img{position:relative!important;z-index:1!important;display:block!important;width:100%!important;height:auto!important;max-width:none!important;object-fit:initial!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;}

/* V19: make the five main tool icons much larger than the ID-card icons */
.tool-row .folder-card img{
  width:100px!important;
  height:100px!important;
  margin-bottom:6px!important;
  padding:0!important;
  border-radius:16px!important;
  background:transparent!important;
  box-shadow:none!important;
  filter:drop-shadow(0 9px 12px rgba(30,51,73,.16))!important;
}
.id-row .folder-card img{
  width:68px!important;
  height:54px!important;
  margin-bottom:8px!important;
}
@media(max-width:680px){
  .tool-row .folder-card img{
    width:82px!important;
    height:82px!important;
    margin-bottom:5px!important;
  }
  .id-row .folder-card img{
    width:62px!important;
    height:50px!important;
    margin-bottom:7px!important;
  }
}

/* V20: enlarge ID-card icons while keeping them slightly smaller than the main tool icons */
.id-row .folder-card img{
  width:88px!important;
  height:66px!important;
  margin-bottom:7px!important;
  object-fit:contain!important;
}
@media(max-width:680px){
  .id-row .folder-card img{
    width:74px!important;
    height:56px!important;
    margin-bottom:6px!important;
  }
}

/* V21 feature cards */
.manual-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}.manual-choice{padding:28px;text-decoration:none;color:inherit;border-radius:24px;transition:.2s}.manual-choice:hover{transform:translateY(-4px)}.manual-choice-icon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:34px;background:linear-gradient(135deg,#fff0d8,#e8f5ff);box-shadow:0 10px 22px rgba(31,65,95,.10)}.manual-choice h2{margin:16px 0 8px;color:#173b5b;font-size:21px}.manual-choice p{color:var(--muted);font-size:13px;line-height:1.6;min-height:66px}.manual-choice .btn{display:inline-block;margin-top:8px}.direct-download{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:15px}.direct-download span{font-size:11px;color:var(--muted)}.pic-sign-preview{margin:18px auto;padding:14px;max-width:560px;display:grid;place-items:center;border-radius:18px;background:rgba(240,247,252,.72);border:1px solid rgba(120,160,195,.16);overflow:auto}.pic-sign-preview canvas{display:block;max-width:100%;height:auto;background:#fff;box-shadow:0 8px 22px rgba(30,55,80,.12)}.feature-list{display:grid;gap:10px;margin-top:14px}.feature-list div{padding:13px 15px;border-radius:15px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.8)}.feature-list b{display:block;color:#173b5b;font-size:13px;margin-bottom:3px}.feature-list span{font-size:11px;color:var(--muted)}.security-card input{width:100%;box-sizing:border-box;margin-top:9px}.security-card .security-card .btn{margin-top:9px}@media(max-width:700px){.manual-choice-grid{grid-template-columns:1fr}.manual-choice{padding:20px}.direct-download{align-items:flex-start;flex-direction:column}.pic-sign-preview{padding:8px}}

/* V26 colorful home menu + reliable native file picker */

.file-picker .btn{pointer-events:none}.file-picker:focus-within .btn{outline:3px solid rgba(59,130,246,.20);outline-offset:2px}
.file-upload-progress{width:min(100%,560px);margin:13px auto 0;text-align:left}.upload-progress-label{font-size:11px;color:#5b7184;margin-bottom:5px}.upload-progress-track{height:8px;border-radius:99px;background:rgba(75,110,145,.13);overflow:hidden}.upload-progress-fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#f97316,#3b82f6,#22c55e);transition:width .12s ease}.upload-progress-status{font-size:10px;color:#60768a;margin-top:5px}
.home-main{max-width:1320px}.home-menu-box{position:relative;padding:18px;border-radius:30px;border:1px solid rgba(255,255,255,.78);box-shadow:0 22px 55px rgba(45,72,102,.13),inset 0 1px 0 rgba(255,255,255,.9);overflow:hidden}.home-menu-box:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.16),transparent 46%,rgba(255,255,255,.10))}.tools-box{background:linear-gradient(115deg,#f57b2b 0%,#f3a66e 22%,#688be8 58%,#45a5ed 76%,#45c98e 100%)}.id-box{background:linear-gradient(115deg,#2b77d5 0%,#655be0 48%,#8b4bd2 100%)}.shopping-box{background:linear-gradient(115deg,#eb6b31 0%,#f39b50 24%,#665de1 62%,#3fbbd2 100%)}
.menu-box-head{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#fff;padding:8px 10px 16px}.menu-box-head h2{margin:0 0 5px;font-size:25px}.menu-box-head p{margin:0;font-size:11px;color:rgba(255,255,255,.92)}.menu-box-mark{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.45);font-size:10px;font-weight:900;letter-spacing:.8px;white-space:nowrap}
.menu-box-grid{position:relative;z-index:2;display:grid;gap:13px}.five-menu{grid-template-columns:repeat(5,1fr)}.six-menu{grid-template-columns:repeat(6,1fr)}.four-menu{grid-template-columns:repeat(4,1fr);max-width:1050px;margin:auto}.menu-tile{min-width:0;min-height:118px;padding:13px 10px;border-radius:19px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.94);box-shadow:0 10px 25px rgba(29,57,85,.12);color:#183b59;transition:.2s}.menu-tile:hover{transform:translateY(-4px);box-shadow:0 17px 32px rgba(29,57,85,.17)}.menu-tile img{width:54px;height:54px;object-fit:contain;border-radius:13px;margin-bottom:9px;background:#fff;box-shadow:0 5px 13px rgba(29,57,85,.11)}.six-menu .menu-tile img{width:88px;height:58px;object-fit:contain}.menu-tile strong{font-size:13px;line-height:1.25}.menu-tile>span:not(.fallback-logo){font-size:10px;color:#6a7d8c;margin-top:4px}.fallback-logo{display:none;width:54px;height:54px;place-items:center;border-radius:13px;background:#fff;font-weight:950;font-size:30px;color:#183b59;margin-bottom:9px;box-shadow:0 5px 13px rgba(29,57,85,.11)}
@media(max-width:1050px){.five-menu{grid-template-columns:repeat(3,1fr)}.six-menu{grid-template-columns:repeat(3,1fr)}.four-menu{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.home-menu-box{padding:12px;border-radius:24px}.menu-box-head{padding:6px 6px 12px}.menu-box-head h2{font-size:20px}.menu-box-mark{font-size:8px;padding:6px 9px}.menu-box-grid{gap:9px}.five-menu,.six-menu,.four-menu{grid-template-columns:repeat(2,1fr)}.menu-tile{min-height:108px;border-radius:16px;padding:10px 7px}.menu-tile img{width:48px;height:48px}.six-menu .menu-tile img{width:74px;height:50px}.menu-tile strong{font-size:11px}.menu-tile>span:not(.fallback-logo){font-size:9px}.home-space.section-gap{height:48px}.home-space.shopping-gap{height:58px}.home-space.huge{height:140px}}
/* V26 tool menus: colorful 3-column cards */
.jpg-tool-menu,.pdf-tool-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 30px}.jpg-tool-card{min-height:92px;padding:16px;border-radius:19px;border:1px solid rgba(255,255,255,.85);box-shadow:0 13px 30px rgba(31,65,95,.11);display:flex;flex-direction:column;justify-content:center;gap:5px;color:#173b5b;background:linear-gradient(135deg,rgba(255,255,255,.90),rgba(239,247,255,.82));transition:.2s}.jpg-tool-card:hover{transform:translateY(-3px);box-shadow:0 20px 38px rgba(31,65,95,.16)}.jpg-tool-card b{font-size:14px}.jpg-tool-card span{font-size:11px;color:#65798b;line-height:1.4}.jpg-tool-card.orange{border-left:5px solid #f97316}.jpg-tool-card.blue{border-left:5px solid #3b82f6}.jpg-tool-card.green{border-left:5px solid #22c55e}.jpg-tool-card.violet{border-left:5px solid #7c4dff}.jpg-tool-card.yellow{border-left:5px solid #eab308}.jpg-tool-card.teal{border-left:5px solid #14b8a6}.jpg-tool-card.purple{border-left:5px solid #8b5cf6}.jpg-tool-card.sky{border-left:5px solid #0ea5e9}.jpg-tool-card.coral{border-left:5px solid #f43f5e}.pdf-tool-menu .tool-card{min-height:115px}.pdf-upload-panel,.jpg-upload-panel{border-radius:24px;background:linear-gradient(135deg,rgba(255,255,255,.70),rgba(231,243,255,.72),rgba(231,255,243,.70))}
@media(max-width:800px){.jpg-tool-menu,.pdf-tool-menu{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.jpg-tool-menu,.pdf-tool-menu{grid-template-columns:1fr}.jpg-tool-card{min-height:82px}}
.pvc-feature{margin:28px 0;padding:36px;border-radius:30px;background:linear-gradient(135deg,#078e47,#21b85e 50%,#43c879);color:#fff;overflow:hidden;position:relative}.pvc-feature:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-100px;bottom:-170px;background:rgba(255,255,255,.14)}.pvc-feature h2{font-size:36px;margin:14px 0 10px;position:relative;z-index:1}.pvc-feature p{max-width:760px;line-height:1.65;color:rgba(255,255,255,.93);position:relative;z-index:1}.pvc-badge{display:inline-flex;padding:9px 16px;border-radius:999px;background:rgba(255,255,255,.90);color:#087642;font-weight:900;font-size:13px;position:relative;z-index:1}.pvc-pills{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0;position:relative;z-index:1}.pvc-pills span{padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.38);background:rgba(255,255,255,.14);font-size:12px;font-weight:800}.pvc-feature .actions{position:relative;z-index:1}.pvc-feature .btn.light{background:#fff;color:#087642}@media(max-width:650px){.pvc-feature{padding:24px;border-radius:24px}.pvc-feature h2{font-size:28px}}

/* V27 motion + mobile file picker fix */

.file-picker .file-choose-label{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}


.file-upload-progress{width:min(100%,430px);margin:10px auto 0;text-align:left;padding:9px 11px;border-radius:13px;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:0 7px 18px rgba(40,72,105,.08)}
.file-upload-progress .upload-progress-label{font-size:11px;color:#49657b;margin-bottom:5px}.file-upload-progress .upload-progress-track{height:8px;border-radius:99px;background:rgba(86,119,149,.14);overflow:hidden}.file-upload-progress .upload-progress-fill{height:100%;width:0;border-radius:99px;background:linear-gradient(90deg,#f47b20,#4d8df4,#31c77b);transition:width .12s ease}.file-upload-progress .upload-progress-status{font-size:10px;color:#6c7e8d;margin-top:5px}

/* Presentation-style entrance animations */
@keyframes aminFadeUp{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes aminZoom{from{transform:scale(1.035)}to{transform:scale(1)}}
@keyframes aminGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes aminFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes aminShine{0%{transform:translateX(-120%)}55%,100%{transform:translateX(120%)}}
.brand-banner{background-size:180% 180%;animation:aminGradient 12s ease-in-out infinite;box-shadow:0 22px 60px rgba(55,93,135,.18)}
.brand-banner.image-banner img{animation:aminZoom 8s ease-in-out infinite alternate;transform-origin:center;will-change:transform}
.brand-banner:after{background:linear-gradient(105deg,transparent 20%,rgba(255,255,255,.16) 45%,transparent 65%);background-size:220% 100%;animation:aminShine 7s ease-in-out infinite}
.home-menu-box,.hero,.glass.panel,.tool-card,.jpg-tool-card,.menu-tile,.folder-card{animation:aminFadeUp .65s cubic-bezier(.2,.7,.2,1) both}
.menu-tile:nth-child(2),.folder-card:nth-child(2),.tool-card:nth-child(2),.jpg-tool-card:nth-child(2){animation-delay:.06s}.menu-tile:nth-child(3),.folder-card:nth-child(3),.tool-card:nth-child(3),.jpg-tool-card:nth-child(3){animation-delay:.12s}.menu-tile:nth-child(4),.folder-card:nth-child(4),.tool-card:nth-child(4),.jpg-tool-card:nth-child(4){animation-delay:.18s}.menu-tile:nth-child(5),.folder-card:nth-child(5),.tool-card:nth-child(5),.jpg-tool-card:nth-child(5){animation-delay:.24s}.menu-tile:nth-child(6),.folder-card:nth-child(6),.tool-card:nth-child(6),.jpg-tool-card:nth-child(6){animation-delay:.30s}
.menu-box-mark{animation:aminFloat 3.5s ease-in-out infinite}.menu-tile img{transition:transform .25s ease,filter .25s ease}.menu-tile:hover img{transform:scale(1.08) rotate(-2deg);filter:drop-shadow(0 7px 8px rgba(20,50,80,.12))}.btn{transition:transform .18s ease,box-shadow .18s ease}.btn:hover:not(:disabled){transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.amin-observe{animation-play-state:paused!important}.amin-visible{animation-play-state:running!important}


/* Reliable file upload control — mobile/Android safe */
.file-picker{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important;min-width:max-content!important;overflow:hidden!important;}
.file-picker .btn{pointer-events:none!important;cursor:pointer!important;user-select:none!important;-webkit-tap-highlight-color:transparent!important;}
.file-input-native{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;cursor:pointer!important;z-index:20!important;margin:0!important;padding:0!important;border:0!important;display:block!important;}
.file-picker:focus-within .btn{outline:3px solid rgba(59,130,246,.20);outline-offset:3px;}

/* ===== AMIN MODERN V50 REDESIGN ===== */
:root{
 --amin-blue:#1264e8;--amin-deep:#092d63;--amin-purple:#6547f4;--amin-orange:#ff7a18;
 --amin-green:#18b875;--amin-bg:#f2f8ff;--amin-card:rgba(255,255,255,.92)
}
body{background:radial-gradient(circle at 8% 10%,rgba(255,126,25,.13),transparent 23%),radial-gradient(circle at 92% 18%,rgba(25,128,255,.16),transparent 27%),linear-gradient(135deg,#fffaf6 0%,#f2f7ff 48%,#effff7 100%)}
.main-header{position:sticky!important;top:0;z-index:100;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px);box-shadow:0 5px 20px rgba(20,60,100,.10)!important}
.top-nav{min-height:76px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px}
.main-brand{display:flex!important;align-items:center!important;gap:12px!important;font-weight:800!important;color:var(--amin-deep)!important}
.main-brand img{width:54px!important;height:54px!important;border-radius:50%!important;object-fit:contain!important;box-shadow:0 3px 12px rgba(15,61,110,.12)}
.main-brand span{font-size:20px!important;line-height:1.05!important}
.main-brand span b{color:#0c4fb6}.main-brand span em{color:#ed382c;font-style:normal}.main-brand small{display:block!important;font-size:11px!important;font-weight:500!important;color:#62768b!important;margin-top:5px}
.site-nav{display:flex;gap:9px;align-items:center}
.home-link,.page-back{display:inline-flex!important;align-items:center;gap:7px;padding:12px 19px!important;border:1px solid rgba(18,100,232,.18)!important;border-radius:13px!important;background:#fff!important;color:#103c72!important;font-weight:800!important;box-shadow:0 5px 15px rgba(20,70,130,.08)}
.home-link{background:linear-gradient(135deg,#1c78f0,#0759d9)!important;color:#fff!important;border:0!important}.home-page .page-back{display:inline-flex!important}
.page-back:hover,.home-link:hover{transform:translateY(-1px)}
.home-main{padding-top:14px!important;padding-bottom:28px!important}
.home-hero{position:relative;margin:0 0 25px!important}.home-hero img{width:100%;display:block;border-radius:24px;box-shadow:0 15px 35px rgba(17,66,110,.16)}
.home-hero video.animated-banner{width:100%;height:auto;display:block;border-radius:24px;box-shadow:0 15px 35px rgba(17,66,110,.16);object-fit:contain;background:#fff}
@media(max-width:680px){.home-hero video.animated-banner{border-radius:16px}}
.hero-dots{display:flex;justify-content:center;gap:8px;margin-top:12px}.hero-dots i{width:12px;height:12px;border-radius:50%;background:#c6d0e0;display:block}.hero-dots i.active{background:#1468e8;width:24px;border-radius:10px}
.home-menu-box{border-radius:27px!important;padding:20px!important;margin:0 0 22px!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 16px 38px rgba(32,78,125,.12)!important}
.tools-box{background:linear-gradient(110deg,#fff0e5,#eaf1ff 58%,#dff8ff)!important}
.id-box{background:linear-gradient(110deg,#dbe9ff,#5e4cf1 62%,#8c3fe9)!important;color:#fff}
.shopping-box{background:linear-gradient(110deg,#fff0df,#e9e6ff 55%,#dff6ff)!important}
.menu-box-head{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:13px!important;margin-bottom:15px!important}
.menu-box-head h2{margin:0!important;font-size:25px!important;color:#092e72!important}.id-box .menu-box-head h2{color:#fff!important}.menu-box-head p{margin:3px 0 0!important;color:#244a75!important;font-size:13px!important}.id-box .menu-box-head p{color:#f4f6ff!important}
.section-title-icon{width:55px;height:55px;border-radius:16px;display:grid;place-items:center;font-size:28px;color:#fff;box-shadow:0 7px 18px rgba(0,0,0,.13)}.section-title-icon.orange{background:linear-gradient(135deg,#ff8b21,#ff4d15)}.section-title-icon.purple{background:linear-gradient(135deg,#5d2dff,#8d4bff)}
.view-all{padding:12px 20px;border-radius:25px;background:#1269eb;color:#fff!important;font-weight:800;box-shadow:0 7px 18px rgba(18,105,235,.24)}
.menu-box-grid{display:grid!important;gap:11px!important}
.home-tools-grid{grid-template-columns:repeat(3,1fr)!important}
.six-menu{grid-template-columns:repeat(3,1fr)!important}
.shopping-grid{grid-template-columns:repeat(4,1fr)!important}
.menu-tile{min-height:94px!important;padding:13px 15px!important;border-radius:18px!important;background:rgba(255,255,255,.9)!important;display:flex!important;align-items:center!important;gap:13px!important;text-align:left!important;box-shadow:0 7px 18px rgba(30,72,120,.08)!important;border:1px solid rgba(255,255,255,.8)!important;transition:.2s!important;color:#092d63!important}
.menu-tile:hover{transform:translateY(-3px)!important;box-shadow:0 13px 25px rgba(30,72,120,.14)!important}
.menu-tile img{width:55px!important;height:55px!important;object-fit:contain!important;border-radius:13px!important;flex:0 0 55px!important}.menu-tile div{min-width:0;flex:1}.menu-tile strong{display:block!important;font-size:15px!important;color:#092d63!important}.menu-tile span{display:block!important;font-size:12px!important;color:#4e6880!important;margin-top:4px!important}.menu-tile>b{font-size:28px!important;color:#1264e8!important}.fallback-logo{width:55px;height:55px;border-radius:13px;background:linear-gradient(135deg,#ff9b1a,#ff4d00);display:grid!important;place-items:center;color:#fff!important;font-size:30px!important;font-weight:900!important;flex:0 0 55px}.fallback-logo.snap{background:#ed1654}.fallback-logo.mee{background:#641a92}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 22px}.trust-grid>div{background:rgba(255,255,255,.9);border-radius:18px;padding:14px;display:grid;grid-template-columns:44px 1fr;column-gap:10px;align-items:center;box-shadow:0 8px 22px rgba(28,73,120,.09);border:1px solid #fff}.trust-grid span{grid-row:span 2;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#15b97a;color:#fff;font-size:20px}.trust-grid>div:nth-child(2) span{background:#2878ed}.trust-grid>div:nth-child(3) span{background:#ff9a18}.trust-grid>div:nth-child(4) span{background:#ec2d76}.trust-grid b{font-size:13px;color:#0a3268}.trust-grid small{font-size:11px;color:#64788d}
.social-box{padding:18px;border-radius:25px;background:linear-gradient(105deg,#ff4d92,#5963ff 50%,#087de8);box-shadow:0 15px 35px rgba(30,70,130,.15);margin-bottom:15px}.social-head h2{margin:0;color:#fff;font-size:24px}.social-head p{margin:4px 0 14px;color:#eef6ff;font-size:13px}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.social-grid>a{background:rgba(255,255,255,.95);border-radius:16px;padding:11px 14px;display:flex;align-items:center;gap:11px;color:#082e6d}.social-icon{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:#fff;font-size:26px;font-weight:900;flex:0 0 48px}.social-icon.yt{background:#f00}.social-icon.fb{background:#1877f2}.social-icon.ig{background:linear-gradient(135deg,#ff9d1d,#e1306c,#833ab4)}.social-icon.x{background:#111}.social-grid strong{display:block}.social-grid small{display:block;color:#62778e;margin-top:3px}.social-grid b{margin-left:auto;color:#1264e8;font-size:25px}
.footer-modern{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.home-footer{background:#06284d;color:#fff;margin-top:0}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand img{width:60px;height:60px;border-radius:50%}.footer-brand h3{margin:0;font-size:22px}.footer-brand h3 em{font-style:normal;color:#ff4b38}.footer-brand p{margin:4px 0 0;color:#cbd9e8}.footer-tagline{font-size:22px;font-style:italic;text-align:right;color:#fff}.copyright-modern{border-top:1px solid rgba(255,255,255,.15);padding:14px 0;display:flex;justify-content:space-between;color:#cbd9e8;font-size:12px}

/* PDF/JPG shared hero/upload/tool presentation */
.tool-hero{min-height:255px!important;padding:32px 38px!important;display:grid!important;grid-template-columns:1.25fr 1fr auto!important;align-items:center;gap:20px!important;overflow:hidden!important;background:linear-gradient(120deg,#1b55bd,#167de8 58%,#12bfe9)!important}
.tool-hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:18%;top:-230px;background:rgba(255,255,255,.10)}
.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;letter-spacing:4px;font-weight:700;opacity:.9}.tool-hero h1{font-size:52px!important;margin:8px 0!important}.tool-hero h1 em{font-style:normal;color:#ffd12a}.tool-hero .hero-copy p{font-size:20px;margin:0 0 3px!important}.hero-copy small{font-size:15px}.hero-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-pills b{padding:9px 13px;border-radius:22px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.25);font-size:12px}.hero-art{height:190px;position:relative;min-width:310px}.pdf-paper{position:absolute;width:125px;height:160px;border-radius:9px;background:#eef7ff;border:4px solid #dceeff;box-shadow:0 13px 28px rgba(0,0,0,.22);transform:rotate(-8deg)}.pdf-paper.back{right:170px;top:10px}.pdf-paper.mid{right:120px;top:20px;transform:rotate(4deg)}.pdf-paper.front{right:70px;top:26px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(1deg)}.pdf-paper.front strong{background:#e52b31;color:#fff;padding:9px 17px;border-radius:5px;font-size:24px}.pdf-paper.front span{color:#d72b2e;font-size:54px}.hero-check{position:absolute;right:0;top:18px;background:#fff;color:#18324b;border-radius:14px;padding:10px 14px;box-shadow:0 10px 24px rgba(0,0,0,.16);font-size:11px;line-height:1.8}.hero-check i{font-style:normal;color:#13ae72;font-size:14px;margin-right:5px}.hero-slogan{font-family:cursive;font-size:22px;line-height:1.1;transform:rotate(-3deg);color:#fff;white-space:nowrap}.hero-slogan b{color:#ffe11c}
.image-hero-art{position:relative;height:190px;min-width:300px}.photo-card{position:absolute;width:125px;height:150px;border:7px solid #fff;border-radius:10px;box-shadow:0 13px 26px rgba(0,0,0,.22);display:flex;align-items:center;justify-content:center;font-size:48px;background:linear-gradient(135deg,#f9b25f,#69a6ff)}.photo-card.p1{left:5px;top:25px;transform:rotate(-15deg)}.photo-card.p2{left:75px;top:10px;transform:rotate(-2deg);background:linear-gradient(135deg,#9ad7ff,#6b9cff)}.photo-card.p3{left:145px;top:20px;transform:rotate(9deg);background:linear-gradient(135deg,#73d2e8,#7db0ff);font-size:44px}.photo-card.p3 strong{position:absolute;bottom:5px;right:5px;background:#fff;color:#123d7a;padding:5px 9px;border-radius:6px;font-size:17px}
.upload-modern{display:grid!important;grid-template-columns:1fr 245px;gap:18px;padding:16px!important;margin-bottom:22px!important}.upload-modern .dropzone{min-height:245px;border:2px dashed #8eb9ef!important;border-radius:17px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:linear-gradient(180deg,#fff,#f8fcff)!important}.upload-cloud{width:64px;height:50px;border-radius:30px 30px 18px 18px;background:#3181ef;color:#fff;font-size:42px;line-height:50px;text-align:center;font-weight:900;margin-bottom:10px}.upload-modern .dropzone h3{font-size:25px;margin:0 0 4px;color:#102f61}.upload-modern .dropzone p{margin:0 0 10px;color:#58708a}.upload-modern .dropzone small{margin-top:10px;color:#5f7488}.quick-tips{background:linear-gradient(145deg,#e9f4ff,#e1f5f0);border-radius:15px;padding:18px}.quick-tips h3{margin:0 0 10px;color:#123663}.quick-tips p{margin:9px 0;font-size:12px;color:#294b6e}
.tools-section{margin-top:18px!important}.tools-section .section-head,.jpg-menu-section .section-head{align-items:center}.tool-search{width:300px;padding:13px 17px;border:1px solid #c9d9eb;border-radius:25px;background:rgba(255,255,255,.9);outline:none;color:#173a67}.pdf-tool-menu{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:13px!important}.pdf-tool-menu .tool-card{min-height:110px!important;padding:13px!important;display:flex!important;align-items:center!important;gap:11px!important;text-align:left!important;border:1px solid #fff!important;border-radius:16px!important;background:rgba(255,255,255,.9)!important;box-shadow:0 7px 20px rgba(30,70,115,.08)!important;transition:.2s}.pdf-tool-menu .tool-card:hover{transform:translateY(-3px);box-shadow:0 14px 27px rgba(30,70,115,.14)!important}.pdf-card-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;flex:0 0 52px;background:linear-gradient(135deg,#ffe0ea,#f4e9ff);font-weight:900;color:#1763df;font-size:23px}.pdf-tool-menu .tool-card:nth-child(4n+2) .pdf-card-icon{background:#e0edff}.pdf-tool-menu .tool-card:nth-child(4n+3) .pdf-card-icon{background:#ddf7e8}.pdf-tool-menu .tool-card:nth-child(4n) .pdf-card-icon{background:#fff0d9}.pdf-card-copy{min-width:0;flex:1}.pdf-card-copy h3{font-size:14px;margin:0;color:#102f61}.pdf-card-copy p{font-size:11px;line-height:1.35;margin:5px 0 0;color:#61758a}.card-arrow{font-size:27px;color:#195fb9}.pdf-tools-page .section.glass.panel{border-radius:18px}.pdf-tools-page .footer-grid{margin-top:0}

/* JPG menu cards */
.jpg-menu-section{margin-top:12px!important}.jpg-tool-menu{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.jpg-tool-card{min-height:105px!important;padding:14px 15px 14px 66px!important;position:relative!important;border-radius:16px!important;background:rgba(255,255,255,.92)!important;border:1px solid #fff!important;box-shadow:0 7px 20px rgba(30,70,115,.08)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;color:#153861!important;transition:.2s}.jpg-tool-card:before{content:attr(data-icon);position:absolute;left:13px;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#ff7a18,#ffcf6e);box-shadow:0 5px 12px rgba(20,60,100,.12);display:grid;place-items:center;font-size:22px;font-style:normal;font-weight:800;line-height:1;color:#173b5b}.jpg-tool-card:nth-child(4n+2):before{background:linear-gradient(135deg,#1e7bef,#80b5ff)}.jpg-tool-card:nth-child(4n+3):before{background:linear-gradient(135deg,#15b86a,#83e6b3)}.jpg-tool-card:nth-child(4n):before{background:linear-gradient(135deg,#8c47ef,#d9a6ff)}.jpg-tool-card:hover{transform:translateY(-3px);box-shadow:0 14px 27px rgba(30,70,115,.14)!important}.jpg-tool-card b{font-size:13px!important}.jpg-tool-card span{font-size:11px!important;color:#62788e!important;margin-top:4px!important;line-height:1.3}
.jpg-tools-page .section.two{margin-top:20px}.jpg-tools-page .section.two .glass{border-radius:18px}

/* Keep existing footer on tool pages readable */
footer{background:#06284d!important;color:#dce8f5!important;border-radius:0!important}footer h3{color:#fff!important}footer a{color:#dce8f5!important}

/* Biodata page */
.biodata-hero{background:linear-gradient(115deg,#1b55bd,#6b45ee 65%,#ee3f8d)!important}.bio-form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.bio-form .field{display:grid;gap:6px}.bio-form .field.full{grid-column:1/-1}.bio-form label{font-weight:700;font-size:13px;color:#173b67}.bio-form input,.bio-form textarea,.bio-form select{padding:12px;border:1px solid #cbd9e8;border-radius:10px;background:#fff;outline:none}.bio-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}

@media(max-width:900px){
 .top-nav{min-height:64px!important}.main-brand img{width:46px!important;height:46px!important}.main-brand span{font-size:16px!important}.main-brand small{font-size:9px!important}
 .tool-hero{grid-template-columns:1fr!important}.hero-art,.image-hero-art,.hero-slogan{display:none}.tool-hero h1{font-size:42px!important}.upload-modern{grid-template-columns:1fr!important}.quick-tips{display:grid;grid-template-columns:repeat(2,1fr);gap:4px 14px}.quick-tips h3{grid-column:1/-1}.pdf-tool-menu,.jpg-tool-menu{grid-template-columns:repeat(2,1fr)!important}.home-tools-grid,.six-menu{grid-template-columns:repeat(2,1fr)!important}.shopping-grid{grid-template-columns:repeat(2,1fr)!important}.social-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
 .container{width:min(100% - 16px,1180px)!important}.top-nav{padding:5px 0}.main-brand span{font-size:14px!important}.main-brand small{font-size:8px!important}.home-link,.page-back{padding:9px 11px!important;font-size:12px}.page-back span{display:none}.home-hero img{border-radius:16px}.home-menu-box{padding:12px!important;border-radius:20px!important}.menu-box-head{grid-template-columns:auto 1fr auto!important;gap:8px!important}.section-title-icon{width:43px;height:43px;font-size:21px;border-radius:12px}.menu-box-head h2{font-size:19px!important}.menu-box-head p{font-size:10px!important}.view-all{padding:8px 11px;font-size:10px}.home-tools-grid,.six-menu,.shopping-grid{grid-template-columns:1fr!important}.menu-tile{min-height:72px!important;padding:9px!important;border-radius:14px!important}.menu-tile img,.fallback-logo{width:43px!important;height:43px!important;flex-basis:43px!important}.menu-tile strong{font-size:12px!important}.menu-tile span{font-size:9px!important}.menu-tile>b{font-size:22px!important}.trust-grid{grid-template-columns:repeat(2,1fr);gap:8px}.trust-grid>div{padding:10px;grid-template-columns:35px 1fr}.trust-grid span{width:34px;height:34px;font-size:16px}.trust-grid b{font-size:10px}.trust-grid small{font-size:8px}.social-box{padding:13px;border-radius:19px}.social-head h2{font-size:18px}.social-head p{font-size:10px}.social-grid{grid-template-columns:1fr 1fr;gap:7px}.social-grid>a{padding:8px;border-radius:13px}.social-icon{width:38px;height:38px;flex-basis:38px;font-size:20px}.social-grid strong{font-size:11px}.social-grid small{font-size:8px}.footer-modern{padding:16px 5px}.footer-brand img{width:46px;height:46px}.footer-brand h3{font-size:15px}.footer-brand p{font-size:9px}.footer-tagline{font-size:11px}.copyright-modern{padding:10px 5px;font-size:8px;gap:8px;flex-direction:column}
 .tool-hero{margin:14px 0 14px!important;padding:22px!important;min-height:200px!important;border-radius:19px!important}.tool-hero h1{font-size:38px!important}.tool-hero .hero-copy p{font-size:14px!important}.hero-copy small{font-size:10px}.eyebrow{font-size:8px;letter-spacing:2px}.hero-pills b{font-size:9px;padding:7px 9px}.upload-modern{padding:9px!important;border-radius:16px!important}.upload-modern .dropzone{min-height:180px!important}.upload-modern .dropzone h3{font-size:19px}.upload-modern .dropzone p{font-size:10px}.upload-cloud{width:48px;height:40px;font-size:31px;line-height:40px}.quick-tips{padding:12px;grid-template-columns:1fr 1fr}.quick-tips h3{font-size:13px}.quick-tips p{font-size:9px}.tools-section .section-head,.jpg-menu-section .section-head{display:grid;grid-template-columns:1fr}.tool-search{width:100%;margin-top:8px}.pdf-tool-menu,.jpg-tool-menu{grid-template-columns:1fr 1fr!important;gap:8px!important}.pdf-tool-menu .tool-card{min-height:92px!important;padding:9px!important;gap:7px!important}.pdf-card-icon{width:39px;height:39px;flex-basis:39px;font-size:16px;border-radius:10px}.pdf-card-copy h3{font-size:10px}.pdf-card-copy p{font-size:8px}.card-arrow{font-size:20px}.jpg-tool-card{min-height:88px!important;padding:10px 8px 10px 51px!important}.jpg-tool-card:before{left:8px;width:34px;height:34px}.jpg-tool-card b{font-size:10px!important}.jpg-tool-card span{font-size:8px!important}.bio-form{grid-template-columns:1fr}.bio-form .field.full{grid-column:auto}
}
/* V60 Home polish: closely matches the supplied AMIN home-page reference */
.home-page .home-main{max-width:1320px;padding-top:18px!important}
.home-page .home-hero{margin-bottom:18px!important}.home-page .home-hero img{border-radius:24px!important;box-shadow:0 16px 36px rgba(17,66,110,.16)}
.home-page .hero-dots{display:flex;justify-content:center;gap:8px;padding:10px 0 3px}.home-page .hero-dots i{width:13px;height:13px;border-radius:50%;background:#c8d2df;display:block}.home-page .hero-dots i.active{width:25px;border-radius:9px;background:#1668e9}
.home-page .home-menu-box{margin-bottom:20px!important}.home-page .menu-box-head{position:relative;z-index:2}.home-page .menu-tile{background:rgba(255,255,255,.92)!important;border:1px solid rgba(255,255,255,.9)!important;box-shadow:0 8px 20px rgba(31,72,122,.08)!important}.home-page .menu-tile:hover{transform:translateY(-3px);box-shadow:0 15px 28px rgba(31,72,122,.15)!important}.home-page .bio-tile{background:linear-gradient(135deg,#fff 0%,#fff1fa 100%)!important}.home-page .social-box{margin-top:0}.home-page .home-footer{margin-top:0}
@media(max-width:680px){.home-page .home-main{padding-top:8px!important}.home-page .home-hero img{border-radius:17px!important}.home-page .hero-dots{padding:6px 0 0}.home-page .hero-dots i{width:9px;height:9px}.home-page .hero-dots i.active{width:18px}.home-page .home-menu-box{margin-bottom:13px!important}.home-page .menu-box-head{grid-template-columns:auto 1fr auto!important}.home-page .menu-tile{min-height:78px!important}.home-page .social-box{margin-bottom:12px}}

/* V61 fixes: restore proper logo assets and card proportions */
.home-page .home-tools-grid .menu-tile img{width:72px!important;height:72px!important;flex:0 0 72px!important;border-radius:16px!important;object-fit:contain!important;padding:5px!important;box-shadow:0 7px 15px rgba(20,55,95,.12)!important}
.home-page .six-menu .menu-tile{min-height:152px!important;justify-content:center!important;align-items:center!important;text-align:center!important;gap:6px!important}
.home-page .six-menu .menu-tile img{width:150px!important;height:78px!important;flex:0 0 78px!important;object-fit:contain!important;border-radius:8px!important;background:transparent!important;box-shadow:none!important;padding:0!important}
.home-page .shopping-grid .menu-tile img.brand-logo{width:62px!important;height:62px!important;flex:0 0 62px!important;border-radius:14px!important;padding:0!important;object-fit:contain!important;background:#fff!important;box-shadow:0 6px 14px rgba(20,55,95,.12)!important}
.home-page .social-icon{width:58px!important;height:58px!important;flex:0 0 58px!important;border-radius:14px!important;background:#fff!important;display:grid!important;place-items:center!important;padding:0!important;overflow:hidden!important}
.home-page .social-icon img{width:100%!important;height:100%!important;object-fit:contain!important}
@media(max-width:680px){
 .home-page .home-tools-grid .menu-tile img{width:58px!important;height:58px!important;flex-basis:58px!important}
 .home-page .six-menu .menu-tile{min-height:128px!important}
 .home-page .six-menu .menu-tile img{width:118px!important;height:66px!important;flex-basis:66px!important}
 .home-page .shopping-grid .menu-tile img.brand-logo{width:52px!important;height:52px!important;flex-basis:52px!important}
 .home-page .social-icon{width:48px!important;height:48px!important;flex-basis:48px!important}
}

/* V61 requested updates */
.social-trust{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:12px}.social-trust span{padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.38);color:#fff;font-size:11px;font-weight:800}

/* PDF external service links */
.pdf-external-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid rgba(83,125,165,.14)}
.pdf-external-card{display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:16px;text-decoration:none;color:#173b5b;background:linear-gradient(135deg,#fff8ef,#fff);border:1px solid rgba(245,123,43,.22);box-shadow:0 7px 18px rgba(32,78,125,.08);transition:.2s ease}
.pdf-external-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(32,78,125,.13)}
.pdf-external-card .pdf-external-icon{width:44px;height:44px;flex:0 0 44px;border-radius:13px;display:grid;place-items:center;background:#fff0e5;font-size:22px}
.pdf-external-card span:nth-child(2){min-width:0;display:grid;gap:3px}.pdf-external-card strong{font-size:13px}.pdf-external-card small{font-size:10px;color:#637b90}.pdf-external-card>b{margin-left:auto;font-size:20px;color:#f0782b}
.pdf-external-card.signature-external{background:linear-gradient(135deg,#effbf3,#fff)}.signature-external .pdf-external-icon{background:#eaf8ef}.signature-external>b{color:#17823b}
@media(max-width:650px){.pdf-external-tools{grid-template-columns:1fr}}

/* Online Tools: light orange container requested */
.home-page .tools-box{background:linear-gradient(135deg,#fff3e8 0%,#fff8f2 52%,#fff0e1 100%)!important;border:1px solid rgba(245,123,43,.22)!important}
/* V70 additions: grouped home tools and new utilities */
.orange-tools-group{border:3px solid #f97316!important;background:linear-gradient(135deg,rgba(255,247,237,.96),rgba(255,255,255,.92))!important;box-shadow:0 18px 44px rgba(249,115,22,.14),inset 0 1px 0 #fff!important}
.orange-tools-group .menu-box-head{background:linear-gradient(135deg,#fff3e6,#fff);border-radius:20px;padding:10px 12px}.online-tool-tile img{background:#dcfce7!important;border-radius:15px;padding:7px}.shopping-tile img{background:#fff3b8!important;border-radius:15px;padding:7px}.shopping-yellow{background:#facc15!important;color:#713f12!important}.qr-tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:24px 0}.qr-card{min-width:0}.qr-card input,.qr-card textarea,.qr-card select{width:100%;box-sizing:border-box;margin:7px 0;padding:11px;border:1px solid #d6e0ea;border-radius:11px}.qr-output{min-height:220px;display:grid;place-items:center;margin-top:12px;padding:10px;background:#f8fafc;border-radius:16px}.qr-output img,.qr-output canvas{max-width:100%;height:auto}.qr-reader{min-height:260px;border-radius:14px;background:#f8fafc;overflow:hidden}.barcode-output{padding:15px;background:#fff;border-radius:14px;display:grid;place-items:center;margin-top:10px;overflow:auto}.reader-result{padding:13px;border-radius:12px;background:#f8fafc;min-height:50px;word-break:break-word}.converter-card{max-width:900px;margin:24px auto}.scanner-panel{display:grid;gap:15px}.scanner-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.scanner-actions input,.scanner-actions select{padding:8px;border:1px solid #d6e0ea;border-radius:10px}.scanner-panel video,.scanner-panel canvas{width:100%;max-width:900px;margin:auto;border-radius:16px;background:#eef3f7;box-shadow:0 8px 25px rgba(0,0,0,.08)}.print-preview{overflow:auto;background:#e9eef3;padding:16px;border-radius:16px;text-align:center}.print-preview canvas{max-width:100%;height:auto;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.12)}.pdf-convert-links{margin:14px 0}.pdf-convert-links .pdf-external-card{border-color:#cde8d5}.feature-list{display:grid;gap:10px}.feature-list div{padding:13px 15px;border-radius:15px;background:rgba(255,255,255,.62);border:1px solid rgba(255,255,255,.8)}.feature-list b{display:block;color:#173b5b;font-size:13px;margin-bottom:3px}.feature-list span{font-size:11px;color:var(--muted)}
@media(max-width:900px){.qr-tool-grid{grid-template-columns:1fr}}
/* V72 minor correction: Online Tools ordering and compact order cards */
.orange-tools-group .home-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.orange-tools-group .online-tool-tile{min-height:78px}
.pvc-order-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pvc-order-card{text-decoration:none;color:inherit;display:block;transition:transform .2s ease,box-shadow .2s ease}
.pvc-order-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(31,72,122,.15)}
.pvc-order-card .btn{display:inline-block;text-decoration:none;margin-top:8px}
@media(max-width:900px){.orange-tools-group .home-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pvc-order-grid{grid-template-columns:1fr}}
/* V72 Documents ID Scan editor */
.scan-editor{display:flex;justify-content:center;align-items:center;overflow:auto;padding:12px;background:rgba(15,35,65,.04);border-radius:20px;min-height:240px}
.scan-stage{position:relative;max-width:100%;margin:auto;line-height:0;border-radius:14px;overflow:visible;box-shadow:0 10px 30px rgba(20,50,90,.12)}
.scan-stage canvas{display:block;width:100%;height:100%;border-radius:14px;background:#eef3f7}
.corner{position:absolute;width:22px;height:22px;border-radius:50%;background:#fff;border:4px solid #16a34a;box-shadow:0 3px 12px rgba(0,0,0,.3);touch-action:none;cursor:grab;z-index:5;box-sizing:border-box}
.corner:active{cursor:grabbing;transform:scale(1.12)}
.scan-controls{display:grid;grid-template-columns:1fr 1fr 220px;gap:14px;margin-top:16px;align-items:end}
.scan-controls .field{display:flex;flex-direction:column;gap:6px}.scan-controls output{font-weight:800;color:#0b6b34}
.pvc-order-grid .tool-card{min-height:240px}
@media(max-width:760px){.scan-controls{grid-template-columns:1fr}.scan-editor{padding:6px}.corner{width:24px;height:24px}}

/* Scanner V73 reliability + document page preview */
.scanner-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.scanner-actions .page-select{min-width:160px;padding:10px 12px;border:1px solid #d6e0ea;border-radius:10px;background:#fff;font-weight:700;color:#173b5b}
.scan-stage{background:#f4f7fb}
.scan-stage .scan-lines{position:absolute;inset:0;pointer-events:none;z-index:4}
.scan-stage .scan-lines svg{width:100%;height:100%;display:block;overflow:visible}
.scan-stage .scan-lines polyline{fill:rgba(22,163,74,.08);stroke:#16a34a;stroke-width:3;vector-effect:non-scaling-stroke;stroke-linejoin:round}
#video.scan-camera-preview{display:block!important;width:100%;max-width:1000px;height:auto;min-height:260px;object-fit:contain;border-radius:16px;background:#111827}
.camera-help{font-size:11px;color:#60758a}