@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap";.header{position:fixed;z-index:3;background-color:var(--background);display:grid;grid-template-columns:repeat(2,1fr);width:100%;align-items:center}.header__logo{grid-column:1/2;padding-left:6.25em;display:flex;align-items:center}.header__logo span{color:var(--white);align-self:center;font-weight:700;font-size:16px;font-family:var(--font-family)}.header__name{display:none}.header__list{display:flex;justify-content:space-evenly;grid-column:2/3;list-style:none;align-items:center}.header__list__item a{font-size:16px;text-decoration:none;font-family:var(--font-family);color:var(--gray);position:relative}.header__list__item a:before{content:"#";color:var(--primary);margin-right:2px}.menu-toggle{display:none;font-size:25px;cursor:pointer}.menu-toggle svg{color:var(--white)}@media (max-width: 768px){.header{display:flex;justify-content:space-between;align-items:center;width:100%}.header__logo{padding-left:1em}.header__logo span{display:none}.header__name{display:block;color:var(--white);font-weight:700;font-size:16px;font-family:var(--font-family)}.menu-toggle{display:block;padding-right:1em}.header__list{align-self:center;position:fixed;top:127px;left:50%;transform:translate(-50%,-50%);background-color:var(--background);opacity:.9;flex-direction:column;align-items:center;padding:10px 20px;gap:10px;width:100vw;max-width:none;box-shadow:0 4px 10px #0000001a}.header__list--hidden{display:none}.header__list--visible{display:flex}}@media (max-width: 430px){.header{width:100%;padding:10px 1em}.header__logo span{font-size:14px}}.custom-image{max-width:100%;width:auto;height:100%;object-fit:cover}.profile-banner{padding:3em 5em;background-color:var(--background);max-width:65em;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;position:relative}.profile-banner.no-image{justify-content:center;text-align:center}.profile-banner.no-image .profile-banner__text-content{max-width:100%;align-items:center;margin-right:0}.profile-banner .profile-banner__text-content{display:flex;flex-direction:column;align-items:flex-start;max-width:33em;flex:1;margin-right:2em}.profile-banner .profile-banner__text-content .text-content__title{margin-bottom:1rem;font-size:2em;font-family:var(--font-family);font-weight:semi-bold;color:var(--white)}.profile-banner .profile-banner__text-content .text-content__title .title__highlight{color:var(--white)!important}.profile-banner .profile-banner__text-content .text-content__description{color:var(--gray);font-family:var(--font-family);font-weight:400;margin-bottom:1em}.profile-banner .profile-banner__image-content{flex:1;position:relative;z-index:1}.profile-banner .background-dots{position:absolute;top:200px;right:150px;width:84px;height:84px;background-image:url(/assets/dots.svg);background-repeat:no-repeat;background-size:auto;z-index:-1;color:var(--white)}@media (max-width: 768px){.profile-banner{flex-direction:column;text-align:center;padding:0rem}.profile-banner__text-content{max-width:100%;align-items:center;margin-right:0;display:flex!important;align-items:center!important;justify-content:center!important}.profile-banner__image-content{margin-top:1em;width:40%;display:flex;justify-content:center}.background-dots{display:none}}@media (max-width: 430px){.profile-banner{font-size:14px;width:100%}.profile-banner.no-image{width:90%}.profile-banner .profile-banner__text-content{width:80%;margin-top:0;margin-right:0;align-items:center}.profile-banner .profile-banner__text-content .text-content__title{font-size:1.5rem}.profile-banner .profile-banner__text-content .text-content__description{font-size:.9em}.profile-banner .profile-banner__text-content .background-dots{width:48px;height:48px}.profile-banner .profile-banner__image-content{width:50%}}.ancor-button{display:flex;align-items:center;justify-content:center;border:1px solid gray;border-radius:1px;padding:8px 16px;color:var(--white);text-decoration:none;transition:background-color .3s;font-family:var(--font-family);font-size:16px;width:auto}.ancor-button:hover{background-color:#ffffff1a}@media (max-width: 430px){.ancor-button{font-size:15px}}.SocialsLineY{position:fixed;top:0;left:40px;z-index:100;background-image:url("data:image/svg+xml,%3csvg%20width='2'%20height='191'%20viewBox='0%200%202%20191'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M0.499995%20191L0.500004%200L1.5%204.37114e-08L1.5%20191L0.499995%20191Z'%20fill='%23ABB2BF'/%3e%3c/svg%3e");background-position:top;background-repeat:no-repeat;background-size:contain;height:191px}.SocialsLineY .SocialsLineY__icons{display:flex;flex-direction:column;margin-top:180px;padding-top:20px;gap:1em}@media (max-width: 430px){.SocialsLineY{left:5px}}.quote{color:var(--gray);font-size:24px;display:flex;flex-direction:column;margin:1em auto;width:700px}.quote .quote__q{width:100%;border:2px solid var(--gray);padding:1em;font-weight:700;position:relative;align-self:flex-end;text-align:center}.quote .quote__q:before{content:"";position:absolute;background-image:url("data:image/svg+xml,%3csvg%20width='26'%20height='21'%20viewBox='0%200%2026%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.56%2015.616C10.56%2017.0453%2010.0373%2018.2507%208.992%2019.232C7.968%2020.2133%206.72%2020.704%205.248%2020.704C3.73333%2020.704%202.47467%2020.2133%201.472%2019.232C0.490667%2018.2507%200%2017.0453%200%2015.616C0%2014.9333%200.096%2014.208%200.288%2013.44C0.48%2012.672%200.864%2011.68%201.44%2010.464L6.4%200H11.2L8.544%2011.584C9.14133%2012.0107%209.62133%2012.576%209.984%2013.28C10.368%2013.9627%2010.56%2014.7413%2010.56%2015.616ZM24.8%2015.616C24.8%2017.0453%2024.2773%2018.2507%2023.232%2019.232C22.1867%2020.2133%2020.9387%2020.704%2019.488%2020.704C18.016%2020.704%2016.768%2020.2133%2015.744%2019.232C14.7413%2018.2507%2014.24%2017.0453%2014.24%2015.616C14.24%2014.9333%2014.336%2014.208%2014.528%2013.44C14.72%2012.672%2015.1147%2011.68%2015.712%2010.464L20.704%200H25.472L22.784%2011.584C23.4027%2012.0107%2023.8933%2012.576%2024.256%2013.28C24.6187%2013.9627%2024.8%2014.7413%2024.8%2015.616Z'%20fill='%23ABB2BF'/%3e%3c/svg%3e");background-position:top;background-repeat:no-repeat;background-size:contain;width:25px;height:25px;transform:translateY(-40%);top:0}.quote .quote__author{border:2px solid var(--gray);padding:1em;font-weight:500;position:relative;align-self:flex-end;text-align:center}.quote .quote__author:after{content:"";position:absolute;background-image:url("data:image/svg+xml,%3csvg%20width='26'%20height='21'%20viewBox='0%200%2026%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M10.56%2015.616C10.56%2017.0453%2010.0373%2018.2507%208.992%2019.232C7.968%2020.2133%206.72%2020.704%205.248%2020.704C3.73333%2020.704%202.47467%2020.2133%201.472%2019.232C0.490667%2018.2507%200%2017.0453%200%2015.616C0%2014.9333%200.096%2014.208%200.288%2013.44C0.48%2012.672%200.864%2011.68%201.44%2010.464L6.4%200H11.2L8.544%2011.584C9.14133%2012.0107%209.62133%2012.576%209.984%2013.28C10.368%2013.9627%2010.56%2014.7413%2010.56%2015.616ZM24.8%2015.616C24.8%2017.0453%2024.2773%2018.2507%2023.232%2019.232C22.1867%2020.2133%2020.9387%2020.704%2019.488%2020.704C18.016%2020.704%2016.768%2020.2133%2015.744%2019.232C14.7413%2018.2507%2014.24%2017.0453%2014.24%2015.616C14.24%2014.9333%2014.336%2014.208%2014.528%2013.44C14.72%2012.672%2015.1147%2011.68%2015.712%2010.464L20.704%200H25.472L22.784%2011.584C23.4027%2012.0107%2023.8933%2012.576%2024.256%2013.28C24.6187%2013.9627%2024.8%2014.7413%2024.8%2015.616Z'%20fill='%23ABB2BF'/%3e%3c/svg%3e");background-position:top;background-repeat:no-repeat;background-size:contain;width:25px;height:25px;transform:translateY(-40%);top:0}@media (max-width: 768px){.quote{width:70%;font-size:20px}.quote .quote__q,.quote .quote__author{padding:.4em}.quote .quote__q:before,.quote .quote__author:after{width:20px;height:20px}}@media (max-width: 430px){.quote{font-size:14px;width:80%}.quote .quote__q,.quote .quote__author{padding:.6em}.quote .quote__q:before,.quote .quote__author:after{width:18px;height:18px}}.view-all{display:block}.view-all__button{border:none;color:var(--white);font-size:16px;font-weight:600;background-color:inherit}.title-true{display:flex;max-width:90%;margin:0 auto;align-items:center;justify-content:space-between;position:relative}.title-container{display:flex;width:70%;align-items:center}.title-false{display:flex;max-width:90%;width:90%;margin:0 auto;align-items:center}.title-h{font-size:32px;font-weight:600;color:var(--white);font-family:var(--font-family)}.title-presymbol{color:var(--primary);margin-right:8px}.title-asideline-true{margin-left:16px;height:2px;width:43%;border:none;background-color:var(--primary);justify-self:self-start}@media (max-width: 768px){.title-true{max-width:95%}.title-h{font-size:24px}.title-container{width:80%}.title-asideline-true{width:30%}}@media (max-width: 430px){.title-true{max-width:90%}.title-h{font-size:20px;width:70%}.title-container{width:100%;padding-left:1em}.title-container{width:60%}.title-asideline-true{display:none}}.card-project{background-color:inherit;border:1px solid var(--gray);width:331px;height:auto;display:flex;flex-direction:column}.card-project .card-project__stack{border-width:1px;border-style:none none solid none;border-color:var(--gray);padding:1em;display:inline-flex;gap:.5em;flex-wrap:wrap}.card-project .card-project__stack .card-project__stack__tech{font-family:var(--font-family);color:var(--gray);font-size:16px}.card-project .card-project__body{padding:1em;gap:1em;display:flex;flex-direction:column}.card-project .card-project__body h3{color:var(--white);font-family:var(--font-family);font-size:24px;font-weight:600}.card-project .card-project__body p{padding-right:1em;font-family:var(--font-family);color:var(--gray);font-size:16px}@media (max-width: 768px){.card-project{width:178px}.card-project__stack{display:none!important}.card-project__body{padding:.3em!important}.card-project__body h3{font-size:16px!important}.card-project__body p{display:none!important}}@media (max-width: 430px){.card-project{font-size:14px}}.section{display:flex;align-items:flex-start;flex-wrap:wrap;gap:2em;padding:2em;max-width:90%;margin:0 auto;justify-content:center}.section-p{max-width:90%;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.section-skills{position:relative;padding:2em 0;max-width:90%;margin:0 auto;display:flex;justify-content:space-evenly}.section-skills .section-skills__icons{flex-basis:40%;position:relative;display:flex}.section-skills .section-skills__icons .center-images{align-self:self-end;content:"";position:absolute;margin:0 auto;width:350px;height:350px;background-image:url(/assets/dots.svg),url(/assets/dots.svg),url(/assets/rectangle.svg),url(/assets/rectangle.svg),url(/assets/rectangles.svg);background-repeat:no-repeat;background-size:63px 63px,63px 63px,86px 86px,52px 52px,113px 113px;background-position:top center,center right,center left,top right,bottom center;color:var(--white)}.section-skills .section-skills__container{display:flex;flex-wrap:wrap;gap:.7em;flex-basis:60%;align-items:flex-start}@media (max-width: 430px){.section-skills{display:flex;width:80%;flex-direction:column;flex-wrap:wrap;margin:0 auto}.section-skills__container{justify-content:center}.section-skills .section-skills__icons{display:none}.section-p{max-width:85%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:8px 16px;gap:8px 0px}.section-p p{font-size:14px!important;text-align:center}}.skill-card{background-color:inherit;border:1px solid var(--gray);width:11.125em;height:auto;display:flex;flex-direction:column;max-width:11.25em}.skill-card .skill-card__header{padding:1em;font-size:16px;font-weight:600;color:var(--white);font-family:var(--font-family);border-width:1px;border-style:none none solid none;border-color:var(--gray)}.skill-card .skill-card__skill-container{padding:1em;display:inline-flex;gap:.5em;flex-wrap:wrap}.skill-card .skill-card__skill-container .skill-container__skills{font-family:var(--font-family);color:var(--gray);font-size:16px}@media (max-width: 430px){.skill-card{font-size:12px;max-width:20.5em}.skill-container__skills,.skill-card__header{font-size:12px!important}.skill-card .skill-card__header,.skill-card__skill-container{padding:.9rem!important}}.subtitle__dynamic-tag{font-family:var(--font-family);color:var(--white);font-weight:600}.contact-box{border:1px solid var(--gray);padding:16px;gap:16px;display:flex;flex-direction:column;max-width:329px;flex-wrap:wrap}.contact-box__container{display:flex;align-items:center;gap:4px}.contact-box__container .container__email-link{font-family:var(--font-family);color:var(--gray);font-size:16px;font-weight:regular}@media (max-width: 430px){.contact-box{padding:8px;gap:6px}.contact-box__container,.contact-box__container .container__email-link{font-size:14px}}.paragraph{font-size:16px;color:var(--text);font-family:var(--font-family)}.footer{display:flex;padding:32px 0;flex-direction:column;align-items:center}.footer__line{background-color:var(--gray);height:1px;margin-bottom:10px;width:100%}.footer__paragraph{font-size:16px;color:var(--gray);font-weight:400;font-family:var(--font-family)}@media (max-width: 430px){.footer{padding:.5em 0}.footer__paragraph{font-size:14px}}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--white);font-family:var(--font-family-lato)}.loading-fullscreen{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:var(--background);display:flex;align-items:center;justify-content:center;z-index:9999}.loading--small{padding:1rem}.loading--medium{padding:2rem}.loading--large{padding:3rem}.loading__spinner{width:40px;height:40px;border:3px solid rgba(129,75,224,.3);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading__dots{display:flex;gap:.5rem}.loading__dot{width:8px;height:8px;background-color:var(--primary);border-radius:50%;animation:dots 1.4s ease-in-out infinite both}.loading__dot:nth-child(1){animation-delay:-.32s}.loading__dot:nth-child(2){animation-delay:-.16s}.loading__dot:nth-child(3){animation-delay:0s}@keyframes dots{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}.loading__skeleton{display:flex;flex-direction:column;gap:.5rem;width:100%;max-width:300px}.loading__skeleton-line{height:12px;background:linear-gradient(90deg,#814be01a 25%,#814be04d,#814be01a 75%);background-size:200% 100%;border-radius:4px;animation:skeleton 1.5s ease-in-out infinite}.loading__skeleton-line:nth-child(1){width:100%}.loading__skeleton-line:nth-child(2){width:80%}.loading__skeleton-line:nth-child(3){width:60%}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.loading__text{font-size:14px;color:var(--gray);margin:0;text-align:center}.loading--small .loading__spinner{width:24px;height:24px;border-width:2px}.loading--large .loading__spinner{width:60px;height:60px;border-width:4px}.loading--small .loading__dot{width:6px;height:6px}.loading--large .loading__dot{width:12px;height:12px}@media (max-width: 768px){.loading__text{font-size:12px}.loading--large .loading__spinner{width:50px;height:50px}}:root{--background: #131213;--gray: #e2e1e1;--white: #f9f9f9;--primary: #814be0;--font-family: "Fira Code", monospace;--font-family-lato: "Lato", sans-serif;--text: #000000}body{flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0;padding:0;min-width:100%;min-height:100vh;box-sizing:border-box;background-color:var(--background)}@media (max-width: 430px){body{width:100%}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.works{display:flex;flex-direction:column;height:100vh;width:100%}.works__main{display:flex;flex-direction:column;justify-content:center;padding-top:120px;width:100%}.blogArticle{font-family:var(--font-family-lato);display:flex;flex-direction:column}.blogCard{cursor:pointer;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:1fr 2fr 1fr;gap:10px 10px;width:900px;height:200px;background-color:var(--background);padding:10px;border-radius:10px;font-family:var(--font-family-lato)}.blogCard .blogCard__item:nth-child(1){grid-area:1/1/2/2}.blogCard .blogCard__item:nth-child(2){grid-column:2/3;grid-row:1/4;justify-self:stretch;align-self:stretch}.blogCard .blogCard__item:nth-child(2) img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:8px;min-width:0;min-height:0}.blogCard .blogCard__item:nth-child(3){grid-area:2/1/3/2}.blogCard .blogCard__item:nth-child(4){grid-area:3/1/4/2;display:flex;align-items:end;justify-content:start}.blogCard .blogCard__item .blogCard__item_title{font-size:25px;font-weight:600;color:#fdfdfd}.blogCard .blogCard__item .blogCard__item_description{font-size:18px;color:#e6e6e6}.blogCard .blogCard__item .blogCard__item_features{display:flex;flex-direction:row;align-items:center;justify-content:start;justify-self:start;gap:5px;font-size:16px;color:#e6e6e6}.blogCard .blogCard__item .blogCard__item_features li{display:flex;flex-direction:row;align-items:center;justify-content:start;justify-self:start;gap:5px;font-size:16px}.blogCard .blogCard__item .blogCard__item_features li{cursor:pointer;transition:all .2s ease}.blogCard .blogCard__item .blogCard__item_features li:hover{color:var(--primary);transform:scale(1.05)}.blogCard .blogCard__item .blogCard__item_features li.loading{opacity:.6;pointer-events:none}.blogCard:hover{background-color:#202020}@media (max-width: 768px){.blogCard{width:100%;max-width:100%;height:auto;min-height:200px;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:8px;padding:15px}.blogCard .blogCard__item:nth-child(2){grid-column:1/2;grid-row:1/2;height:150px}.blogCard .blogCard__item:nth-child(1){grid-area:2/1/3/2}.blogCard .blogCard__item:nth-child(3){grid-area:3/1/4/2}.blogCard .blogCard__item:nth-child(4){grid-area:4/1/5/2}.blogCard .blogCard__item .blogCard__item_title{font-size:20px}.blogCard .blogCard__item .blogCard__item_description{font-size:16px}.blogCard .blogCard__item .blogCard__item_features{font-size:14px;gap:8px}}@media (max-width: 480px){.blogCard{padding:12px;gap:6px}.blogCard .blogCard__item:nth-child(2){height:120px}.blogCard .blogCard__item .blogCard__item_title{font-size:18px}.blogCard .blogCard__item .blogCard__item_description{font-size:14px}.blogCard .blogCard__item .blogCard__item_features{font-size:12px;gap:6px}}.notification{position:fixed;top:20px;right:20px;z-index:1000;max-width:400px;background:var(--background);border:1px solid var(--primary);border-radius:8px;box-shadow:0 4px 12px #0000004d;transform:translate(100%);opacity:0;transition:all .3s ease}.notification.show{transform:translate(0);opacity:1}.notification.hide{transform:translate(100%);opacity:0}.notification-content{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;color:var(--white)}.notification-message{flex:1;margin-right:12px;font-size:14px;line-height:1.4}.notification-close{background:none;border:none;color:var(--gray);font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.notification-close:hover{color:var(--white)}.notification.success{border-color:#4caf50}.notification.error{border-color:#f44336}.notification.info{border-color:var(--primary)}.blog{display:flex;flex-direction:column;height:100vh;width:100%}.blog-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:80px;width:100%}.blog-body{display:flex;flex-direction:column;align-items:center;gap:10px}.blog-body{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:900px}@media (max-width: 768px){.blog{height:auto;min-height:100vh}.blog-container{padding:80px 15px 15px;justify-content:flex-start}.blog-body{width:100%;max-width:100%;gap:15px;padding:0 10px}}@media (max-width: 480px){.blog-container{padding:70px 10px 10px}.blog-body{gap:12px;padding:0 5px}}.blog-read{min-height:100vh;background-color:var(--background);color:#fff;font-family:var(--font-family-lato);display:flex;flex-direction:column}.blog-read__progress-bar{position:fixed;top:0;left:0;width:100%;height:4px;background-color:#ffffff1a;z-index:1000}.blog-read__progress-fill{height:100%;background-color:var(--primary);transition:width .3s ease}.blog-read__container{flex:1;max-width:1200px;margin:0 auto;padding:100px 20px 20px}.blog-read__back-btn{background:none;border:1px solid var(--gray);color:var(--gray);padding:10px 20px;border-radius:4px;cursor:pointer;font-family:var(--font-family-lato);margin-bottom:30px;transition:all .3s ease}.blog-read__back-btn:hover{background-color:var(--gray);color:var(--background)}.blog-read__grid{display:grid;grid-template-columns:1fr 300px;gap:40px;align-items:start}.blog-read__main{min-width:0}.blog-read__sidebar{position:sticky;top:120px;height:fit-content}.blog-read__header{margin-bottom:30px}.blog-read__title{font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:15px;line-height:1.2}.blog-read__meta{display:flex;gap:20px;margin-bottom:15px;font-size:14px;color:var(--gray)}.blog-read__tags{display:flex;gap:8px;flex-wrap:wrap}.blog-read__tag{background-color:#814be033;color:var(--primary);padding:4px 12px;border-radius:20px;font-size:12px;border:1px solid rgba(129,75,224,.3)}.blog-read__cover{margin-bottom:30px}.blog-read__cover img{width:100%;height:300px;object-fit:cover;border-radius:8px}.blog-read__content{line-height:1.6}.blog-read__markdown{color:#fff}.blog-read__markdown h1,.blog-read__markdown h2,.blog-read__markdown h3,.blog-read__markdown h4,.blog-read__markdown h5,.blog-read__markdown h6{color:#fff;margin-top:2rem;margin-bottom:1rem;font-weight:600}.blog-read__markdown h1{font-size:2rem}.blog-read__markdown h2{font-size:1.75rem}.blog-read__markdown h3{font-size:1.5rem}.blog-read__markdown p{margin-bottom:1rem;color:#fff}.blog-read__markdown ul,.blog-read__markdown ol{margin-bottom:1rem;padding-left:2rem}.blog-read__markdown li{margin-bottom:.5rem;color:#fff}.blog-read__markdown blockquote{border-left:4px solid var(--primary);padding-left:1rem;margin:1.5rem 0;font-style:italic;color:var(--gray)}.blog-read__markdown code{background-color:#814be01a;color:var(--primary);padding:2px 6px;border-radius:4px;font-family:var(--font-family);font-size:.9em}.blog-read__markdown pre{background-color:#0000004d;padding:1rem;border-radius:8px;overflow-x:auto;margin:1.5rem 0}.blog-read__markdown pre code{background:none;padding:0;color:#fff}.blog-read__markdown a{color:var(--primary);text-decoration:none}.blog-read__markdown a:hover{text-decoration:underline}.blog-read__related{margin-top:50px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.blog-read__related h3{color:#fff;margin-bottom:20px;font-size:1.5rem}.blog-read__related-list{display:flex;flex-direction:column;gap:20px}.blog-read__toc{background-color:#ffffff0d;border-radius:8px;padding:20px;border:1px solid rgba(255,255,255,.1);max-height:400px;overflow-y:auto}.blog-read__toc h4{color:#fff;margin-bottom:15px;font-size:1.1rem}.blog-read__toc-nav{display:flex;flex-direction:column;gap:8px}.blog-read__toc-item{background:none;border:none;color:var(--gray);text-align:left;cursor:pointer;padding:8px 12px;border-radius:4px;font-size:14px;transition:all .2s ease;font-family:var(--font-family-lato)}.blog-read__toc-item:hover{background-color:#ffffff1a;color:#fff}.blog-read__toc-item.active{background-color:var(--primary);color:#fff}.blog-read__loading,.blog-read__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.blog-read__error h2{color:#fff;margin-bottom:15px}.blog-read__error p{color:var(--gray);margin-bottom:20px}@media (max-width: 1024px){.blog-read__grid{grid-template-columns:1fr;gap:30px}.blog-read__sidebar{position:static;order:-1}.blog-read__toc{max-height:200px;overflow-y:scroll}}@media (max-width: 768px){.blog-read__container{padding:80px 15px 15px}.blog-read__title{font-size:2rem}.blog-read__meta{flex-direction:column;gap:10px}.blog-read__related-list{flex-direction:column}.blog-read__markdown h1{font-size:1.75rem}.blog-read__markdown h2{font-size:1.5rem}.blog-read__markdown h3{font-size:1.25rem}}.blog-read__toc::-webkit-scrollbar{width:6px}.blog-read__toc::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.blog-read__toc::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px;transition:background .3s ease}.blog-read__toc::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.blog-read__toc{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}.blog-read__toc{overflow-y:scroll}