@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap";@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";.header{position:fixed;z-index:100;top:0;left:50%;transform:translate(-50%);background-color:#111318d9;backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--border);display:grid;grid-template-columns:repeat(2,1fr);width:100%;max-width:1200px;padding:0 2rem;height:64px;align-items:center}.header__logo{display:flex;align-items:center;gap:.65rem}.header__logo span{color:var(--white);font-family:var(--font-family);font-weight:600;font-size:15px;letter-spacing:.02em}.header__name{display:none}.header__list{display:flex;justify-content:flex-end;align-items:center;gap:.25rem;list-style:none}.header__list__item a{font-family:var(--font-family);font-size:14px;font-weight:500;color:var(--gray);padding:.4rem .75rem;border-radius:6px;transition:color var(--duration) var(--ease-out),background var(--duration) var(--ease-out);position:relative;letter-spacing:.01em}.header__list__item a:before{content:none}.header__list__item a:after{content:"";position:absolute;bottom:4px;left:.75rem;right:.75rem;height:1px;background:var(--primary);transform:scaleX(0);transition:transform var(--duration) var(--ease-out);transform-origin:left}.header__list__item a:hover{color:var(--white);background:#ffffff0a}.header__list__item a:hover:after{transform:scaleX(1)}.menu-toggle{display:none;font-size:22px;color:var(--gray-light);padding:.4rem;border-radius:6px;transition:color var(--duration)}.menu-toggle:hover{color:var(--white)}.menu-toggle svg{color:inherit}@media(max-width:768px){.header{display:flex;justify-content:space-between;padding:0 1.25rem;max-width:100%;width:100%}.header__logo span{display:none}.header__name{display:block;color:var(--white);font-weight:600;font-size:15px;font-family:var(--font-family);letter-spacing:.02em}.menu-toggle{display:flex;align-items:center}.header__list{position:fixed;top:64px;left:0;right:0;background-color:#111318f7;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;padding:.75rem 1rem;gap:.25rem}.header__list--hidden{display:none}.header__list--visible{display:flex}.header__list__item a{display:block;padding:.65rem 1rem;font-size:15px}}@media(max-width:480px){.header{padding:0 1rem}.header .header__logo .header__logo__img{width:28px;height:28px}}.custom-image{max-width:100%;width:auto;height:100%;object-fit:cover;transition:opacity .3s ease}.custom-image.loading{opacity:0;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.custom-image.loaded{opacity:1}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media(prefers-color-scheme:dark){.custom-image.loading{background:linear-gradient(90deg,#2a2a2a 25%,#3a3a3a,#2a2a2a 75%);background-size:200% 100%}}.profile-banner{padding:5rem 2rem 4rem;max-width:1100px;width:90%;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:3rem;position:relative}.profile-banner.no-image{justify-content:center;text-align:center}.profile-banner.no-image .profile-banner__text-content{max-width:680px;align-items:center}.profile-banner .profile-banner__text-content{display:flex;flex-direction:column;align-items:flex-start;gap:1.25rem;flex:1;min-width:280px}.profile-banner .profile-banner__text-content .text-content__title{font-family:var(--font-display);font-size:clamp(2.2rem,5vw,3.4rem);font-weight:400;line-height:1.15;color:var(--white);letter-spacing:-.02em;margin-bottom:0}.profile-banner .profile-banner__text-content .title__highlight{color:var(--white);background-image:linear-gradient(to right,var(--primary),var(--primary-light));background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%;padding-bottom:2px}.profile-banner .profile-banner__text-content .text-content__description{font-family:var(--font-family);font-size:1.05rem;line-height:1.75;color:var(--gray-light);max-width:480px;margin-bottom:0}.profile-banner .profile-banner__image-content{flex:0 0 auto;position:relative;width:320px}.profile-banner .profile-banner__image-content img{width:100%;height:380px;object-fit:cover;object-position:top center;border-radius:2px;display:block;filter:contrast(1.04) brightness(.96)}.profile-banner .profile-banner__image-content:before{content:"";position:absolute;inset:-10px -10px auto auto;width:60px;height:60px;border-top:2px solid var(--primary);border-right:2px solid var(--primary);pointer-events:none;z-index:1}.profile-banner .profile-banner__image-content:after{content:"";position:absolute;inset:auto auto -10px -10px;width:60px;height:60px;border-bottom:2px solid var(--primary);border-left:2px solid var(--primary);pointer-events:none}.profile-banner .background-dots{display:none}@media(max-width:768px){.profile-banner{flex-direction:column;align-items:center;text-align:center;padding:3rem 1.5rem;gap:2rem}.profile-banner .profile-banner__text-content{align-items:center}.profile-banner .profile-banner__image-content{width:240px}.profile-banner .profile-banner__image-content img{height:290px}.text-content__description{font-size:.95rem!important}}@media(max-width:480px){.profile-banner{padding:2rem 1rem;width:100%}.profile-banner .profile-banner__text-content{width:90%}.profile-banner .profile-banner__image-content{width:200px}.profile-banner .profile-banner__image-content img{height:240px}.text-content__description{font-size:.875rem!important}}.ancor-button{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-family:var(--font-family);font-size:.875rem;font-weight:500;letter-spacing:.04em;color:var(--primary);border:1px solid rgba(201,168,76,.35);border-radius:2px;background:transparent;text-decoration:none;transition:color var(--duration) var(--ease-out),background var(--duration) var(--ease-out),border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out);white-space:nowrap}.ancor-button:hover{color:var(--background);background:var(--primary);border-color:var(--primary);box-shadow:0 4px 20px #c9a84c40}@media(max-width:430px){.ancor-button{font-size:.8rem;padding:.55rem 1rem}}.SocialsLineY{position:fixed;top:0;left:20px;z-index:50;background-image:none}.SocialsLineY:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:1px;height:180px;background:linear-gradient(to bottom,transparent,var(--border-strong))}.SocialsLineY .SocialsLineY__icons{display:flex;flex-direction:column;margin-top:190px;gap:.85rem;align-items:center}.SocialsLineY .SocialsLineY__icons a{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:color var(--duration) var(--ease-out)}.SocialsLineY .SocialsLineY__icons a:hover .SocialsLineY__icon{color:var(--primary)!important}@media(max-width:768px){.SocialsLineY .SocialsLineY__icons .SocialsLineY__icon{font-size:18px!important}}@media(max-width:480px){.SocialsLineY{left:4px}.SocialsLineY .SocialsLineY__icons{gap:.5rem}.SocialsLineY .SocialsLineY__icons .SocialsLineY__icon{font-size:14px!important}}.quote{margin:3rem auto;max-width:680px;width:88%;padding:2.5rem 3rem;position:relative;background:var(--surface);border-radius:2px;border-left:3px solid var(--primary)}.quote:before{content:"“";font-family:var(--font-display);font-size:5rem;line-height:0;position:absolute;top:2.5rem;left:1.75rem;color:var(--primary);opacity:.25;pointer-events:none}.quote .quote__q{display:block;font-family:var(--font-display);font-style:italic;font-size:1.25rem;line-height:1.7;color:var(--white);border:none;padding:0;text-align:left;margin-bottom:1.25rem;quotes:none}.quote .quote__q:before,.quote .quote__q:after{content:none}.quote .quote__author{font-family:var(--font-family);font-size:.8rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);border:none;padding:0;text-align:left}.quote .quote__author:before{content:"— "}.quote .quote__author:after{content:none}@media(max-width:768px){.quote{padding:1.75rem 2rem}.quote .quote__q{font-size:1.1rem}}@media(max-width:430px){.quote{padding:1.5rem;width:88%}.quote .quote__q{font-size:1rem}.quote:before{font-size:4rem;top:2rem;left:1.25rem}}.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:1100px;width:90%;margin:2.5rem auto 0;align-items:center;justify-content:space-between}.title-false{display:flex;max-width:1100px;width:90%;margin:2.5rem auto 0;align-items:center}.title-container{display:flex;align-items:center;gap:1rem;flex-shrink:0}.title-h{font-family:var(--font-display);font-size:1.75rem;font-weight:400;color:var(--white);letter-spacing:-.01em}.title-presymbol{font-family:var(--font-mono);color:var(--primary);font-size:.9em;margin-right:.15rem;opacity:.9}.title-asideline-true{flex:1;height:1px;background:linear-gradient(to right,var(--border-strong),transparent);border:none;margin-left:0}@media(max-width:768px){.title-h{font-size:1.4rem}.title-container{gap:.75rem}}@media(max-width:430px){.title-true,.title-false{width:90%}.title-h{font-size:1.2rem}.title-asideline-true{display:none}}.card-project{background-color:var(--surface);border:1px solid var(--border);border-radius:3px;width:300px;display:flex;flex-direction:column;overflow:hidden;transition:border-color var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out),transform var(--duration) var(--ease-out)}.card-project:hover{border-color:#c9a84c4d;box-shadow:0 0 0 1px #c9a84c14,0 8px 32px #0006;transform:translateY(-3px)}.card-project .card-project__header{overflow:hidden;height:180px;flex-shrink:0;background:var(--surface-raised)}.card-project .card-project__header img,.card-project .card-project__header .custom-image{width:100%;height:100%;object-fit:cover;min-height:unset!important;transition:transform .5s var(--ease-out)}.card-project:hover .card-project__header img,.card-project:hover .card-project__header .custom-image{transform:scale(1.04)}.card-project .card-project__stack{padding:.75rem 1rem;display:flex;gap:.5rem;flex-wrap:wrap;border-bottom:1px solid var(--border)}.card-project .card-project__stack .card-project__stack__tech{font-family:var(--font-mono);font-size:.7rem;color:var(--primary);background:var(--primary-dim);padding:.15rem .55rem;border-radius:2px;letter-spacing:.04em}.card-project .card-project__body{padding:1.1rem 1rem 1rem;gap:.75rem;display:flex;flex-direction:column;flex:1}.card-project .card-project__body h3{font-family:var(--font-display);font-weight:400;font-size:1.15rem;color:var(--white);line-height:1.3}.card-project .card-project__body p{font-family:var(--font-family);font-size:.85rem;line-height:1.65;color:var(--gray);flex:1}@media(max-width:768px){.card-project{width:200px}.card-project__stack{display:none!important}.card-project__body{padding:.6rem!important}.card-project .card-project__body h3{font-size:.95rem!important}.card-project .card-project__body p{display:none!important}.card-project .card-project__header{height:140px}}@media(max-width:480px){.card-project{width:180px}.card-project .card-project__body h3{font-size:.85rem!important}.card-project .card-project__header{height:120px}}.section{display:flex;align-items:flex-start;flex-wrap:wrap;gap:1.5rem;padding:2rem 0;max-width:1100px;width:90%;margin:0 auto;justify-content:center}.section-projects-desktop{display:flex}.section-p{max-width:1100px;width:90%;margin:0 auto;display:flex;flex-direction:row;align-items:center;justify-content:space-around}.section-skills{position:relative;padding:2rem 0;max-width:1100px;width:90%;margin:0 auto;display:flex;justify-content:space-evenly;gap:3rem}.section-skills .section-skills__icons{flex-basis:35%;position:relative;display:flex;align-items:center;justify-content:center}.section-skills .section-skills__icons .center-images{position:relative;width:280px;height:280px;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:50px 50px,50px 50px,70px 70px,42px 42px,90px 90px;background-position:top center,center right,center left,top right,bottom center;filter:sepia(1) hue-rotate(10deg) saturate(.6) brightness(.5);opacity:.5}.section-skills .section-skills__container{display:flex;flex-wrap:wrap;gap:.75rem;flex-basis:65%;align-items:flex-start}@media(max-width:480px){.section-projects-desktop{display:none}.section-skills{flex-direction:column;width:88%}.section-skills__container{justify-content:center}.section-skills .section-skills__icons{display:none}.section-p{width:88%;margin:0 auto;flex-direction:column;padding:8px 0;gap:8px}.section-p p{font-size:14px!important;text-align:center}}.skill-card{background-color:transparent;border:1px solid var(--border);border-radius:2px;width:13rem;height:auto;display:flex;flex-direction:column;transition:border-color var(--duration) var(--ease-out),background var(--duration) var(--ease-out)}.skill-card:hover{background-color:var(--surface);border-color:var(--border-strong)}.skill-card .skill-card__header{padding:.75rem 1rem;font-family:var(--font-family);font-size:.8rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--primary);border-bottom:1px solid var(--border)}.skill-card .skill-card__skill-container{padding:.75rem 1rem;display:flex;flex-direction:column;gap:.3rem}.skill-card .skill-card__skill-container .skill-container__skills{font-family:var(--font-family);font-size:.875rem;font-weight:400;color:var(--gray-light);line-height:1.5}@media(max-width:430px){.skill-card{width:100%;max-width:22rem}.skill-card .skill-card__header{font-size:.75rem}.skill-container__skills{font-size:.825rem!important}}.footer{width:100%;display:flex;flex-direction:column;align-items:center;padding:2.5rem 0;margin-top:4rem}.footer__line{width:90%;max-width:1100px;height:1px;background:var(--border);margin-bottom:1.25rem}.footer__paragraph{font-family:var(--font-family);font-size:.8rem;font-weight:400;letter-spacing:.06em;color:var(--gray)}@media(max-width:430px){.footer{padding:1.5rem 0}.footer__paragraph{font-size:.75rem}}.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: #111318;--surface: #181c24;--surface-raised: #1e2330;--border: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .13);--white: #f0ede8;--gray: #8a8f9e;--gray-light: #b8bcc9;--text: #c8cad4;--primary: #c9a84c;--primary-light: #e2c87a;--primary-dim: rgba(201, 168, 76, .12);--primary-glow: rgba(201, 168, 76, .06);--font-display: "DM Serif Display", Georgia, serif;--font-family: "DM Sans", system-ui, sans-serif;--font-mono: "Fira Code", monospace;--font-family-lato: "DM Sans", system-ui, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration: .35s}*,*:before,*:after{box-sizing:border-box}html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,img,ol,ul,li,fieldset,form,label,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,footer,header,nav,section{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.6;background-color:var(--background);color:var(--text);font-family:var(--font-family);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;width:100%;background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(201,168,76,.04) 0%,transparent 60%)}ol,ul{list-style:none}blockquote,q{quotes:none}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer}#root{display:flex;flex-direction:column;align-items:center;width:100%}@media(max-width:430px){body{width:100%}}.works{display:flex;flex-direction:column;align-items:center;height:100vh;width:100%}.works__main{display:flex;flex-direction:column;justify-content:center;padding-top:50px;width:100%}.blogCard{cursor:pointer;display:grid;grid-template-columns:1fr 200px;grid-template-rows:auto 1fr auto;gap:0 1rem;width:100%;max-width:860px;background-color:var(--surface);border:1px solid var(--border);border-radius:3px;padding:1.25rem;font-family:var(--font-family);transition:border-color var(--duration, .35s) var(--ease-out, ease),box-shadow var(--duration, .35s) var(--ease-out, ease),transform var(--duration, .35s) var(--ease-out, ease);position:relative;box-sizing:border-box}.blogCard:hover{border-color:#c9a84c4d;box-shadow:0 4px 24px #00000059;transform:translateY(-2px);background-color:var(--surface-raised, #1e2330)}.blogCard .blogCard__item:nth-child(1){grid-column:1 / 2;grid-row:1 / 2;align-self:start}.blogCard .blogCard__item:nth-child(2){grid-column:2 / 3;grid-row:1 / 4;align-self:stretch;justify-self:stretch;overflow:hidden;border-radius:2px}.blogCard .blogCard__item:nth-child(2) img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:2px;min-width:0;min-height:0;display:block}.blogCard .blogCard__item:nth-child(3){grid-column:1 / 2;grid-row:2 / 3;align-self:start}.blogCard .blogCard__item:nth-child(4){grid-column:1 / 2;grid-row:3 / 4;display:flex;align-items:flex-end;justify-content:flex-start;padding-top:.75rem}.blogCard .blogCard__item .blogCard__item_title{font-family:var(--font-display, "DM Serif Display", Georgia, serif);font-size:1.1rem;font-weight:400;line-height:1.35;color:var(--white, #f0ede8);margin-bottom:.5rem}.blogCard .blogCard__item .blogCard__item_description{font-family:var(--font-family, "DM Sans", sans-serif);font-size:.875rem;line-height:1.6;color:var(--gray-light, #b8bcc9);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blogCard .blogCard__item .blogCard__item_features{display:flex;flex-direction:row;align-items:center;gap:.4rem;list-style:none;padding:0;margin:0}.blogCard .blogCard__item .blogCard__item_features li{display:flex;flex-direction:row;align-items:center;gap:.3rem;font-family:var(--font-family, "DM Sans", sans-serif);font-size:.8rem;color:var(--gray, #8a8f9e);cursor:pointer;transition:color .2s ease;padding:.25rem .5rem;border-radius:4px}.blogCard .blogCard__item .blogCard__item_features li:hover{color:var(--primary, #c9a84c);background:#c9a84c14;transform:none}.blogCard .blogCard__item .blogCard__item_features li.loading{opacity:.5;pointer-events:none}@media(max-width:1200px){.blogCard{max-width:100%}}@media(max-width:768px){.blogCard{grid-template-columns:1fr 130px;padding:1rem;background-color:var(--surface);height:auto;min-height:unset}.blogCard:hover{background-color:var(--surface-raised, #1e2330)}.blogCard .blogCard__item .blogCard__item_title{font-size:.95rem}.blogCard .blogCard__item .blogCard__item_description{font-size:.8rem;-webkit-line-clamp:2}}@media(max-width:480px){.blogCard{grid-template-columns:1fr 100px;padding:.85rem;gap:0 .75rem;background-color:var(--surface, #181c24)!important;border-color:var(--border, rgba(255,255,255,.07))}.blogCard:hover{background-color:var(--surface-raised, #1e2330)!important;transform:none}.blogCard .blogCard__item .blogCard__item_title{font-size:.85rem;margin-bottom:.35rem}.blogCard .blogCard__item .blogCard__item_description{font-size:.75rem;-webkit-line-clamp:2}.blogCard .blogCard__item .blogCard__item_features li{font-size:.7rem;padding:.2rem .35rem}.blogCard .blogCard__item_features__shareText{font-size:.7rem}.blogCard .blogCard__item_features__shareIcon{font-size:.8rem!important}}.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%;align-items:center;justify-content:space-between}.blog-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding-top:50px;width:100%}.blog-body{display:flex;flex-direction:column;align-items:center;gap:10px}.blog-header{width:80%;margin:0;padding:0;display:flex;flex-direction:row;justify-content:start}.blog-body{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:900px}@media(max-width:768px){.blog-container{width:95%;padding:0 15px;margin-top:40px;justify-content:flex-start}.blog-body{width:90%;gap:15px;padding:0 10px}}@media(max-width:480px){.blog-container{width:90%;justify-self:center}.blog-body{gap:20px;padding:0 5px;width:90%}}.styledfilterdiv{display:flex;justify-content:space-between;width:100%;margin:0 auto;padding:.4rem 0}.styledfilterdiv__input{position:relative;border:2px solid var(--gray);color:#fff;font-family:var(--font-family);font-size:16px;padding:8px;width:100%;outline:none;transition:cubic-bezier(0,0,1,-.2);background:url(${searchIcon}) no-repeat 15px center}.styledfilterdiv__input:focus{border-color:var(--primary)}@media(max-width:480px){.styledfilterdiv .styledfilterdiv__input{font-size:10px}}.notFoundGifContainer{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 0}.notFoundText{font-size:1.4rem;color:var(--gray);align-self:center}.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:10px;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}.paragraph{font-size:16px;color:var(--text);font-family:var(--font-family)}.privacy-policy{min-height:100vh;background-color:var(--background-color, #ffffff);padding:20px 0}.privacy-policy__container{max-width:800px;margin:0 auto;padding:0 20px}.privacy-policy__content{margin-top:40px}.privacy-policy__section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--border-light, #e9ecef)}.privacy-policy__section:last-child{border-bottom:none;margin-bottom:0}.privacy-policy__section h1{color:var(--text-color, #333333);font-size:2.5rem;font-weight:700;margin-bottom:20px;line-height:1.2}.privacy-policy__section h2{color:var(--text-color, #333333);font-size:1.5rem;font-weight:600;margin-bottom:16px;line-height:1.3}.privacy-policy__section p{color:var(--text-color, #555555);font-size:16px;line-height:1.6;margin-bottom:16px}.privacy-policy__section p:last-child{margin-bottom:0}@media(max-width:768px){.privacy-policy{padding:16px 0}.privacy-policy__container{padding:0 16px}.privacy-policy__content{margin-top:30px}.privacy-policy__section{margin-bottom:30px;padding-bottom:20px}.privacy-policy__section h1{font-size:2rem}.privacy-policy__section h2{font-size:1.25rem}.privacy-policy__section p{font-size:15px}}@media(max-width:480px){.privacy-policy__container{padding:0 12px}.privacy-policy__section h1{font-size:1.75rem}.privacy-policy__section h2{font-size:1.1rem}.privacy-policy__section p{font-size:14px}}@media(prefers-color-scheme:dark){.privacy-policy{background-color:var(--background-color, #1a1a1a)}.privacy-policy__section{border-bottom-color:var(--border-light, #444444)}.privacy-policy__section h1,.privacy-policy__section h2{color:var(--text-color, #ffffff)}.privacy-policy__section p{color:var(--text-color, #cccccc)}}@media(prefers-contrast:high){.privacy-policy__section{border-bottom:2px solid var(--text-color, #000000)}.privacy-policy__section h1,.privacy-policy__section h2{font-weight:700}}@media(prefers-reduced-motion:reduce){.privacy-policy__section{transition:none}}.cookie-consent{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:flex-end;justify-content:center;padding:20px;pointer-events:none}.cookie-consent__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);pointer-events:auto}.cookie-consent__banner{position:relative;max-width:600px;width:100%;background:var(--background-color, #ffffff);border-radius:12px;box-shadow:0 10px 40px #0003;pointer-events:auto;animation:slideUp .3s ease-out;border:1px solid var(--border-color, #e0e0e0)}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-consent__content{padding:24px}.cookie-consent__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.cookie-consent__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-color, #333333);line-height:1.3}.cookie-consent__close{background:none;border:none;font-size:1.5rem;color:var(--text-color, #666666);cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:all .2s ease;min-width:32px;height:32px;display:flex;align-items:center;justify-content:center}.cookie-consent__close:hover{background-color:var(--hover-color, #f5f5f5);color:var(--text-color, #333333)}.cookie-consent__close:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:2px}.cookie-consent__body{margin-bottom:24px}.cookie-consent__description{margin:0 0 16px;color:var(--text-color, #555555);line-height:1.5;font-size:.95rem}.cookie-consent__details-toggle{background:none;border:none;color:var(--primary-color, #007bff);cursor:pointer;font-size:.9rem;text-decoration:underline;padding:4px 0;transition:color .2s ease}.cookie-consent__details-toggle:hover{color:var(--primary-hover, #0056b3)}.cookie-consent__details-toggle:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:2px;border-radius:2px}.cookie-consent__details{margin-top:16px;padding:16px;background-color:var(--background-light, #f8f9fa);border-radius:8px;border:1px solid var(--border-light, #e9ecef)}.cookie-consent__category{margin-bottom:16px}.cookie-consent__category:last-child{margin-bottom:0}.cookie-consent__category h4{margin:0 0 8px;font-size:1rem;font-weight:600;color:var(--text-color, #333333)}.cookie-consent__category p{margin:0;font-size:.9rem;color:var(--text-color, #555555);line-height:1.4}.cookie-consent__actions{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.cookie-consent__button{flex:1;min-width:120px;padding:12px 16px;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center;line-height:1.2}.cookie-consent__button:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:2px}.cookie-consent__button--reject{background-color:var(--danger-color, #dc3545);color:#fff}.cookie-consent__button--reject:hover{background-color:var(--danger-hover, #c82333)}.cookie-consent__button--essential{background-color:var(--secondary-color, #6c757d);color:#fff}.cookie-consent__button--essential:hover{background-color:var(--secondary-hover, #545b62)}.cookie-consent__button--accept{background-color:var(--primary-color, #007bff);color:#fff}.cookie-consent__button--accept:hover{background-color:var(--primary-hover, #0056b3)}.cookie-consent__footer{text-align:center;padding-top:16px;border-top:1px solid var(--border-light, #e9ecef)}.cookie-consent__link{color:var(--primary-color, #007bff);text-decoration:none;font-size:.9rem;transition:color .2s ease}.cookie-consent__link:hover{color:var(--primary-hover, #0056b3);text-decoration:underline}.cookie-consent__link:focus{outline:2px solid var(--primary-color, #007bff);outline-offset:2px;border-radius:2px}@media(max-width:768px){.cookie-consent{padding:16px}.cookie-consent__banner{max-width:none}.cookie-consent__content{padding:20px}.cookie-consent__title{font-size:1.1rem}.cookie-consent__actions{flex-direction:column}.cookie-consent__button{min-width:auto;width:100%}}@media(max-width:480px){.cookie-consent{padding:12px}.cookie-consent__content{padding:16px}.cookie-consent__title{font-size:1rem}.cookie-consent__description{font-size:.9rem}}@media(prefers-color-scheme:dark){.cookie-consent__banner{background:var(--background-color, #1a1a1a);border-color:var(--border-color, #333333)}.cookie-consent__title{color:var(--text-color, #ffffff)}.cookie-consent__description,.cookie-consent__close{color:var(--text-color, #cccccc)}.cookie-consent__close:hover{background-color:var(--hover-color, #333333);color:var(--text-color, #ffffff)}.cookie-consent__details{background-color:var(--background-light, #2a2a2a);border-color:var(--border-light, #444444)}.cookie-consent__category h4{color:var(--text-color, #ffffff)}.cookie-consent__category p{color:var(--text-color, #cccccc)}.cookie-consent__footer{border-color:var(--border-light, #444444)}}@media(prefers-reduced-motion:reduce){.cookie-consent__banner{animation:none}}@media(prefers-contrast:high){.cookie-consent__banner{border:2px solid var(--text-color, #000000)}.cookie-consent__button{border:2px solid currentColor}}