:root{--color-background:#1a0f2e;--color-foreground:#faf0f0;--color-card:#170e28;--color-primary:#9e6ff3;--color-primary-hover:#5c35a8;--color-muted:#beaedd;--color-border:#3e3155;--shadow-card:0 1px 3px 0 rgba(31,36,46,.04),0 1px 2px -1px rgba(31,36,46,.04);--shadow-card-hover:0 10px 15px -3px rgba(31,36,46,.08),0 4px 6px -4px rgba(31,36,46,.04);--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius:.75rem;--radius-sm:.5rem;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.page{background-color:var(--color-background);min-height:100vh}.container{width:100%;max-width:1280px;padding-left:var(--spacing-md);padding-right:var(--spacing-md);margin:0 auto}@media (min-width:768px){.container{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}}.header{border-bottom:1px solid var(--color-border);background-color:var(--color-card);border-radius:var(--radius)}.nav{justify-content:space-between;align-items:center;height:4rem;display:flex}.logo-container{align-items:center;gap:var(--spacing-sm);display:flex}.logo{width:4rem;height:4rem}.logo-text{color:var(--color-foreground);font-weight:600;display:none}@media (min-width:640px){.logo-text{display:inline}}.page-title{color:var(--color-foreground);letter-spacing:-.025em;font-size:1.25rem;font-weight:700}@media (min-width:768px){.page-title{font-size:1.5rem}}.nav-link{color:var(--color-primary);transition:opacity var(--transition-fast);font-size:.875rem;font-weight:500}.nav-link:hover{opacity:.8}.main{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}@media (min-width:768px){.main{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}}.card{background-color:var(--color-card);border-radius:var(--radius);box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.counter-card{padding:var(--spacing-lg);margin-bottom:2.5rem}@media (min-width:768px){.counter-card{padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}}.counter-content{justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;display:flex}@media (min-width:640px){.counter-content{flex-direction:row}}.counter-text{color:var(--color-muted);text-align:center}@media (min-width:640px){.counter-text{text-align:left}}.counter-value{color:var(--color-foreground);font-weight:600}.button{color:#fff;background-color:var(--color-primary);border-radius:var(--radius-sm);cursor:pointer;min-width:120px;transition:background-color var(--transition-normal),transform var(--transition-fast);border:none;justify-content:center;align-items:center;padding:.625rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex}.button:hover{background-color:var(--color-primary-hover)}.button:active{transform:scale(.98)}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.section-title{color:var(--color-foreground);margin-bottom:var(--spacing-lg);letter-spacing:-.025em;font-size:1.5rem;font-weight:700}.resources-grid{gap:var(--spacing-md);grid-template-columns:1fr;list-style-type:none;display:grid}@media (min-width:640px){.resources-grid{grid-template-columns:repeat(2,1fr)}}.resource-link{display:block}.resource-card{transition:box-shadow var(--transition-slow),transform var(--transition-slow);padding:1.25rem}.resource-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.resource-content{justify-content:space-between;align-items:center;display:flex}.resource-title{color:var(--color-foreground);transition:color var(--transition-fast);font-weight:500}.resource-link:hover .resource-title{color:var(--color-primary)}.resource-icon{width:1rem;height:1rem;color:var(--color-muted);opacity:0;transition:opacity var(--transition-fast),color var(--transition-fast)}.resource-link:hover .resource-icon{opacity:1;color:var(--color-primary)}