/* ==========================================================================
   Shiny Kiwi: standalone links landing page (QR code destination)
   Deliberately self-contained. Does not import or depend on css/main.css or
   css/home.css so this page stays stable while other homepage work is in
   progress. Color values below mirror the tokens in css/main.css's :root,
   copied rather than shared, on purpose, for that same isolation.
   ========================================================================== */

:root{
  --green-deep:#2E4020;
  --green-mid:#5C7A4A;
  --cream:#F3EFDD;
  --gold:#A6873F;
  --gold-light:#C9AD6E;
  --seed:#181712;
}

*{box-sizing:border-box; margin:0; padding:0;}

html{scroll-behavior:smooth;}

body{
  min-height:100vh;
  display:flex;
  flex-direction:column;
  background:
    radial-gradient(circle at 82% 12%, rgba(143,174,76,.22), transparent 45%),
    radial-gradient(circle at 10% 92%, rgba(166,135,63,.2), transparent 50%),
    var(--green-deep);
  color:var(--cream);
  font-family:'Work Sans', sans-serif;
  line-height:1.5;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%; display:block;}
a{color:inherit; text-decoration:none;}

:focus-visible{outline:3px solid var(--gold-light); outline-offset:3px;}

@media (prefers-reduced-motion: reduce){
  *{transition:none !important;}
}

.links-page{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
}

.links-card{
  width:100%;
  max-width:420px;
  margin:0 auto;
  padding:56px 24px 40px;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}

.links-logo{
  width:300px;
  height:300px;
  border-radius:50%;
  margin-bottom:16px;
  filter:drop-shadow(0 12px 22px rgba(0,0,0,.35));
}

.links-wordmark{
  font-family:'Baloo 2', sans-serif;
  font-weight:800;
  font-size:1.5rem;
  letter-spacing:.5px;
  color:var(--cream);
}

.links-tagline{
  margin-top:10px;
  font-size:.95rem;
  color:#DCE3CE;
  max-width:32ch;
}

.links-stack{
  width:100%;
  display:flex;
  flex-direction:column;
  gap:16px;
  margin-top:36px;
}

.link-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  padding:18px 22px;
  border-radius:14px;
  border:2px solid transparent;
  font-family:'Baloo 2', sans-serif;
  font-weight:700;
  font-size:1.05rem;
  transition:transform .15s ease, background .15s ease, border-color .15s ease;
}
.link-btn:hover{transform:translateY(-2px);}
.link-btn:active{transform:translateY(0) scale(.98);}
.link-btn svg{width:22px; height:22px; flex:none;}

.link-btn-primary{
  background:var(--gold);
  color:var(--seed);
}
.link-btn-primary:hover{background:var(--gold-light);}

.link-btn-outline{
  background:transparent;
  border-color:var(--cream);
  color:var(--cream);
}
.link-btn-outline:hover{background:rgba(243,239,221,.1);}

.link-btn-feature{
  text-align:center;
}
.link-btn-title{
  font-size:.92rem;
}

.link-btn-wishlist{
  border-color:var(--gold-light);
  box-shadow:0 10px 26px -10px rgba(166,135,63,.6);
}
.link-btn-text{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  text-align:left;
}
.link-btn-sub{
  font-family:'Work Sans', sans-serif;
  font-weight:500;
  font-size:.78rem;
  color:var(--seed);
  opacity:.75;
}

.links-site-link{
  display:inline-block;
  margin-top:28px;
  font-size:.92rem;
  font-weight:600;
  color:var(--gold-light);
  text-decoration:underline;
  text-underline-offset:3px;
}
.links-site-link:hover{color:var(--cream);}

.links-footer{
  width:100%;
  margin-top:auto;
  background:var(--seed);
  color:#B9B49B;
  text-align:center;
  padding:26px 20px;
  font-size:.78rem;
  line-height:1.7;
}
.links-footer-domain{
  font-family:'Space Mono', monospace;
  font-size:.82rem;
  color:var(--gold-light);
  margin-bottom:4px;
}

@media (min-width:640px){
  .links-card{padding-top:80px;}
}