:root { --foreground: hsl(222.2 47% 11.2%); --muted-foreground: hsl(215.4 16.3% 46.9%); --primary: hsl(262 83% 57%); --primary-contrast: hsl(210 40% 98%); --border: hsl(214.3 31.8% 91.4%); --gradient-subtle: linear-gradient(180deg, hsl(210 40% 98%), hsl(210 40% 96%)); }
      *{box-sizing:border-box} body{margin:0; font-family:Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color:var(--foreground); background:var(--gradient-subtle);} a{text-decoration:none;color:inherit}
      a { color: inherit; text-decoration: none; }
      .container { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
      header { padding: 20px 0; display: flex; align-items: center; justify-content: space-between; }
      .brand { display: inline-flex; align-items: center; gap: 10px; }
      .logo { width: 28px; height: 28px; border-radius: 8px; background: var(--gradient-primary); box-shadow: var(--shadow-elegant); }
      nav { display: inline-flex; gap: 10px; }
      .btn1 { display: inline-flex; align-items: center; gap: 8px; height: 42px; padding: 0 14px; border-radius: 10px; border: 1px solid var(--border); background: white; cursor: pointer; transition: transform .2s ease, filter .2s ease, box-shadow .2s ease; }
      .btn1:hover { transform: translateY(-1px); }
      .logo{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg, hsl(262 83% 57%), hsl(280 70% 60%));margin-right:10px;display:inline-block}
      .btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:10px;border:1px solid var(--border);background:white;cursor:pointer}
      .btn-hero{background:linear-gradient(135deg, hsl(262 83% 57%), hsl(280 70% 60%));color:var(--primary-contrast);border:none}
      .card{background:white;border:1px solid var(--border);border-radius:12px;box-shadow:0 12px 40px -16px hsl(220 40% 30% / 0.25);padding:24px}
      label{display:block;margin-bottom:6px;font-size:14px}
      input{width:100%;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px}
      .muted{color:var(--muted-foreground)}