:root{color-scheme:dark;--bg:#111019;--panel:#1c1a26;--text:#f9f7ff;--muted:#b8b3c9;--line:#ffffff18;--brand:#6d28d9;--coral:#ff715b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}input{font:inherit}a:focus-visible,pre:focus-visible{outline:3px solid var(--coral);outline-offset:5px}::selection{background:#8c57f7;color:#fff}.shell{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#fff;color:#111;padding:15px}.skip:focus{top:15px}.sr-only,.filter-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.header{position:sticky;top:0;z-index:20;background:#111019f5;border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.header-inner{height:91px;max-width:1552px;width:calc(100% - 80px);margin:auto;display:flex;align-items:center;gap:23px}.brand img{width:65px;height:65px;object-fit:contain}.brand-divider{height:30px;width:1px;background:#ffffff28}.library-name{font-weight:800;font-size:20px;letter-spacing:-.5px;white-space:nowrap}.library-name span{color:#b592ff}.header nav{display:flex;gap:28px;margin-left:28px;font-size:14px;color:var(--muted)}.header nav a:hover,.header nav a[aria-current=page]{color:#fff}.login{margin-left:auto;background:#ffffff09;border:1px solid #ffffff24;border-radius:8px;padding:13px 17px;font-size:13px;font-weight:700;white-space:nowrap}.login span{margin-left:12px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:1.8px;line-height:1.6;text-transform:uppercase;color:#c5addf;margin:0 0 18px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--coral);margin-right:8px;vertical-align:middle}.hero{position:relative;min-height:610px;display:flex;align-items:center;overflow:hidden;background:#171020}.hero-art{position:absolute;right:-4%;top:-14%;width:76%;height:126%;object-fit:cover;object-position:center 53%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111019 4%,#111019f2 23%,#111019b8 44%,#1110190a 78%),linear-gradient(0deg,#111019 0%,transparent 35%)}.hero-content{position:relative;padding-block:80px 85px;z-index:1}.hero h1{max-width:720px;font-size:clamp(42px,4.7vw,76px);line-height:1.07;letter-spacing:-3.5px;margin:0 0 25px;font-weight:800}.hero h1 em{font-style:normal;color:#c6a6ff}.hero-content>p:not(.eyebrow){max-width:490px;font-size:17px;line-height:1.8;color:#d0cbdd}.hero-actions{display:flex;gap:12px;margin-top:29px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:48px;padding:15px 22px;border-radius:7px;background:var(--brand);color:#fff;font-size:13px;font-weight:700;line-height:1.5;border:1px solid transparent;transition:background .18s,transform .18s}.button:hover{background:#7c3ae6;transform:translateY(-2px)}.button.ghost{background:#ffffff0d;border-color:#ffffff30}.button.ghost:hover{background:#ffffff1c}.hero-proof{display:flex;gap:17px;flex-wrap:wrap;margin-top:28px;font-size:11px;color:#aaa4bc}.hero-proof span+span:before{content:"·";padding-right:17px;color:var(--coral)}.hero-caption{position:absolute;right:56px;bottom:65px;z-index:2;font-size:9px;letter-spacing:1.4px;color:#b4a5ce}.hero-caption span{display:block;font-size:13px;letter-spacing:0;color:#eee8fa;margin-top:9px}.library-intro{padding-block:38px 35px;display:flex;gap:60px;justify-content:space-between;align-items:flex-end}.library-intro .eyebrow{margin-bottom:12px}.library-intro h2{font-size:32px;line-height:1.22;letter-spacing:-1.2px;margin:0;font-weight:800}.library-intro>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:390px;margin:0 0 3px}.filters{padding:0;margin:0;border:0;min-width:0;display:flex;gap:8px;flex-wrap:wrap}.filters>label{display:inline-flex;gap:12px;align-items:center;padding:12px 17px;border:1px solid var(--line);border-radius:6px;color:#bbb5cd;font-size:12px;cursor:pointer}.filters>label span{font-size:10px;color:#a49ab7}.filter-input:checked+label{background:#e6d8ff;color:#20172e;border-color:#e6d8ff;font-weight:700}.filter-input:checked+label span{color:#5a397e}.filter-input:focus-visible+label{outline:3px solid var(--coral);outline-offset:4px}.shelves{width:100%;margin-top:43px}.shelf{margin-bottom:52px;scroll-margin-top:120px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:21px}.section-heading .eyebrow{font-size:9px;letter-spacing:1.4px;margin:0 0 9px;color:#a48ebf}.section-heading h2{font-size:25px;line-height:1.25;letter-spacing:-.65px;margin:0 0 7px}.section-heading p:not(.eyebrow){font-size:13px;line-height:1.6;color:var(--muted);margin:0}.row-hint{display:none;font-size:10px;color:#a99fb9}.section-heading>a{font-size:12px;color:#c6a6ff;padding-bottom:8px}.card-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{min-width:0}.card>a{display:block;height:100%;border-radius:10px}.cover{position:relative;aspect-ratio:1.6;overflow:hidden;border-radius:10px;background:#231a35;border:1px solid #ffffff14}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100b1ce8,transparent 65%);pointer-events:none}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card a:hover .cover img{transform:scale(1.055)}.cover-label{position:absolute;top:15px;left:16px;font-size:8px;letter-spacing:1.4px;font-weight:800;border:1px solid #ffffff30;border-radius:4px;padding:6px 8px;background:#110c1c80;z-index:1}.cover-arrow{position:absolute;right:15px;top:15px;width:29px;height:29px;display:grid;place-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:50%;font-size:15px;z-index:1}.cover h3{position:absolute;bottom:20px;left:20px;right:42px;z-index:1;font-size:clamp(17px,1.7vw,24px);font-weight:800;line-height:1.14;letter-spacing:-.55px;margin:0;text-wrap:balance}.card-info{padding:14px 2px 0}.card-meta{display:flex;align-items:center;gap:14px;font-size:10px;color:#d2badf}.card-meta span+span{color:#a09aaf}.card-meta span+span:before{content:"·";margin-right:14px}.card-info>p{font-size:12px;line-height:1.7;color:#b7b0c7;max-width:95%;margin:10px 0 12px}.card-provider{font-size:8px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;color:#968aa7}#comecar:checked~.shelves .shelf:not([data-cat=comecar]),#criar:checked~.shelves .shelf:not([data-cat=criar]),#automatizar:checked~.shelves .shelf:not([data-cat=automatizar]),#aprofundar:checked~.shelves .shelf:not([data-cat=aprofundar]){display:none}.how-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-block:38px 66px;border-top:1px solid var(--line)}.how-section h2{font-size:35px;line-height:1.2;letter-spacing:-1.2px;margin:0 0 20px}.how-section>div>p:not(.eyebrow){max-width:370px;font-size:13px;color:var(--muted);line-height:1.8}.how-section ol{list-style:none;margin:0;padding:0;display:grid;gap:22px}.how-section li{display:flex;gap:22px;padding-bottom:22px;border-bottom:1px solid var(--line)}.how-section li>span{font-size:11px;color:var(--coral);padding-top:5px;font-weight:700}.how-section li h3{font-size:16px;letter-spacing:-.25px;margin:0 0 6px}.how-section li p{font-size:12px;color:var(--muted);margin:0;line-height:1.7}.community-banner{background:linear-gradient(110deg,#2b1748,#20172f);border:1px solid #b58aef24;border-radius:12px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:40px}.community-banner h2{font-size:32px;line-height:1.2;letter-spacing:-1px;margin:0 0 14px}.community-banner p:not(.eyebrow){font-size:13px;color:var(--muted);line-height:1.7;max-width:420px;margin:0}.community-banner>div:last-child{display:flex;flex-direction:column;gap:21px;align-items:center}.text-link{font-size:12px;color:#d5b9fa}.curation-note{padding-block:28px 40px}.curation-note p{color:#8f879f;font-size:10px;line-height:1.8;max-width:950px}.footer{padding-block:25px 35px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.footer>div{display:flex;gap:20px;align-items:center}.footer img{width:55px;height:55px;object-fit:contain}.footer p{font-size:10px;line-height:1.8;color:#8f879f}.footer nav{display:flex;gap:25px;font-size:10px;color:#bdb1cd}
/* Páginas individuais */
.breadcrumb{display:flex;gap:12px;align-items:center;padding-block:28px;font-size:11px;color:#b7aac8}.breadcrumb>span:last-child{color:#a497b3}.detail-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px;padding-block:30px 72px}.detail-intro h1{font-size:clamp(36px,4.2vw,62px);letter-spacing:-2.5px;line-height:1.08;margin:0 0 20px}.detail-tagline{font-size:19px;line-height:1.5;color:#cfb7ee;margin:0 0 15px}.lead{font-size:14px;line-height:1.8;color:var(--muted);max-width:530px}.hero-tags{display:flex;gap:10px;margin:24px 0}.hero-tags span{font-size:10px;padding:7px 10px;border:1px solid #ffffff1c;border-radius:4px;color:#bfb2d4}.detail-cover{margin:0;position:relative}.detail-cover img{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:13px;border:1px solid #ffffff18;box-shadow:0 25px 80px #0003}.detail-cover figcaption{font-size:9px;text-align:right;color:#a497b3;margin-top:11px}.article-layout{display:grid;grid-template-columns:220px minmax(0,820px);justify-content:space-between;gap:70px;align-items:start;padding-bottom:55px;border-top:1px solid var(--line)}.guide-nav{position:sticky;top:125px;margin-top:47px}.guide-nav nav{display:grid;gap:19px;font-size:11px;color:#b6abc6}.guide-nav nav a:hover{color:#dcc6ff}.nav-note{border-top:1px solid var(--line);margin-top:35px;padding-top:23px;font-size:10px;color:#d7c3ef}.nav-note p{font-size:11px;line-height:1.8;color:#a497b3;margin:12px 0}.guide-article{min-width:0}.article-section{padding-block:46px;border-bottom:1px solid var(--line);scroll-margin-top:95px}.article-section>.eyebrow{color:#ab8acb}.article-section h2{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:0 0 23px}.article-section>p{font-size:15px;line-height:1.95;color:#c0b8cc}.audience{border-left:2px solid #8c57f7;margin-top:26px;padding:3px 0 3px 22px}.audience>span{font-size:11px;font-weight:700;color:#d3b7f5}.audience p{font-size:13px;line-height:1.8;color:var(--muted);margin:9px 0}.learn-list{list-style:none;padding:0;margin:0;display:grid;gap:17px}.learn-list li{display:flex;align-items:start;gap:16px;line-height:1.8;font-size:14px;color:#d2cadc}.learn-list li>span{color:var(--coral);font-size:18px}.project{background:#21172f;border:1px solid #75509e42;padding:26px 28px;margin-top:30px;border-radius:9px}.project .eyebrow{font-size:9px;margin-bottom:10px}.project h3{font-size:17px;line-height:1.7;letter-spacing:-.3px;margin:0}.steps{padding:0;list-style:none;display:grid;margin:20px 0 26px}.steps li{display:flex;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.step-number{color:#b091d2;font-size:13px;font-weight:700;padding-top:4px}.steps p{font-size:14px;line-height:1.8;color:#d1c7dd;margin:0}.example{padding:25px 27px;border:1px solid #ffffff1a;border-radius:8px}.example>span{font-size:9px;letter-spacing:1.3px;font-weight:700;color:#b79ccf}.example p{font-size:13px;line-height:1.9;color:#b9acc7;margin:13px 0 0}.prompt{border:1px solid #83659a66;border-radius:9px;background:#1d1529;margin-top:25px;overflow:hidden}.prompt>div{display:flex;justify-content:space-between;padding:14px 22px;background:#9b6cd90d;border-bottom:1px solid #83659a38;font-size:9px;letter-spacing:1.4px;font-weight:700;color:#cda6eb}.prompt pre{font:13px/1.95 Inter,Arial,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:26px;color:#e2d7ec;user-select:text}.check-title{font-size:15px;letter-spacing:-.25px;margin:30px 0 18px}.checks{list-style:none;padding:0;display:grid;gap:14px}.checks li{font-size:12px;line-height:1.8;color:#b6a9c3;display:flex;gap:13px}.checks li:before{content:"✓";color:#b491db}.resource-box{background:#1b1723;border:1px solid var(--line);border-radius:10px;padding:30px}.source-head{display:flex;align-items:center;gap:18px;margin-bottom:30px}.source-mark{width:44px;height:44px;border:1px solid #a47bd15e;border-radius:9px;display:grid;place-items:center;color:#cca6fa;font-size:23px}.source-head .eyebrow{font-size:8px}.source-head h3{font-size:20px;letter-spacing:-.5px;margin:7px 0 0}.resource-box h4{font-size:13px;color:#e2d6eb;margin:25px 0 8px}.resource-box>p{font-size:12px;color:#b9acc7;line-height:1.9}.resource-box .button{margin-top:15px}.resource-box .source-date{font-size:9px;margin-top:16px;color:#a99ab7}.article-section>.editorial-note{font-size:10px;line-height:1.8;color:#a99ab7;margin-top:22px}.next-guide{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:35px 0}.next-guide>span:first-child{font-size:9px;letter-spacing:1.3px;color:#a790be}.next-guide strong{display:block;font-size:19px;line-height:1.4;letter-spacing:-.4px;color:#eee4f7;margin-top:11px}.next-guide>span:last-child{font-size:27px;color:#a987d3}.related{padding-block:10px 60px}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}
@media(min-width:1450px){.hero{min-height:680px}.hero-content{padding-block:100px}.hero-caption{right:max(56px,calc((100vw - 1440px)/2));bottom:85px}.hero-art{width:73%}.cover h3{font-size:28px}}
@media(max-width:1100px){.shell{width:calc(100% - 72px)}.header-inner{width:calc(100% - 52px);gap:16px}.header nav{gap:20px;margin-left:8px}.hero h1{font-size:54px;max-width:580px;letter-spacing:-2.6px}.hero{min-height:580px}.hero-content>p:not(.eyebrow){max-width:425px;font-size:15px}.hero-caption{display:none}.hero-art{width:90%;right:-15%}.hero-shade{background:linear-gradient(90deg,#111019 0%,#111019e3 28%,#11101968 68%,#11101938),linear-gradient(0deg,#111019,transparent 60%)}.library-intro{gap:35px}.library-intro h2{font-size:28px}.library-intro>p{max-width:325px;font-size:12px}.card-row{gap:17px}.cover h3{font-size:20px;bottom:16px;left:16px}.card-info>p{font-size:11px}.how-section{gap:60px}.article-layout{grid-template-columns:185px minmax(0,1fr);gap:40px}.detail-hero{gap:35px}.detail-intro h1{font-size:43px}.detail-tagline{font-size:17px}.detail-hero .lead{font-size:13px}.article-section h2{font-size:27px}.article-section>p{font-size:14px}}
@media(max-width:780px){html{scroll-padding-top:135px}.shell{width:calc(100% - 40px)}.header-inner{height:auto;min-height:108px;flex-wrap:wrap;padding-block:12px;gap:13px;width:calc(100% - 40px)}.brand img{width:45px;height:45px}.brand-divider{height:23px}.library-name{font-size:17px}.login{padding:10px 11px;font-size:10px}.login span{margin-left:5px}.header nav{order:4;width:100%;margin:0;padding-top:7px;gap:25px;font-size:11px;justify-content:center}.hero{min-height:590px;align-items:flex-end}.hero-art{width:125%;height:84%;top:-9%;right:-26%;object-position:center}.hero-shade{background:linear-gradient(0deg,#111019 3%,#111019eb 40%,#11101922 100%),linear-gradient(90deg,#1110199c,transparent)}.hero-content{padding-block:190px 38px}.hero-content .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:14px}.hero h1{font-size:43px;max-width:500px;letter-spacing:-2px;margin-bottom:18px}.hero-content>p:not(.eyebrow){font-size:13px;line-height:1.8;max-width:400px}.hero-actions{gap:9px;margin-top:22px}.button{font-size:11px;padding:13px 17px;gap:15px;min-height:44px}.hero-proof{font-size:9px;gap:11px;margin-top:24px}.hero-proof span+span:before{padding-right:11px}.library-intro{display:block;padding-block:30px}.library-intro h2{font-size:27px}.library-intro>p{max-width:450px;margin-top:20px;font-size:12px}.eyebrow{font-size:8px}.filters{gap:7px}.filters>label{font-size:10px;padding:10px 11px;gap:8px}.filters>label span{font-size:9px}.shelves{margin-top:33px}.shelf{margin-bottom:37px}.section-heading{gap:15px;margin-bottom:18px}.section-heading h2{font-size:21px}.section-heading p:not(.eyebrow){font-size:11px}.section-heading .eyebrow{font-size:8px}.row-hint{display:block;font-size:8px;max-width:72px;text-align:right;line-height:1.8}.card-row{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 16px;scrollbar-width:thin;scrollbar-color:#664080 #1b1425}.card{flex:0 0 77%;scroll-snap-align:start}.cover h3{font-size:23px}.cover-label{font-size:7px}.card-info>p{font-size:12px;max-width:100%}.card-meta{font-size:9px}.card-provider{font-size:8px}.how-section{grid-template-columns:1fr;gap:30px;padding-block:30px 42px}.how-section h2{font-size:28px}.how-section ol{gap:16px}.how-section li{padding-bottom:16px}.community-banner{padding:28px 24px;display:block}.community-banner h2{font-size:28px}.community-banner>div:last-child{margin-top:25px;align-items:flex-start;gap:18px}.curation-note{padding-block:20px 28px}.curation-note p{font-size:9px}.footer{flex-wrap:wrap;gap:15px;padding-block:23px}.footer>div{gap:15px}.footer>p{margin-left:auto;text-align:right;font-size:9px}.footer nav{width:100%;padding-top:15px;border-top:1px solid var(--line);gap:25px}.footer>div p{font-size:9px;max-width:100px}.footer img{width:45px;height:45px}.breadcrumb{padding-block:22px;font-size:9px;gap:9px}.detail-hero{display:flex;flex-direction:column-reverse;align-items:stretch;gap:27px;padding-block:6px 35px}.detail-cover img{aspect-ratio:1.8}.detail-cover figcaption{font-size:8px}.detail-intro h1{font-size:40px;letter-spacing:-1.8px}.detail-tagline{font-size:17px}.detail-intro .lead{font-size:13px}.hero-tags{margin:20px 0}.hero-tags span{font-size:9px}.article-layout{display:block;padding-bottom:25px}.guide-nav{position:static;margin-top:25px;border-bottom:1px solid var(--line);padding-bottom:25px}.guide-nav>.eyebrow{margin-bottom:15px}.guide-nav nav{grid-template-columns:1fr 1fr;gap:14px;font-size:10px}.nav-note{display:none}.article-section{padding-block:30px;scroll-margin-top:130px}.article-section h2{font-size:26px}.article-section>p{font-size:13px;line-height:1.9}.learn-list li{font-size:13px}.audience p{font-size:12px}.project{padding:22px}.project h3{font-size:15px}.steps li{gap:18px;padding:18px 0}.steps p{font-size:13px}.example{padding:22px}.example p{font-size:12px}.prompt pre{padding:22px;font-size:12px}.prompt>div{font-size:8px}.checks li{font-size:11px}.resource-box{padding:23px}.source-head h3{font-size:18px}.source-head .eyebrow{letter-spacing:1px;font-size:7px}.resource-box h4{font-size:12px}.resource-box>p{font-size:11px}.next-guide strong{font-size:17px}.related{padding-bottom:40px}.related-grid{display:flex;gap:16px;overflow-x:auto;padding-bottom:15px;scroll-snap-type:x mandatory}.related .section-heading{display:block}.related .section-heading>a{display:inline-block;margin-top:12px;font-size:11px}.related .card{flex-basis:77%}}
@media(max-width:370px){.shell{width:calc(100% - 32px)}.header-inner{width:calc(100% - 32px);gap:9px}.library-name{font-size:15px}.hero h1{font-size:37px}.hero-actions .button{font-size:10px;padding:12px 13px}.hero-proof{font-size:8px}.cover h3{font-size:21px}.footer>p{max-width:150px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}