@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
.code-art{min-width:0}.window-bar{align-items:center;gap:10px}.language-select{max-width:115px;padding:6px 8px;border:1px solid #79533b;border-radius:4px;background:#30231c;color:var(--accent);font:11px Consolas,monospace;cursor:pointer;color-scheme:dark}.language-select:focus-visible,.profile-code:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.code-body:has(.profile-code){padding:22px 0}.profile-code{height:330px;overflow:auto;margin:0;padding:0 22px;font:12px/1.8 Consolas,monospace;tab-size:2;scrollbar-width:thin;scrollbar-color:#79533b transparent}.profile-code code{font:inherit}.code-comment{color:#a78a77}.code-string{color:#f6ba82}.code-keyword{color:#ccb4e6}@media(max-width:650px){.window-bar{padding:14px 12px}.language-select{max-width:106px;font-size:10px}.profile-code{font-size:11px;padding-inline:16px}}
:root{--bg:#111413;--panel:#191d1b;--text:#eff1e9;--muted:#a0a69e;--accent:#ffac70;--line:#303630}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.wrap{width:min(1190px,calc(100% - 96px));margin:auto}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font:800 38px 'Manrope',sans-serif;letter-spacing:-4px}.brand span,h2 span{color:var(--accent)}nav{display:flex;gap:35px;color:#c0c4bc;font-size:14px}nav a:hover,.text-link:hover{color:var(--accent)}.contact{border:1px solid #51574d;border-radius:6px;padding:12px 17px;font-size:13px}.contact span{margin-left:22px;color:var(--accent)}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;padding-block:90px 98px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:600;color:var(--muted)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px}.hero h1{font:600 clamp(38px,4.1vw,59px)/1.12 'Manrope',sans-serif;letter-spacing:-2.5px;margin:27px 0}h1 em{font-style:normal;color:var(--accent)}.intro{color:var(--muted);max-width:440px;line-height:1.85;font-size:15px}.actions{display:flex;align-items:center;gap:25px;margin-top:32px}.button{background:var(--accent);color:#301b11;padding:15px 19px;border-radius:5px;font-size:12px;font-weight:700;display:inline-flex;gap:28px}.button:hover{background:#ffc493}.text-link{font-size:12px;display:inline-flex;gap:18px;align-items:center}.code-art{background:#251e1b;border:1px solid #554034;border-radius:10px;transform:none;position:relative;box-shadow:0 30px 80px #0003}.window-bar{display:flex;justify-content:space-between;padding:19px;border-bottom:1px solid #49382e;font:10px monospace;color:#ad8d7a}.window-bar>span:first-child{color:#aa795c;letter-spacing:3px}.code-body{padding:27px 23px;font:12px/1.6 Consolas,monospace;color:#e3d2c5}.code-body p{margin:9px 0}.comment{color:#a78a77;font-size:10px}.code-body b{color:#ccb4e6;font-weight:400}.code-body i{color:#f6ba82;font-style:normal}.code-body strong{color:#e2cf96;font-weight:400}.indent{padding-left:20px}.double{padding-left:40px}.art-bottom{border-top:1px solid #49382e;padding:14px 20px;font-size:10px;color:#c0a18a;display:flex;align-items:center}.art-bottom>span:last-child{margin-left:auto}.floating-label{position:absolute;bottom:-24px;right:-19px;background:var(--accent);color:#482619;padding:17px 21px;border-radius:4px;transform:none;font:700 19px monospace}.floating-label span{font:11px 'DM Sans',sans-serif;margin-left:9px}.tech-strip{border-block:1px solid var(--line)}.tech-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:78px;color:#b8bfb2;font-size:13px}.tech-strip .wrap>span:first-child{font:9px monospace;letter-spacing:1px;color:#7f897a}.star{font-size:31px;color:var(--accent)}.section{padding-block:85px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}h2{font:500 36px/1.2 'Manrope',sans-serif;letter-spacing:-1.5px;margin:15px 0}.section-heading p:not(.eyebrow),.section-aside{color:var(--muted);font-size:13px;line-height:1.8}.filters{display:flex;justify-content:space-between;align-items:center;margin:33px 0 25px}.filter-buttons{display:flex;gap:7px}.filter-buttons button{border:1px solid transparent;background:transparent;color:var(--muted);padding:8px 15px;font-size:11px;border-radius:4px}.filter-buttons .active{color:var(--accent);background:#39271e;border-color:#6b4430}.search{display:flex;align-items:center;gap:8px;border-bottom:1px solid #40463c;padding:6px}.search input{background:transparent;border:0;color:var(--text);width:155px;font-size:11px;padding:5px;outline-offset:0}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article-card{border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#171b18;display:flex;flex-direction:column}.article-image{height:170px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.article-image:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:24px 24px}.art-js{background:#38271e}.art-js span{font:bold 63px 'Manrope',sans-serif;background:#ffc080;color:#51301f;padding:8px 15px;transform:rotate(-7deg)}.art-web{background:#34212a}.art-web span{font:600 57px monospace;color:#efa28c;transform:rotate(-8deg)}.art-career{background:#352923}.art-career span{font-size:83px;color:#f5c18c;transform:rotate(-12deg)}.article-copy{padding:23px;display:flex;flex:1;flex-direction:column}.article-meta{font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.article-meta span:first-child{color:var(--accent)}h3{font:500 19px/1.45 'Manrope',sans-serif;letter-spacing:-.5px;margin:15px 0 10px}.article-copy p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 25px}.read{background:none;border:0;border-top:1px solid var(--line);color:var(--text);padding:17px 0 0;display:flex;justify-content:space-between;font-size:11px;margin-top:auto}.read:hover{color:var(--accent)}.courses-section{background:#181c18;border-block:1px solid var(--line)}.course{display:flex;gap:26px;align-items:center;padding:27px 0;border-top:1px solid #363d32}.course-icon{background:#3d291d;color:var(--accent);min-width:72px;height:72px;border-radius:8px;display:grid;place-items:center;font:25px monospace}.course h3{margin:8px 0}.course p{color:var(--muted);font-size:12px;margin:0}.course .eyebrow{font-size:9px}.outline{margin-left:auto;background:transparent;color:var(--text);border:1px solid #79533b;padding:13px 16px;border-radius:4px;font-size:11px;white-space:nowrap}.outline span{margin-left:24px;color:var(--accent)}.about{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.about p{font-size:13px;line-height:1.9;color:var(--muted)}.about .about-lead{color:var(--text);font-size:19px;line-height:1.7}.about .note{font-size:11px;border-left:2px solid #cb824f;padding-left:13px}.about-card{border:1px solid var(--line);padding:32px;border-radius:7px;align-self:center}.about-card div{padding:21px 0;border-bottom:1px solid var(--line);font-size:13px}.about-card div span{color:#d89465;font:10px monospace;margin-right:19px}.about-card p{font-size:11px;margin-bottom:0}.contact-section{position:relative;border-block:1px solid var(--line);padding-block:55px;overflow:hidden}.contact-section h2{font-size:48px}.contact-section p:not(.eyebrow){font-size:13px;color:var(--muted)}.contact-section .text-link{margin-top:15px}.contact-decoration{position:absolute;right:65px;top:30px;font:200px/1.2 sans-serif;color:var(--accent)}footer{display:flex;align-items:center;justify-content:space-between;padding-block:30px}footer p{font-size:10px;color:var(--muted)}footer .brand{font-size:28px}dialog{background:var(--panel);color:var(--text);border:1px solid #8b5b3e;border-radius:10px;padding:45px;width:min(700px,90vw);max-height:85vh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog p,dialog li{line-height:1.9;color:#bcc4b5;font-size:15px}dialog h2{font-size:30px}#close-dialog{position:absolute;right:15px;top:12px;background:none;border:0;color:var(--text);font-size:22px}#empty{color:var(--muted)}
@media(min-width:1500px){.hero{padding-block:110px}}@media(max-width:950px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero h1{font-size:43px}.actions{align-items:start;flex-direction:column;gap:20px}.code-body{font-size:10px;padding:20px 14px}.comment{font-size:8px}.about{gap:40px}.course h3{font-size:17px}}@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header{height:85px}.brand{font-size:32px}nav{gap:18px;font-size:12px}.contact{display:none}.hero{grid-template-columns:1fr;padding-block:45px 65px;gap:48px}.hero h1{font-size:45px}.eyebrow{font-size:8px}.actions{flex-direction:row;align-items:center;gap:18px}.text-link{font-size:10px}.code-art{margin:0 8px}.code-body{font-size:12px;padding:22px}.comment{font-size:10px}.tech-strip .wrap{flex-wrap:wrap;justify-content:center;padding-block:20px;min-height:0;gap:17px;font-size:11px}.tech-strip .wrap>span:first-child{width:100%;text-align:center}.star{display:none}.section{padding-block:55px}h2{font-size:29px}.section-heading{align-items:start;gap:15px;flex-direction:column}.filters{align-items:start;flex-direction:column;gap:18px}.search{width:100%}.search input{width:100%}.article-grid{grid-template-columns:1fr}.article-image{height:190px}.article-copy h3{font-size:21px}.article-copy p{font-size:13px}.course{gap:15px;flex-wrap:wrap}.course-icon{min-width:45px;height:50px;font-size:20px}.course>div:nth-child(2){flex:1}.course .outline{margin-left:60px}.about{grid-template-columns:1fr;gap:25px}.contact-section h2{font-size:38px}.contact-decoration{right:0;top:80px;font-size:100px;opacity:.25}footer{flex-wrap:wrap;gap:12px}footer p:last-child{width:100%;margin:0;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

nav a[aria-current="page"]{color:var(--accent)}.page-title{font:500 44px/1.2 Manrope,sans-serif;letter-spacing:-1.5px;margin:15px 0}.page-title span,.hero h1>span{color:var(--accent)}.reading{max-width:760px;min-height:65vh}.reading>.eyebrow{margin-top:40px}.reading p,.reading li{line-height:1.9;color:var(--muted)}.reading .reading-intro{font-size:19px;color:var(--text);margin-bottom:40px}.reading h3{margin-top:32px}.reading code{color:var(--accent);overflow-wrap:anywhere}.reading li{padding:8px 0}.reading h2{font-size:27px;margin-top:40px}#cursos{min-height:65vh}@media(max-width:650px){.page-title{font-size:33px}.reading{min-height:60vh}}