:root{color-scheme:dark;font-family:Arial,"Segoe UI",sans-serif;color:#f4f3f1;background:#07080c;--gold:#ffca46;--gold2:#ffed9f;--silver:#e3e8f2}
*{box-sizing:border-box}body{margin:0;min-width:300px;background:radial-gradient(ellipse at 50% 5%,#9d5b241f,transparent 37%),linear-gradient(145deg,#111218 0%,#07080c 50%,#170f08 100%);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid #fff0aa;outline-offset:4px}
.announcement{padding:12px 18px;text-align:center;background:linear-gradient(#fff3ab,#ffc32e 34%,#e9a117 72%,#ffe68e);color:#211300;border-bottom:2px solid #a66c1a;box-shadow:0 0 22px #eda7268a;font-size:12px;font-weight:950;letter-spacing:.16em}.announcement span{margin:0 10px}
.site-header{max-width:1230px;margin:auto;padding:21px 22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{display:grid;place-items:center;width:58px;height:58px;flex:none;border-radius:50%;font-size:35px;font-weight:1000;font-style:italic;color:#ffdc64;border:3px solid #ffda88;background:radial-gradient(circle at 34% 30%,#664012,#05070a 64%);box-shadow:inset 0 0 12px #ffc642a3,0 0 14px #dd912baa}.brand strong{display:block;font-size:clamp(25px,3vw,38px);letter-spacing:-.06em;font-style:italic;color:transparent;background:linear-gradient(#fff,#f4f6fc 27%,#8794a5 49%,#f9fcff 76%,#aab6c6);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 2px #000)}.brand small{display:block;margin-top:3px;color:#ffcf73;font-size:9px;font-weight:900;letter-spacing:.22em}
.header-pill{color:#fce4ad;border:1px solid #9e732d;padding:10px 16px;border-radius:40px;font-weight:900;font-size:11px;letter-spacing:.06em;background:#211910}.header-pill span{color:#8fe7a8;margin-right:5px}
main{max-width:1060px;margin:0 auto;padding:22px 22px 70px}.hero{text-align:center;position:relative;overflow:hidden;padding:38px clamp(19px,4vw,55px) 35px;border:3px solid transparent;border-radius:26px;background:linear-gradient(120deg,#29262a,#090b10 50%,#2a1a0c) padding-box,linear-gradient(135deg,#ffeeb6,#ad732c 20%,#f9e3ad 45%,#97601d 77%,#ffdf99) border-box;box-shadow:0 0 30px #b8752d55,0 20px 26px #0009,inset 0 2px #ffdda455}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 52% 45%,#b97b2e23,transparent 60%)}.hero>*{position:relative}.hero-kicker,.mini-kicker{font-size:11px;letter-spacing:.13em;font-weight:950;color:#ffda87}.hero-symbol{display:grid;place-items:center;color:#ffdf89;margin:19px auto 15px;width:99px;height:99px;border:3px solid #ffe2a0;border-radius:50%;background:radial-gradient(circle,#514125,#0a0c10 72%);box-shadow:0 0 23px #e7a52a77}.hero-symbol svg{width:60px;height:60px;filter:drop-shadow(0 0 9px #e7a82b)}h1{font-size:clamp(39px,6vw,72px);font-weight:1000;font-style:italic;letter-spacing:-.06em;line-height:1.06;margin:5px auto 18px;color:transparent;background:linear-gradient(#fff,#dee4ed 28%,#7f899a 52%,#fff 75%,#98a3b4);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 3px 1px #000)}h1 em{font-style:inherit;color:transparent;background:linear-gradient(#fff4c5,#ffd75f 28%,#de8c14 60%,#ffe7a0 87%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 12px #e99e2b90)}.hero p{font-size:clamp(13px,1.6vw,16px);line-height:1.68;color:#d4d5dd;max-width:730px;margin:0 auto}.features{margin:24px auto 0;display:flex;justify-content:center;flex-wrap:wrap;gap:9px}.features span{border:1px solid #c39449;border-radius:20px;background:#34251385;color:#ffdd96;padding:9px 12px;font-size:10px;font-weight:950}
.search-panel{margin-top:23px;padding:26px clamp(17px,4vw,40px);border:2px solid #b98a3e;border-radius:20px;box-shadow:inset 0 1px #fff3bf4f,0 0 18px #b88c2f36;background:linear-gradient(135deg,#252227,#111319 55%,#201a16)}h2{font-size:clamp(24px,3vw,34px);font-style:italic;margin:9px 0 10px;color:#f9eeda}.panel-title p{font-size:14px;color:#c9cbd0;margin:0 0 24px}.panel-title p strong{color:var(--gold2)}label{display:block;font-size:13px;font-weight:900;margin:0 0 10px;color:#f9e4b6}.search-row{display:flex;gap:12px;align-items:stretch}input{width:100%;min-width:0;flex:1;height:57px;border:2px solid #ffc45b;border-radius:12px;background:linear-gradient(#1b1e23,#07090d);box-shadow:inset 0 3px 9px #000a;color:#fff;font-size:clamp(16px,2.1vw,21px);font-weight:900;letter-spacing:.07em;padding:12px 18px;text-transform:uppercase}input::placeholder{color:#858b98}button{border:2px solid #ffe5a4;background:linear-gradient(#fff5bc,#ffda63 29%,#edac23 69%,#ffd86b);color:#1f1403;border-radius:12px;box-shadow:inset 0 1px #fff6e2,0 0 15px #e2a62b7a;font-size:13px;font-weight:1000;padding:0 23px;white-space:nowrap}button:hover{filter:brightness(1.06)}button:disabled{cursor:wait;opacity:.8}.help{color:#aeb3bd;font-size:11px;line-height:1.45;margin:12px 0 0}
.result-panel{text-align:center;margin-top:25px;padding:29px clamp(17px,4vw,35px);border:2px solid #c99c52;background:linear-gradient(#272329,#111117 75%);border-radius:20px;box-shadow:0 0 18px #d29a344d}.result-panel[hidden],.result-code[hidden]{display:none}.result-symbol{font-size:30px;display:grid;place-items:center;width:55px;height:55px;margin:0 auto 14px;border:2px solid #f1c578;border-radius:50%;color:#ffda8d}.result-panel h2{margin:10px 0}.result-panel p{color:#d0cbd0;font-size:14px;line-height:1.6}.result-code{margin:22px auto 12px;color:#ffda81;font:900 clamp(20px,3vw,29px) ui-monospace,Consolas,monospace;letter-spacing:.11em;word-break:break-word}.event-list{list-style:none;margin:24px auto 0;padding:0;max-width:660px;text-align:left}.event-list li{padding:16px 12px 16px 31px;position:relative;border-left:2px solid #c99a54;background:#1c1919;border-bottom:1px solid #674c304f}.event-list li::before{content:"";position:absolute;left:-8px;top:19px;width:13px;height:13px;border-radius:50%;background:#f9cb61;box-shadow:0 0 9px #ffb93c}.event-list strong{font-size:14px;color:#fbe6b7;display:block}.event-list small{display:block;color:#b6b8c1;font-size:11px;margin-top:5px;line-height:1.5}.disclaimer{text-align:center;padding:28px 10px 0;color:#9497a0;font-size:11px;line-height:1.7}footer{text-align:center;padding:22px 12px;border-top:2px solid #b37b2e;background:#0d0c0e;color:#aeb0b9;font-size:11px;letter-spacing:.08em}
@media(max-width:720px){.site-header{padding:16px}.brand-icon{width:49px;height:49px;font-size:28px}.brand strong{font-size:25px}.brand small{font-size:7px}.header-pill{display:none}main{padding:12px 12px 55px}.hero{padding:31px 16px}.hero-symbol{width:82px;height:82px}.hero-symbol svg{width:48px}.search-panel{padding:23px 17px}.search-row{flex-direction:column}button{min-height:52px}.features span{font-size:9px}.event-list li{padding-left:20px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}


/* RASTREIO — apresentação básica independente, sem chamadas remotas. */
.tracking-base{max-width:860px;margin:23px auto 0}
.tracking-base-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.tracking-base-actions button{min-height:51px}
.tracking-base-actions button:disabled{cursor:default;opacity:.78;box-shadow:inset 0 1px #fff6e2,0 0 10px #e2a62b36;filter:none}
.tracking-base-actions span{color:#bfc0c7;font-size:12px}
@media(max-width:720px){.tracking-base-actions{align-items:stretch;flex-direction:column}.tracking-base-actions span{text-align:center}}


/* V-MACHINE SIGNATURE CHROME — derived from src/signature-chrome.css */
:root{
  --signature-gold:#ffe027;
  --signature-gold-light:#fff5a5;
  --signature-orange:#ff9500;
  --signature-chrome-gradient:linear-gradient(180deg,#fff 0%,#f5f8ff 17%,#909da9 43%,#fff 57%,#c6cdd8 79%,#f7faff 100%);
  --signature-yellow-gradient:linear-gradient(180deg,#fff8bd 0%,#ffe85d 24%,#ffc01a 53%,#f29406 76%,#ffe67b 100%);
  --signature-edge-gradient:linear-gradient(126deg,#fff8c5 0%,#ffa51d 18%,#ffe7a0 40%,#b56b1c 72%,#fff1b3 100%);
  --signature-panel-gradient:linear-gradient(148deg,#27272a 0%,#101115 26%,#030508 56%,#201307 100%);
}
body{
  color:#f7f8ff;
  font-family:Arial,"Segoe UI",sans-serif;
  background:
    radial-gradient(ellipse at 55% 4%,#b45c1d7a 0%,transparent 41%),
    radial-gradient(ellipse at 91% 74%,#7134084f 0%,transparent 46%),
    radial-gradient(ellipse at 7% 65%,#7d480b40 0%,transparent 43%),
    #030405;
}
.announcement{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:9px 22px;
  font-size:clamp(11px,1.13vw,14px);
  font-weight:1000;
  letter-spacing:.07em;
  background:linear-gradient(180deg,#fff976 0%,#ffd50f 42%,#ffb912 72%,#ffec42 100%);
  border-bottom:2px solid #955200;
  color:#090703;
  box-shadow:0 3px 21px #ffa5008e,inset 0 1px #fff7af;
}
.announcement span{color:#070503;margin-inline:15px}
.site-header{
  box-sizing:border-box;
  max-width:none;
  width:100%;
  min-height:103px;
  padding:19px max(24px,calc((100% - 1280px)/2));
  background:radial-gradient(ellipse at 55% -12%,#55482e77,transparent 62%),
    linear-gradient(180deg,#1a1c20 0%,#040506 50%,#000 95%);
  border-bottom:3px solid #ff9b00;
  box-shadow:0 2px 0 #fff3a2bb,0 6px 25px #ff8000a1;
}
.brand{gap:15px}
.brand-icon{
  position:relative;
  display:grid;
  place-items:center;
  flex:none;
  width:72px;
  height:72px;
  border:3px solid #ffe7aa;
  border-radius:50%;
  color:transparent;
  font-size:46px;
  line-height:1;
  font-style:italic;
  font-weight:1000;
  background:
    linear-gradient(#fff8c1,#ffc322 32%,#d17603 52%,#ffe98a 86%) text,
    radial-gradient(circle at 31% 22%,#8d601f,#020305 68%);
  background-clip:text,padding-box;
  box-shadow:inset 0 0 0 5px #090a0d,inset 0 2px 4px #fff7c699,0 0 24px #ffa30dc2,0 9px 18px #000b;
  filter:drop-shadow(0 0 8px #ffb52a8f);
}
.brand strong{
  display:block;
  font-size:clamp(27px,3.3vw,42px);
  font-weight:1000;
  font-style:italic;
  letter-spacing:-.065em;
  background:var(--signature-chrome-gradient);
  background-clip:text;
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 1px #000) drop-shadow(0 0 5px #ffffff48);
}
.brand small{
  display:inline-block;
  padding:0 0 5px;
  margin-top:4px;
  border-bottom:2px solid #ffc62a;
  color:#f5f5f7;
  letter-spacing:.21em;
  font-size:10px;
}
.header-pill{
  border:2px solid #ffcf48;
  border-radius:50px;
  padding:12px 20px;
  background:linear-gradient(170deg,#34302b,#08090c 74%);
  color:#ffe8aa;
  font-size:12px;
  letter-spacing:.04em;
  font-weight:950;
  box-shadow:inset 0 1px #fff2c299,0 0 16px #f99e248c;
}
main{max-width:1160px;padding:34px 22px 85px}
.hero{
  min-height:415px;
  border:3px solid transparent;
  border-radius:26px;
  padding:46px clamp(22px,5vw,64px) 43px;
  background:
    linear-gradient(153deg,#ffffff1d 0%,#ffffff08 17%,transparent 41%) padding-box,
    radial-gradient(ellipse at 58% 65%,#a75a1f58,transparent 55%) padding-box,
    var(--signature-panel-gradient) padding-box,
    var(--signature-edge-gradient) border-box;
  box-shadow:0 0 0 1px #ffdc726b,inset 0 2px 3px #fff4cf9c,0 0 29px #ff9700b8,0 17px 27px #000d;
  isolation:isolate;
}
.hero::before{
  z-index:-1;
  background:
    radial-gradient(ellipse at 50% 48%,#e89e1d26,transparent 47%),
    linear-gradient(115deg,#fff6d00c,transparent 43%);
}
.hero-kicker{
  color:#ffdb58;
  font-size:clamp(10px,1.25vw,13px);
  font-weight:950;
  letter-spacing:.13em;
  text-shadow:0 0 11px #ffa219a3;
}
.hero-symbol{
  margin:23px auto 19px;
  width:120px;
  height:120px;
  border:3px solid #fff2b3;
  background:
    radial-gradient(circle at 28% 18%,#73502c 0%,#202128 42%,#06080b 81%);
  box-shadow:inset 0 2px 3px #fff3bead,inset 0 0 0 6px #15120c,0 0 25px #ffab14c7,0 9px 19px #000b;
}
.hero-symbol svg{
  width:68px;
  height:68px;
  color:#ffe788;
  filter:drop-shadow(0 0 9px #ffa800);
}
.hero h1{
  font-size:clamp(62px,9.3vw,108px);
  font-weight:1000;
  font-family:Arial,"Segoe UI",sans-serif;
  font-style:italic;
  letter-spacing:-.065em;
  line-height:1.02;
  margin:5px auto 21px;
  background:var(--signature-chrome-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 4px 2px #000) drop-shadow(0 0 7px #ffffff2c);
}
.hero h1 em{
  font-style:italic;
  background:linear-gradient(#fff9c5,#ffdb27 35%,#f78d07 57%,#ffe78a 86%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 0 13px #ff9b13c9);
}
.hero p{
  color:#e5e7ee;
  font-size:clamp(14px,1.7vw,18px);
  font-weight:500;
  line-height:1.55;
  text-shadow:0 2px 4px #000;
}
.search-panel{
  position:relative;
  border:3px solid transparent;
  border-radius:22px;
  padding:32px clamp(22px,4vw,44px);
  background:
    linear-gradient(153deg,#ffffff1e,transparent 42%) padding-box,
    linear-gradient(130deg,#28282c,#0a0c10 57%,#2c1a0b) padding-box,
    var(--signature-edge-gradient) border-box;
  box-shadow:0 0 0 1px #ffc44c85,inset 0 2px 3px #fff2ca8f,0 0 23px #ffa10c9c,0 11px 24px #000a;
}
.mini-kicker{
  color:#ffdb58;
  font-weight:950;
  font-size:11px;
  letter-spacing:.13em;
  text-shadow:0 0 11px #ffa219a3;
}
.search-panel h2{
  color:transparent;
  background:var(--signature-chrome-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  font-size:clamp(25px,3.25vw,39px);
  font-weight:1000;
  letter-spacing:-.045em;
  filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 6px #fff4bd30);
}
.search-panel p{
  color:#dfe1e9;
  font-size:clamp(13px,1.3vw,15px);
  line-height:1.6;
}
.tracking-base-actions{margin-top:16px;gap:21px}
.tracking-base-actions button,
.tracking-base-actions button:disabled{
  min-height:55px;
  padding:12px 29px;
  border:2px solid #fff5ab;
  border-radius:27px;
  color:#0b0802;
  background:var(--signature-yellow-gradient);
  box-shadow:inset 0 2px 2px #fff8cc,0 0 20px #ffa000b1,0 8px 16px #000a;
  text-shadow:0 1px 0 #fff3a576;
  font-weight:1000;
  font-size:13px;
  letter-spacing:.035em;
  opacity:1;
  cursor:not-allowed;
}
.tracking-base-actions span{color:#f0d7a1;font-weight:750}
footer{
  color:#e1e3eb;
  border-top:3px solid #ffbf28;
  background:radial-gradient(ellipse at 50% 0%,#8b4a0b6a,transparent 65%),linear-gradient(180deg,#25221f,#060709 68%,#020304);
  box-shadow:inset 0 2px #fff5b5b0,0 -6px 25px #ff9a0596;
}
@media(max-width:720px){
 .site-header{min-height:86px;padding:12px 16px}
 .brand-icon{width:56px;height:56px;font-size:34px}
 .brand strong{font-size:clamp(23px,5vw,29px)}
 .brand small{font-size:8px}
 main{padding:20px 12px 58px}
 .hero{min-height:auto;padding:34px 20px}
 .hero-symbol{width:96px;height:96px}
 .hero-symbol svg{width:54px;height:54px}
 .hero h1{font-size:clamp(51px,13vw,75px)}
 .search-panel{padding:25px 20px}
 .tracking-base-actions button{width:100%}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important}
}


/* Identidade oficial: mesmo arquivo de logo usado no checkout e na loja. */
.brand-icon{overflow:hidden;padding:0;background:radial-gradient(circle at 38% 24%,#6b4a13,#06080a 74%);background-clip:padding-box;}
.brand-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;filter:saturate(1.2) contrast(1.06) drop-shadow(0 0 3px #ffcb4b);}
.hero-symbol{overflow:hidden;padding:0;}
.hero-symbol img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(1.14) contrast(1.09) drop-shadow(0 0 4px #ffce3f);}


/* V-MACHINE RASTREIO — POLIMENTO CROMADO 3D v2 (somente visual) */
/* Alinhado aos acabamentos aprovados em src/chrome-home.css.
   Preserva a página estática: não altera links, campos, pedidos ou APIs. */
body{
  background:
    radial-gradient(ellipse at 51% 14%,#aa521e5a 0%,transparent 43%),
    radial-gradient(ellipse at 14% 70%,#67360e40 0%,transparent 42%),
    radial-gradient(ellipse at 87% 57%,#8d470d38 0%,transparent 46%),
    linear-gradient(145deg,#111014 0%,#030406 35%,#090705 68%,#030405 100%);
}
.announcement{
  position:relative;
  isolation:isolate;
  background:linear-gradient(180deg,#fffbb7 0%,#ffef60 20%,#ffd215 48%,#f9a503 74%,#ffea67 100%);
  border-bottom-color:#bd7300;
  box-shadow:inset 0 1px 1px #fffefa,0 4px 22px #ffa5009c,0 2px 0 #392000;
}
.site-header{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(ellipse at 48% -25%,#7a604052,transparent 58%),
    linear-gradient(180deg,#24252a 0%,#090b0d 36%,#010203 76%,#120c07 100%);
  border-bottom:3px solid #ffb019;
  box-shadow:inset 0 2px #ffffff34,0 2px 0 #fff4a8b0,0 8px 28px #ff8e00a1;
}
.site-header::after{
  content:"";position:absolute;pointer-events:none;
  inset:0 0 auto; height:2px;
  background:linear-gradient(90deg,transparent 1%,#c3b8a78c 27%,#fff4d5d9 49%,#bd8d4e8a 72%,transparent 98%);
}
.brand-icon{
  border-color:#fff1bb;
  box-shadow:inset 0 2px 3px #fff9daa8,0 0 3px 1px #fff8e0,0 0 23px #ffa00dd1,0 10px 20px #000c;
}
.brand strong{
  background:linear-gradient(180deg,#fff 1%,#f9fcff 15%,#808a98 39%,#f9fdff 53%,#8f9aa9 68%,#f9fbff 84%,#9da4ae 100%);
  background-clip:text;-webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 1px #000) drop-shadow(0 0 6px #eef6ff45);
}
.header-pill{
  border-color:#ffe7a0;
  background:linear-gradient(170deg,#393333,#0a0b10 48%,#211408);
  box-shadow:inset 0 2px 2px #fff3cda1,0 0 20px #ff9e14b7,0 6px 11px #0009;
}
main{max-width:1160px;padding-top:30px;padding-bottom:70px}
.hero{
  min-height:386px;
  padding-block:36px 39px;
  border-radius:25px;
  background:
    linear-gradient(154deg,#f7faff21 0%,#e9f1ff08 17%,transparent 37%) padding-box,
    radial-gradient(ellipse at 53% 80%,#a54d0f7b 0%,transparent 59%) padding-box,
    linear-gradient(131deg,#353337 0%,#12141a 29%,#030508 56%,#251306 100%) padding-box,
    linear-gradient(130deg,#fffaca 0%,#b36b15 17%,#fff5c6 39%,#d28713 70%,#fff3c4 100%) border-box;
  box-shadow:
    0 0 0 1px #ffc34d88,inset 0 2px 3px #fffdf2a1,
    inset 0 -3px 8px #2f160aaf,0 0 27px #ffa10cc4,0 18px 36px #000c;
}
.hero::before{
  z-index:0;
  background:
    linear-gradient(116deg,#ffffff24 0%,#fff6cb09 19%,transparent 34%,transparent 68%,#fb9d1714 100%),
    radial-gradient(ellipse at 52% 52%,#ffc24e14,transparent 62%);
}
.hero::after{
  content:"";pointer-events:none;position:absolute;z-index:0;
  left:5%;right:5%;top:2px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,transparent,#fff0c8a1 30%,#ffffffd9 50%,#ffdd9f8a 70%,transparent);
  box-shadow:0 0 13px #fff3d178;
}
.hero>*{position:relative;z-index:1}
.hero-kicker{color:#ffea83;text-shadow:0 0 9px #ffa81b96}
.hero-symbol{
  width:108px;height:108px;margin:20px auto 15px;
  border-color:#fff6c0;
  background:radial-gradient(circle at 28% 20%,#775633,#090b11 72%);
  box-shadow:
    inset 0 2px 3px #fffbe7d9,inset 0 0 0 6px #18140f,
    0 0 0 1px #c57d21,0 0 24px #ffc12bcc,0 0 50px #cc630a5e,0 10px 16px #000c;
}
.hero-symbol img{filter:saturate(1.22) contrast(1.12) drop-shadow(0 0 7px #ffbc2d)}
.hero h1{
  margin:8px auto 14px;
  font-size:clamp(60px,8.5vw,107px);
  line-height:1.04;
  filter:drop-shadow(0 4px 1px #000) drop-shadow(0 0 8px #fff9dc2a);
}
.hero h1 em{
  background:linear-gradient(180deg,#fff8d6 0%,#ffed66 15%,#ffbc09 35%,#c87406 50%,#ffd438 64%,#fff4a8 81%,#e58a08 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 2px 1px #874306d9) drop-shadow(0 0 16px #ffab19b5);
}
.hero p{color:#f0f1f5;text-shadow:0 2px 4px #000d}
.tracking-base{
  max-width:none;
  margin-top:22px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  column-gap:26px;
  min-height:198px;
}
.search-panel{
  border-radius:22px;
  background:
    linear-gradient(152deg,#fffefa1b 0%,transparent 34%) padding-box,
    radial-gradient(ellipse at 100% 97%,#85401355,transparent 67%) padding-box,
    linear-gradient(133deg,#33343a 0%,#101117 45%,#080a0e 74%,#291708 100%) padding-box,
    linear-gradient(134deg,#fff6cc 0%,#aa6717 21%,#fff3bb 48%,#be6c16 73%,#fff2c2 100%) border-box;
  box-shadow:0 0 0 1px #ffe09c76,inset 0 2px 3px #fffad3a6,0 0 24px #ffa316aa,0 14px 26px #000c;
}
.search-panel::before{
  content:"";position:absolute;pointer-events:none;
  left:7%;right:7%;top:2px;height:1px;
  background:linear-gradient(90deg,transparent,#fff7e5ba 50%,transparent);
}
.search-panel h2{
  margin-top:7px;
  font-style:italic;
  background:linear-gradient(180deg,#fff 0%,#edf3ff 21%,#858f9c 43%,#fff 55%,#a8b3c1 73%,#fff 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 2px #000) drop-shadow(0 0 9px #fff9cb2f);
}
.panel-title p{margin-bottom:0}
.tracking-base-actions{display:flex;flex-direction:column;align-items:center;gap:9px;margin-top:0}
.tracking-base-actions button,
.tracking-base-actions button:disabled{
  min-height:56px;padding-inline:27px;
  background:linear-gradient(180deg,#fffac9 0%,#ffeb75 20%,#ffd027 44%,#e98a00 72%,#ffdf69 100%);
  border-color:#fff8cb;
  box-shadow:inset 0 2px 3px #fff8dc,0 0 20px #ffab15ce,0 8px 14px #000a;
  font-size:12px;
  letter-spacing:.04em;
  opacity:1;
  cursor:not-allowed;
  filter:none;
}
.tracking-base-actions span{color:#f0d9ad;font-size:11px}
footer{
  background:radial-gradient(ellipse at 50% 0%,#a75b144d,transparent 72%),linear-gradient(180deg,#242328,#0b0b0e 50%,#020304);
  box-shadow:inset 0 2px #fff5b5b0,0 -6px 25px #ff9a0596;
}
@media(max-width:800px){
  .tracking-base{grid-template-columns:1fr;gap:20px}
  .tracking-base-actions{align-items:flex-start}
  .tracking-base-actions button{min-width:210px}
}
@media(max-width:720px){
  main{padding-top:20px}
  .hero{min-height:auto;padding:30px 18px 32px}
  .hero-symbol{width:95px;height:95px}
  .hero h1{font-size:clamp(49px,12.5vw,76px)}
  .tracking-base{min-height:auto}
  .tracking-base-actions{align-items:stretch}
  .tracking-base-actions button{width:100%}
  .tracking-base-actions span{text-align:center}
}