@font-face{font-family:Anton;src:url(/livro-conceitos-fundamentais-css/fonts/Anton-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--color-brand-hue: 51;--color-brand: hsl(var(--color-brand-hue) 100% 50%);--color-brand-ink: hsl(0 0% 10%);--color-ink: hsl(0 0% 15%);--color-text: hsl(0 0% 20%);--color-muted: hsl(0 0% 40%);--color-bg: hsl(0 0% 100%);--color-bg-alt: hsl(48 33% 98%);--color-border: hsl(0 0% 90%);--color-code-bg: hsl(51 60% 92%);--font-display: "Anton", "Impact", "Arial Narrow Bold", sans-serif;--font-sans: -apple-system, BlinkMacSystemFont, "avenir next", avenir, "segoe ui", "helvetica neue", helvetica, ubuntu, roboto, noto, arial, sans-serif;--font-mono: "SF Mono", Menlo, Consolas, Monaco, "Liberation Mono", monospace;--step--1: clamp(.85rem, .78rem + .3vw, .95rem);--step-0: clamp(1rem, .9rem + .45vw, 1.15rem);--step-1: clamp(1.18rem, .95rem + 1vw, 1.45rem);--step-2: clamp(1.45rem, 1rem + 1.7vw, 1.95rem);--step-3: clamp(1.9rem, 1.1rem + 2.8vw, 2.8rem);--step-4: clamp(2.4rem, 1rem + 4vw, 4rem);--step-5: clamp(3.2rem, 1rem + 6vw, 5.5rem);--step-6: clamp(4rem, 1rem + 8vw, 7rem);--line-tight: 1.1;--line-normal: 1.6;--line-prose: 1.65;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--content-max: 75ch;--content-pad: clamp(1.25rem, 4vw, 2rem);color-scheme:light;accent-color:var(--color-brand)}:root[data-theme=dark]{--color-ink: hsl(0 0% 96%);--color-text: hsl(0 0% 92%);--color-muted: hsl(0 0% 60%);--color-bg: hsl(0 0% 10%);--color-bg-alt: hsl(0 0% 14%);--color-border: hsl(0 0% 25%);--color-code-bg: hsl(0 0% 18%);color-scheme:dark}@media(prefers-contrast:more){:root{--color-border: hsl(0 0% 60%)}:root[data-theme=dark]{--color-border: hsl(0 0% 70%)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;interpolate-size:allow-keywords;scroll-behavior:smooth;text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--step-0);line-height:var(--line-prose);margin:0;overflow-x:clip;text-rendering:optimizeLegibility}img,svg{block-size:auto;max-inline-size:100%}img{display:block}:where([id]){scroll-margin-block-start:var(--space-lg)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.skip-link{background:var(--color-ink);border-radius:4px;color:var(--color-bg);font-family:var(--font-sans);font-size:var(--step--1);inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm);padding:var(--space-xs) var(--space-sm);position:absolute;text-decoration:none;transform:translateY(-200%);transition:transform .2s;z-index:100}.skip-link:focus-visible{transform:translateY(0)}h1,h2,h3{color:var(--color-ink);line-height:var(--line-tight);margin:0 0 var(--space-lg);text-wrap:balance}h2{font-family:var(--font-display);font-size:var(--step-3);letter-spacing:.01em;text-transform:uppercase}h3{font-family:var(--font-display);font-size:var(--step-1);letter-spacing:.02em;margin-block-end:var(--space-xs);margin-block-start:var(--space-lg);text-transform:uppercase}p{margin:0 0 var(--space-sm);text-wrap:pretty}.block p:not(.block__number,.note,.dedication,.lead,.final-line){max-inline-size:var(--content-max)}a{background-image:linear-gradient(var(--color-brand),var(--color-brand));background-position:0% 100%;background-repeat:no-repeat;background-size:100% 2px;color:var(--color-ink);padding-inline:.05em;text-decoration:none;transition:background-size .3s cubic-bezier(.2,.8,.2,1),color .15s ease-in-out}a:hover{background-size:100% 100%;color:var(--color-brand-ink)}a:focus-visible{border-radius:2px;outline:3px solid var(--color-brand);outline-offset:4px}code{background:var(--color-code-bg);border-radius:3px;color:var(--color-ink);font-family:var(--font-mono);font-size:.88em;padding:.12em .4em}strong{color:var(--color-ink);font-weight:700}em{font-style:italic}.hero{align-items:start;column-gap:var(--space-md);display:grid;grid-template-columns:1fr;margin:0 auto;max-width:var(--content-max);padding:var(--space-lg) var(--content-pad);row-gap:var(--space-md)}.hero__text{text-align:center}.hero__headline,.hero__subhead{margin-inline:auto}.hero__tags{justify-content:center}@media(min-width:768px){.hero{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.hero__text{text-align:start}.hero__headline,.hero__subhead{margin-inline:0}.hero__tags{justify-content:flex-start}.hero__actions{grid-column:1 / -1}}.hero__text{min-inline-size:0}.hero__headline{color:var(--color-ink);font-family:var(--font-display);font-size:var(--step-4);font-weight:400;letter-spacing:.005em;line-height:1.2;margin:0 0 var(--space-md);max-inline-size:16ch;text-transform:uppercase;text-wrap:balance}.hero__subhead{color:var(--color-text);font-family:var(--font-sans);font-size:var(--step-1);line-height:1.4;margin:0 0 var(--space-md);max-inline-size:34rem}.hero__tags{display:flex;flex-wrap:wrap;gap:var(--space-md);list-style:none;margin:0 0 var(--space-md);padding:0}.hero__tags li{border-block-start:2px solid var(--color-brand);display:grid;min-inline-size:3rem;padding-block-start:var(--space-2xs)}.hero__tags strong{color:var(--color-ink);font-family:var(--font-sans);font-size:var(--step-2);font-variant-numeric:tabular-nums;font-weight:700;line-height:1}.hero__tags span{color:var(--color-muted);font-size:var(--step--2)}.hero__actions{align-items:center;display:flex;flex-direction:column}.hero__trust-wrapper{align-items:center;display:flex;flex-direction:column;gap:var(--space-2xs);margin-block-start:var(--space-lg)}.hero__trust{color:var(--color-muted);font-family:var(--font-sans);font-size:var(--step--1);margin-block-end:0;text-align:center;text-wrap:balance}.hero__trust-icon{color:var(--color-brand-ink, var(--color-ink));display:inline-block;margin-inline-end:.4em;vertical-align:-.15em}.hero__secondary{background-image:linear-gradient(var(--color-muted),var(--color-muted));background-size:100% 1px;color:var(--color-muted);font-family:var(--font-sans);font-size:var(--step--1);font-weight:600;letter-spacing:.1em;margin-block-start:var(--space-xl);text-transform:uppercase}.hero__secondary:hover{background-image:linear-gradient(var(--color-brand),var(--color-brand));background-size:100% 100%;color:var(--color-ink)}.hero__cover{--ease: linear(0, .931 13.8%, 1.196 21.4%, 1.343 29.8%, 1.378 36%, 1.365 43.2%, 1.059 78%, 1);--shadow: 0rem 0rem;--shine: 100% 100%;--transform: 0, 0;display:inline-grid;filter:drop-shadow(var(--shadow) .1rem hsl(0 0% 0% / .05)) drop-shadow(var(--shadow) .2rem hsl(0 0% 0% / .05)) drop-shadow(var(--shadow) .3rem hsl(0 0% 0% / .05)) drop-shadow(var(--shadow) .4rem hsl(0 0% 0% / .05));inline-size:100%;justify-self:center;margin:0;max-inline-size:20rem;min-inline-size:0;perspective:75rem;transition:filter ease-out .4s}.hero__cover>:nth-child(n+2){isolation:isolate;scale:1.2;z-index:1}.hero__cover-inner{border-radius:3px;grid-area:1 / 1 / 4 / 4;outline:.5px solid #0000;outline-offset:-1px;overflow:hidden;position:relative;transform:rotate3d(var(--transform),0,10deg);transition:transform var(--ease) .5s,scale var(--ease) .5s,outline-color ease-out .5s}.hero__cover-inner:before{background-image:radial-gradient(circle at 50%,hsl(0 0% 100% / .2) 10%,transparent 50%);block-size:33.333%;content:"";filter:blur(.75rem);inline-size:33.333%;inset:0;opacity:0;pointer-events:none;position:absolute;scale:5;transition:translate ease-out .4s,opacity ease-out .4s;translate:var(--shine);z-index:1}.hero__cover img{block-size:auto;box-shadow:-2px 0 #0000001a,0 2px 4px #00000014,0 12px 24px #0000001f,-8px 30px 50px -10px #00000040;display:block;inline-size:100%}.hero__cover:hover{--ease: linear(0, .708 15.2%, .927 23.6%, 1.067 33%, 1.12 41%, 1.13 50.2%, 1.019 83.2%, 1)}.hero__cover:hover .hero__cover-inner{outline-color:#ffffff0f;scale:1.05}.hero__cover:hover .hero__cover-inner:before{opacity:1}.hero__cover>:nth-child(2){grid-area:1 / 1 / 2 / 2}.hero__cover>:nth-child(3){grid-area:1 / 2 / 2 / 3}.hero__cover>:nth-child(4){grid-area:1 / 3 / 2 / 4}.hero__cover>:nth-child(5){grid-area:2 / 1 / 3 / 2}.hero__cover>:nth-child(6){grid-area:2 / 3 / 3 / 4}.hero__cover>:nth-child(7){grid-area:3 / 1 / 4 / 2}.hero__cover>:nth-child(8){grid-area:3 / 2 / 4 / 3}.hero__cover>:nth-child(9){grid-area:3 / 3 / 4 / 4}.hero__cover:has(>:nth-child(2):hover){--shadow: -.5rem -.5rem;--shine: 0% 0%;--transform: -1, 1}.hero__cover:has(>:nth-child(3):hover){--shadow: 0rem -.5rem;--shine: 100% 0%;--transform: -1, 0}.hero__cover:has(>:nth-child(4):hover){--shadow: .5rem -.5rem;--shine: 200% 0%;--transform: -1, -1}.hero__cover:has(>:nth-child(5):hover){--shadow: -.5rem 0rem;--shine: 0% 100%;--transform: 0, 1}.hero__cover:has(>:nth-child(6):hover){--shadow: .5rem 0rem;--shine: 200% 100%;--transform: 0, -1}.hero__cover:has(>:nth-child(7):hover){--shadow: -.5rem .5rem;--shine: 0% 200%;--transform: 1, 1}.hero__cover:has(>:nth-child(8):hover){--shadow: 0rem .5rem;--shine: 100% 200%;--transform: 1, 0}.hero__cover:has(>:nth-child(9):hover){--shadow: .5rem .5rem;--shine: 200% 200%;--transform: 1, -1}:root[data-theme=dark] .hero__cover img{box-shadow:-2px 0 #0006,0 2px 4px #0000004d,0 12px 24px #00000080,-8px 30px 50px -10px #0009}@media(prefers-reduced-motion:reduce){.hero__cover,.hero__cover-inner{transition:none}.hero__cover-inner{transform:none}.hero__cover:hover .hero__cover-inner{scale:1}.hero__cover-inner:before{display:none}}.stripes{background:var(--color-brand);height:60px;overflow:hidden;position:relative}:root[data-theme=dark] .stripes{background:var(--color-bg)}.stripes:before{--stripe-color: var(--color-bg);background:linear-gradient(-45deg,transparent 0px,transparent 18px,var(--stripe-color) 18px,var(--stripe-color) 38px,transparent 38px,transparent 62px,var(--stripe-color) 62px,var(--stripe-color) 78px,transparent 78px,transparent 100px,var(--stripe-color) 100px,var(--stripe-color) 124px,transparent 124px,transparent 150px,var(--stripe-color) 150px,var(--stripe-color) 168px,transparent 168px,transparent 188px,var(--stripe-color) 188px,var(--stripe-color) 214px,transparent 214px,transparent 240px,var(--stripe-color) 240px,var(--stripe-color) 256px,transparent 256px,transparent 274px,var(--stripe-color) 274px,var(--stripe-color) 300px,transparent 300px,transparent 326px,var(--stripe-color) 326px,var(--stripe-color) 344px,transparent 344px,transparent 362px,var(--stripe-color) 362px,var(--stripe-color) 390px,transparent 390px);content:"";inset:0;position:absolute}:root[data-theme=dark] .stripes:before{--stripe-color: var(--color-brand);opacity:.9}.cta{-webkit-tap-highlight-color:transparent;background:var(--color-brand);background-image:none;background-size:auto;border-radius:4px;box-shadow:0 0 0 0 var(--color-brand);color:var(--color-brand-ink);display:inline-block;font-family:var(--font-sans);font-size:var(--step-1);letter-spacing:.02em;padding:var(--space-sm) var(--space-lg);padding-inline:var(--space-lg);text-align:center;text-decoration:none;touch-action:manipulation;transition:transform .15s,box-shadow .15s,background-color .15s}.cta:hover{background-color:var(--color-brand);background-image:none;box-shadow:0 6px 16px -3px #0006;color:var(--color-brand-ink);transform:translateY(-1px)}.cta:focus-visible{outline:3px solid var(--color-ink);outline-offset:3px}.cta:active{transform:translateY(0)}.block{margin:0 auto;max-width:var(--content-max);padding:var(--space-lg) var(--content-pad);position:relative}.block--accent{background:var(--color-bg-alt);box-shadow:0 0 0 100vmax var(--color-bg-alt);clip-path:inset(0 -100vmax)}.block--final{padding-block:var(--space-2xl);text-align:center}.block__number{color:var(--color-border);font-family:var(--font-display);font-size:clamp(5rem,10vw,12rem);letter-spacing:.02em;line-height:1;margin:0 0 calc(var(--space-xl) * -1);opacity:.5;pointer-events:none;position:relative;user-select:none;z-index:0}:root[data-theme=dark] .block__number{color:var(--color-bg-alt);opacity:1}.block>h2,.block>h3,.block>.lead,.block>p,.block>.two-cols,.block>.chapters,.block>.note,.block>.pull-quote,.block>.testimonials,.block>.stats,.block>.dedication,.block>.faq,.block>.guarantee,.block>.cta,.block>.final-line,.block>ul,.block>ol{position:relative;z-index:1}.guarantee{align-items:center;display:grid;gap:var(--space-lg);margin-block-start:var(--space-md);@media(min-width:720px){grid-template-columns:auto 1fr}}.guarantee__seal{block-size:auto;color:var(--color-ink);inline-size:clamp(8rem,30vw,11rem);justify-self:center;rotate:-8deg}.guarantee__body>:first-child{margin-block-start:0}.seal__arc{fill:currentColor;font-family:var(--font-sans);font-size:12px;letter-spacing:1px}.seal__num{fill:currentColor;font-family:var(--font-display);font-size:72px;translate:0 12px}.seal__unit{fill:currentColor;font-family:var(--font-display);font-size:22px;letter-spacing:3px;translate:0 8px}.block--final{padding-block-end:var(--space-xl);padding-block-start:var(--space-2xl)}.block.block--final{background:var(--color-bg)}.final-line{color:var(--color-ink);font-family:var(--font-display);font-size:var(--step-3);letter-spacing:.01em;line-height:1.05;margin:0 auto var(--space-lg);text-transform:uppercase}.two-cols{display:grid;gap:var(--space-lg);grid-template-columns:1fr;margin-top:var(--space-md)}@media(min-width:720px){.two-cols{gap:var(--space-xl);grid-template-columns:1fr 1fr}}.bullets{list-style:none;margin:var(--space-sm) 0;padding:0}.bullets li{line-height:var(--line-prose);margin-bottom:var(--space-sm);padding-inline-start:1.6em;position:relative}.bullets li:before{color:hsl(var(--color-brand-hue) 100% 45%);content:"→";font-family:var(--font-sans);font-weight:700;inset-inline-start:0;position:absolute}.bullets--negative li:before{color:var(--color-muted);content:"×";font-size:1.2em;line-height:1.25}.chapters{list-style:none;margin:var(--space-md) 0;padding:0}.chapters li{align-items:start;border-block-start:1px solid var(--color-border);display:grid;gap:var(--space-2xs);padding:var(--space-md) 0;@media(min-width:720px){grid-template-columns:minmax(0,14rem) 1fr}}.chapters__title{color:var(--color-ink);font-family:var(--font-display);font-size:var(--step-2);letter-spacing:.02em;line-height:1.05;margin-bottom:0;text-transform:uppercase;translate:0 var(--space-xs)}.chapters p{color:var(--color-text);margin:0;max-inline-size:none}.lead{color:var(--color-text);font-size:var(--step-1);line-height:1.4;margin-bottom:var(--space-lg);max-inline-size:var(--content-max)}.note{color:var(--color-muted);font-size:var(--step--1);font-style:italic;margin-top:var(--space-lg);max-inline-size:var(--content-max)}.pull-quote{border-inline-start:4px solid var(--color-brand);color:var(--color-ink);font-family:var(--font-sans);font-size:var(--step-2);font-style:italic;letter-spacing:0;line-height:1.25;margin:var(--space-md) 0 0;max-inline-size:var(--content-max);padding-inline-start:var(--space-md)}.dedication{border-block-start:1px solid var(--color-border);color:var(--color-text);font-family:var(--font-sans);font-style:italic;margin-block-start:var(--space-lg);padding-block-start:var(--space-md)}.author{display:grid;gap:var(--space-md);justify-items:center;margin-block-start:var(--space-md);text-align:center}.author__photo{margin:0;@media(min-width:520px){inline-size:50%}}.author__photo img{block-size:100%;inline-size:100%;object-fit:cover}.author__body{max-inline-size:var(--content-max)}.author__body>:first-child{margin-block-start:0}.stats{display:grid;gap:var(--space-md);grid-template-columns:1fr;list-style:none;margin:var(--space-lg) 0 0;padding:0;text-align:center;@media(min-width:520px){grid-template-columns:repeat(3,1fr)}}.stats li{align-content:start;display:grid;gap:var(--space-2xs)}.stats strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--step-2);font-variant-numeric:tabular-nums;letter-spacing:.01em;line-height:1;white-space:nowrap}.stats span{color:var(--color-text);font-size:var(--step--1);line-height:var(--line-prose)}.testimonials{display:grid;gap:var(--space-md);margin-top:var(--space-md)}.testimonial{background:var(--color-bg-alt);border-inline-start:3px solid var(--color-brand);margin:0;padding:var(--space-md)}.testimonial blockquote{font-family:var(--font-sans);margin:0}.testimonial blockquote p{margin:0;max-inline-size:none}.testimonial figcaption{color:var(--color-muted);font-family:var(--font-sans);font-size:var(--step--1);margin-top:var(--space-sm)}.testimonial--placeholder{color:var(--color-muted);font-style:italic}.block--accent .cta{display:block;inline-size:fit-content;margin-inline:auto}.faq{margin-top:var(--space-md)}.faq details{border-block-end:1px solid var(--color-border);padding:var(--space-md) 0}.faq details:first-child{border-block-start:1px solid var(--color-border)}.faq summary{color:var(--color-ink);cursor:pointer;font-family:var(--font-sans);font-size:var(--step-0);font-weight:600;line-height:1.4;list-style:none;padding-inline-end:2.2em;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{block-size:1em;border-block-end:3px solid hsl(var(--color-brand-hue) 100% 45%);border-inline-end:3px solid hsl(var(--color-brand-hue) 100% 45%);content:"";inline-size:1em;inset-block-start:.4em;inset-inline-end:0;position:absolute;transform:rotate(45deg);transform-origin:60% 60%;translate:0 calc(var(--space-xs) * -1);transition:transform .25s ease}.faq details[open] summary:after{transform:rotate(-135deg)}.faq summary:focus-visible{border-radius:2px;outline:3px solid var(--color-brand);outline-offset:4px}.faq__answer{block-size:0;overflow:hidden;transition:block-size .3s ease-out}.faq details[open] .faq__answer{block-size:auto}.faq__answer p{margin:var(--space-sm) 0 0;max-inline-size:var(--content-max)}@media(prefers-reduced-motion:reduce){.faq__answer,.faq summary:after,.cta,.skip-link,a{transition:none!important}.cta:hover{transform:none}}.footer{border-block-start:1px solid var(--color-border);color:var(--color-muted);font-family:var(--font-sans);font-size:var(--step--1);padding:var(--space-md) var(--content-pad);text-align:center}.footer p{align-items:center;display:inline-flex;flex-direction:column;flex-wrap:wrap;gap:var(--space-2xs);justify-content:center;margin:0}.footer__logo-link{align-items:center;background:none;background-image:none;background-size:0;color:var(--color-muted);display:inline-flex;padding:0;transition:color .15s}.footer__logo-link:hover{background:none;background-image:none;color:var(--color-brand)}.footer__logo-svg{display:block;height:1em;width:auto}