@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.app-container{display:flex;flex-direction:column;gap:2rem}.header{text-align:center}.header h1{font-size:3rem;font-weight:700;margin:0;background:-webkit-linear-gradient(45deg,#6a1b9a,#42a5f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.header p{font-size:1.2rem;color:#9e9e9e;margin:0}.main-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.card{background:var(--card-background);border:1px solid var(--card-border);border-radius:12px;padding:1.5rem;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;transition:all .2s ease-in-out}.card:hover{transform:translateY(-5px);box-shadow:0 8px 12px #00000026,0 3px 6px #0000001a}.card h2{font-size:1.5rem;margin-top:0;border-bottom:1px solid var(--card-border);padding-bottom:.5rem;margin-bottom:1rem}.profile-card .avatar{width:80px;height:80px;border-radius:50%;margin-right:1.5rem;border:3px solid var(--primary-color)}.profile-card .info{display:flex;align-items:center}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid var(--card-border);border-radius:8px;background:#ffffff1a;color:var(--foreground-rgb);font-size:1rem}.counter-card .count{font-size:3rem;font-weight:700;text-align:center;margin:1rem 0}.counter-card .buttons{display:flex;justify-content:center;gap:1rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease-in-out}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{filter:brightness(1.2)}.btn-secondary{background-color:var(--secondary-color);color:#fff}.btn-secondary:hover{filter:brightness(1.2)}.theme-switcher{position:fixed;top:1rem;right:1rem}:root{--background-start-rgb: 18, 18, 18;--background-end-rgb: 38, 38, 38;--foreground-rgb: 255, 255, 255;--primary-glow: 18, 18, 18;--primary-color: #6a1b9a;--secondary-color: #424242;--card-background: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--font-sans: "Inter", sans-serif}body{background:linear-gradient(to bottom,rgb(var(--background-start-rgb)),rgb(var(--background-end-rgb)));color:rgb(var(--foreground-rgb));font-family:var(--font-sans);margin:0;padding:0;display:flex;justify-content:center;align-items:center;min-height:100vh}#root{width:100%;max-width:1200px;padding:2rem}@media (max-width: 768px){#root{padding:1rem}}