*{margin:0;padding:0;box-sizing:border-box}:root{--primary: hsl(140, 65%, 22%);--primary-dark: hsl(140, 70%, 18%);--primary-light: hsl(140, 50%, 35%);--background: hsl(0, 0%, 98%);--foreground: hsl(140, 8%, 15%);--card: hsl(0, 0%, 100%);--card-foreground: hsl(140, 8%, 15%);--muted: hsl(140, 10%, 95%);--muted-foreground: hsl(140, 5%, 45%);--border: hsl(140, 15%, 88%);--input: hsl(140, 15%, 92%);--destructive: hsl(0, 72%, 51%);--destructive-foreground: hsl(0, 0%, 100%);--radius: .5rem}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--background);color:var(--foreground);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:400px;margin:0 auto;padding:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.75rem 1.5rem;font-size:1rem;font-weight:500;border:none;border-radius:var(--radius);cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:.75rem 1rem;font-size:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #145d2c1a}.error{color:var(--destructive);font-size:.875rem;margin-top:.25rem}.text-muted{color:var(--muted-foreground);font-size:.875rem}