@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap');
:root{
  --primary:#4f46e5;
  --btn-text:#ffffff;
  --card-bg: rgba(255,255,255,0.08);
  --card-border: rgba(255,255,255,0.15);
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Nunito,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#111827;
  background:#f8fafc;
}
a{text-decoration:none}
.container{max-width:960px;margin:0 auto;padding:16px}

.uvm-header .nav-link{color:#111827; margin-right:12px}
.uvm-hero{display:flex;flex-direction:column;align-items:center;margin-top:24px;margin-bottom:12px}
.uvm-hero .project-img{width:120px;height:120px;border-radius:16px;object-fit:cover;border:2px solid var(--card-border);box-shadow:0 10px 30px rgba(0,0,0,.1)}
.uvm-title{font-size:1.6rem;font-weight:800;margin-top:12px;color:#111827;text-align:center}
.uvm-links{display:flex;flex-direction:column;gap:12px;margin:20px 0}
.btn-link{
  display:block;text-align:center;padding:14px 18px;border-radius:12px;
  background:var(--primary);color:var(--btn-text);font-weight:700;
  box-shadow:0 10px 20px rgba(0,0,0,.12);transition:transform .08s ease, box-shadow .2s ease;
}
.btn-link:hover{transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.16)}
.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:16px}
.qr-wrap{display:flex;justify-content:center;margin-top:16px}
.qr-wrap img{width:160px;height:160px}
.actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:10px}
.footer-spacer{height:40px}

/* Themes */
.theme-default body{background:linear-gradient(135deg,#eff6ff,#fef9c3)}
.theme-sunset body{
  background: linear-gradient(120deg,#ff9a9e,#fecfef,#f6d365,#fda085);
  background-size: 300% 300%;
  animation: bgMove 18s ease infinite;
}
.theme-ocean body{
  background: radial-gradient(circle at 20% 20%,#a1c4fd,transparent 25%),
              radial-gradient(circle at 80% 0,#c2e9fb,transparent 35%),
              linear-gradient(135deg,#0ea5e9,#2563eb,#4338ca);
  background-size: auto, auto, 100% 100%;
  animation: hue 30s linear infinite;
}
.theme-neon body{
  background: radial-gradient(1200px 600px at 10% -10%, rgba(0,255,170,.3), transparent 60%),
              radial-gradient(1200px 800px at 90% 10%, rgba(255,0,255,.3), transparent 60%),
              #0b1020;
  color:#e5e7eb;
  --card-bg: rgba(255,255,255,0.06);
  --card-border: rgba(255,255,255,0.12);
}
.theme-neon .btn-link{box-shadow:0 12px 24px rgba(0,255,170,.18)}
.theme-neon .uvm-title{color:#e5e7eb}
@keyframes bgMove{
  0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}
}
@keyframes hue{0%{filter:hue-rotate(0)}100%{filter:hue-rotate(360deg)}}

/* Responsive */
@media (max-width:600px){
  .uvm-hero .project-img{width:96px;height:96px}
  .uvm-title{font-size:1.4rem}
  .btn-link{padding:14px;font-size:1rem}
}