1 line
6.2 KiB
CSS
1 line
6.2 KiB
CSS
*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-primary, "Inter"),system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:500;letter-spacing:-.025em;font-family:var(--font-secondary, "Inter"),var(--font-primary, "Inter"),system-ui,-apple-system,sans-serif}.text-hero{font-size:clamp(3rem,4vw,6rem);line-height:1.1;font-weight:300;letter-spacing:-.025em}.text-section-title{font-size:clamp(1.6rem,3vw,3rem);font-weight:300;letter-spacing:-.025em}.text-large{font-size:clamp(1.1rem,2vw,1.2rem);line-height:1.625}.border-t{border-top-width:1px!important}.border-b{border-bottom-width:1px!important}.border-l{border-left-width:1px!important}.border-r{border-right-width:1px!important}.border{border-width:1px!important}.btn-primary{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));padding:.75rem 2rem;border-radius:.5rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a;display:inline-block;text-decoration:none}.btn-primary:hover{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));box-shadow:0 10px 15px -3px #0000001a}.btn-primary-accent{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));border:1px solid hsl(var(--border));padding:.75rem 2rem;border-radius:.5rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a;display:inline-block;text-decoration:none}.btn-primary-accent:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));box-shadow:0 10px 15px -3px #0000001a}.btn-secondary{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));padding:.75rem 2rem;border-radius:.5rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a;display:inline-block;text-decoration:none}.btn-secondary:hover{background-color:hsl(var(--primary));color:hsl(var(--primary-foreground))}.btn-secondary-accent{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));border:1px solid hsl(var(--border));padding:.75rem 2rem;border-radius:.5rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;text-decoration:none}.btn-secondary-accent:hover{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-accent{background-color:hsl(var(--accent));color:hsl(var(--accent-foreground));padding:.75rem 2rem;border-radius:.5rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000001a;display:inline-block;text-decoration:none}.btn-accent:hover{background-color:hsl(var(--secondary));color:hsl(var(--secondary-foreground));box-shadow:var(--shadow-accent-glow)}.card-elevated{background-color:hsl(var(--card));border-radius:1rem;box-shadow:var(--shadow-card);border:1px solid hsl(var(--border) / .5)}.section-padding{padding-top:4rem;padding-bottom:4rem}@media (min-width: 1024px){.section-padding{padding-top:6rem;padding-bottom:6rem}}.section-dark{background-color:hsl(var(--dark-bg));color:hsl(var(--dark-text))}.container-padding{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container-padding{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container-padding{padding-left:2rem;padding-right:2rem}}.container-narrow{max-width:56rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}@media (min-width: 640px){.container-narrow{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width: 1024px){.container-narrow{padding-left:2rem;padding-right:2rem}}.spacing-section>*+*{margin-top:2rem}.spacing-content>*+*{margin-top:1.5rem}.spacing-small>*+*{margin-top:1rem}.bg-background{background-color:hsl(var(--background))}.text-foreground{color:hsl(var(--foreground))}.bg-card{background-color:hsl(var(--card))}.text-card-foreground{color:hsl(var(--card-foreground))}.border-border{border-color:hsl(var(--border))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.bg-accent{background-color:hsl(var(--accent))}.text-accent-foreground{color:hsl(var(--accent-foreground))}.bg-muted{background-color:hsl(var(--muted))}.bg-secondary\/10{background-color:hsl(var(--secondary) / .1)}.bg-secondary\/20{background-color:hsl(var(--secondary) / .2)}.bg-card\/95{background-color:hsl(var(--card) / .95)}.border-border\/50{border-color:hsl(var(--border) / .5)}.text-dark-muted{color:hsl(var(--dark-muted))}.border-dark-muted\/30{border-color:hsl(var(--dark-muted) / .3)}.text-dark-text{color:hsl(var(--dark-text))}.bg-dark-bg{background-color:hsl(var(--dark-bg))}.bg-hero-container{background-color:hsl(var(--hero-container))}.shadow-elevated{box-shadow:var(--shadow-elevated)}.shadow-card{box-shadow:var(--shadow-card)}.shadow-accent-glow{box-shadow:var(--shadow-accent-glow)}.text-primary{color:hsl(var(--primary))}.text-secondary{color:hsl(var(--secondary))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.bg-primary{background-color:hsl(var(--primary))}.bg-secondary{background-color:hsl(var(--secondary))}.border-primary{border-color:hsl(var(--primary))}.border-secondary{border-color:hsl(var(--secondary))}.hover-text-secondary:hover{color:hsl(var(--secondary))}.hover-text-primary:hover{color:hsl(var(--primary))}.hover-bg-primary:hover{background-color:hsl(var(--primary))}.hover-bg-secondary:hover{background-color:hsl(var(--secondary))}.hover-border-secondary:hover{border-color:hsl(var(--secondary))}.hover-shadow-accent-glow:hover{box-shadow:var(--shadow-accent-glow)}.topbar-normal{background-color:hsl(var(--muted) / .2);border-bottom:1px solid hsl(var(--border) / .3)}.header-sticky{position:fixed;top:0;left:0;right:0;z-index:50;background-color:hsl(var(--background) / .8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid hsl(var(--border));transition:all .3s ease-in-out}.header-normal{position:relative;transition:all .3s ease-in-out}.bg-muted\/20{background-color:hsl(var(--muted) / .2)}.border-border\/30{border-color:hsl(var(--border) / .3)}
|