:root{--color-bg-primary:#0e0e11;--color-bg-secondary:#16161c;--color-bg-tertiary:#1c1c24;--color-text-primary:#f5f5f5;--color-text-secondary:#a8a8b3;--color-accent:#e0c36b;--color-accent-hover:#f0d87b;--color-border:#2a2a35;--color-border-hover:#3a3a48;--font-sans:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--transition-fast:0.15s ease;--transition-normal:0.2s ease;--transition-slow:0.3s ease}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;padding:0;font-family:var(--font-sans);background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,main{min-height:100vh}main{display:flex;flex-direction:column}header{text-align:center;padding:var(--spacing-xl) var(--spacing-md);border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-bg-secondary) 0,var(--color-bg-primary) 100%)}.logo{width:80px;height:80px;margin-bottom:var(--spacing-sm);filter:drop-shadow(0 4px 12px rgba(224,195,107,.2))}header h1{margin:0 0 var(--spacing-xs);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:700;letter-spacing:-.02em;color:var(--color-text-primary)}header p{font-size:1rem;color:var(--color-text-secondary);max-width:400px;margin:0 auto}.grid{display:grid;grid-gap:var(--spacing-md);gap:var(--spacing-md);padding:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));max-width:1400px;margin:0 auto;width:100%;flex:1 1}@media (min-width:768px){.grid{padding:var(--spacing-xl);gap:var(--spacing-lg)}}.card{position:relative;display:flex;flex-direction:column;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-md);text-decoration:none;color:inherit;transition:transform var(--transition-normal),border-color var(--transition-normal),box-shadow var(--transition-normal);overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-accent);opacity:0;transition:opacity var(--transition-normal)}.card:focus-visible,.card:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:0 8px 24px rgba(0,0,0,.3)}.card:focus-visible:before,.card:hover:before{opacity:1}.card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.card.primary{border-color:var(--color-accent);background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%)}.card.primary:before{opacity:1}.card h2{margin:0 0 var(--spacing-xs);font-size:1.25rem;font-weight:600;color:var(--color-text-primary);padding-right:var(--spacing-lg)}.card p{margin:0;font-size:.9rem;flex:1 1}.card p,.card-arrow{color:var(--color-text-secondary)}.card-arrow{position:absolute;top:var(--spacing-md);right:var(--spacing-md);font-size:1.25rem;transition:transform var(--transition-normal),color var(--transition-normal)}.card:focus-visible .card-arrow,.card:hover .card-arrow{transform:translateX(4px);color:var(--color-accent)}.notification-button{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:.75rem 1.5rem;background:transparent;border:1px solid var(--color-accent);border-radius:6px;color:var(--color-accent);font-size:.9rem;font-weight:500;cursor:pointer;transition:background var(--transition-normal),color var(--transition-normal)}.notification-button:focus-visible,.notification-button:hover{background:var(--color-accent);color:var(--color-bg-primary)}.notification-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.notification-button svg{flex-shrink:0}footer{text-align:center;padding:var(--spacing-lg);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}footer p{margin:0 0 var(--spacing-xs);font-size:.85rem}footer .privacy-note,footer p{color:var(--color-text-secondary)}footer .privacy-note{font-size:.75rem;opacity:.7}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.install-prompt{display:none;position:fixed;bottom:var(--spacing-lg);left:50%;transform:translateX(-50%);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 8px 32px rgba(0,0,0,.4);z-index:1000}.install-prompt.visible{display:flex;align-items:center;gap:var(--spacing-sm)}