@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-4) 0;transition:all var(--transition-base)}.navbar--scrolled{background:#faf9f6f2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}.navbar__container{display:flex;align-items:center;justify-content:center}.navbar__menu{display:flex;align-items:center;gap:var(--space-8)}.navbar__links{display:flex;align-items:center;gap:var(--space-6)}.navbar__link{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-secondary);transition:color var(--transition-fast);position:relative}.navbar__link:hover,.navbar__link--active{color:var(--color-text-primary)}.navbar__link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--color-accent);transition:width var(--transition-base)}.navbar__link:hover:after,.navbar__link--active:after{width:100%}.navbar__cta{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:#fff;background:var(--color-text-primary);border-radius:var(--radius-md);transition:all var(--transition-base)}.navbar__cta:hover{background:var(--color-accent)}.navbar__toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2);z-index:10}.navbar__toggle span{display:block;width:22px;height:1.5px;background:var(--color-text-primary);transition:all var(--transition-base)}.navbar__toggle--active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.navbar__toggle--active span:nth-child(2){opacity:0}.navbar__toggle--active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width: 768px){.navbar__toggle{display:flex}.navbar__menu{position:fixed;top:0;right:-100%;width:80%;max-width:300px;height:100vh;background:var(--color-bg-primary);flex-direction:column;justify-content:center;gap:var(--space-8);padding:var(--space-8);transition:right var(--transition-slow);border-left:1px solid var(--color-border)}.navbar__menu--open{right:0}.navbar__links{flex-direction:column;gap:var(--space-6)}.navbar__link{font-size:var(--text-lg)}}.footer{border-top:1px solid var(--color-border);padding:var(--space-8) 0;margin-top:var(--space-16)}.footer__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.footer__brand{display:flex;align-items:center;gap:var(--space-4)}.footer__logo{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.footer__tagline{color:var(--color-text-tertiary);font-size:var(--text-sm)}.footer__links{display:flex;gap:var(--space-6)}.footer__links a{font-size:var(--text-sm);color:var(--color-text-secondary);transition:color var(--transition-fast)}.footer__links a:hover{color:var(--color-text-primary)}.footer__bottom{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.footer__bottom p{font-size:var(--text-sm);color:var(--color-text-tertiary)}@media (max-width: 640px){.footer__top{flex-direction:column;gap:var(--space-4);align-items:flex-start}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;white-space:nowrap}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--md{padding:var(--space-3) var(--space-5);font-size:var(--text-sm)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.btn--primary{color:#fff;background:var(--color-text-primary)}.btn--primary:hover{background:var(--color-accent)}.btn--secondary{color:var(--color-text-primary);background:transparent;border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-text-primary)}.btn--ghost{color:var(--color-text-secondary);background:transparent}.btn--ghost:hover{color:var(--color-text-primary)}.btn:disabled{opacity:.5;cursor:not-allowed}.hero{min-height:85vh;display:flex;align-items:center;padding:var(--space-32) 0 var(--space-16)}.hero__container{width:100%}.hero__content{max-width:640px}.hero__title{font-size:var(--text-6xl);font-weight:var(--font-bold);line-height:1.1;letter-spacing:-.03em;color:var(--color-text-primary);margin-bottom:var(--space-5)}.hero__subtitle{font-size:var(--text-xl);font-weight:var(--font-normal);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-8)}.hero__amazon{color:var(--color-accent);font-weight:var(--font-semibold)}.hero__cta{display:flex;gap:var(--space-3)}@media (max-width: 768px){.hero{min-height:70vh;padding:var(--space-24) 0 var(--space-12)}.hero__title{font-size:var(--text-5xl)}.hero__subtitle{font-size:var(--text-lg)}.hero__cta{flex-direction:column}}.section-title{margin-bottom:var(--space-10)}.section-title--centered{text-align:center}.section-title__label{display:inline-block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}.section-title__heading{font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-3);color:var(--color-text-primary);letter-spacing:-.02em}.section-title__heading span{color:var(--color-accent)}.section-title__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);max-width:560px;line-height:1.7}.section-title--centered .section-title__subtitle{margin:0 auto}@media (max-width: 768px){.section-title__heading{font-size:var(--text-2xl)}}.about{position:relative}.about__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-8);margin-bottom:var(--space-12)}.about__story{padding:var(--space-8);border-radius:var(--radius-xl);height:fit-content}.about__story-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--color-text-primary)}.about__story-text{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-4)}.about__story-text:last-of-type{margin-bottom:var(--space-5)}.about__values{display:flex;flex-wrap:wrap;gap:var(--space-3)}.about__value{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--text-sm)}.about__value-icon{font-size:var(--text-base)}.about__value-text{color:var(--color-text-secondary)}.about__skills{padding:var(--space-6);border-radius:var(--radius-xl)}.about__skills-title{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.about__skills-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.about__skill-tag{padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--font-medium)}.about__experience{margin-top:var(--space-4)}.about__experience-title{font-size:var(--text-xl);font-weight:var(--font-semibold);text-align:center;margin-bottom:var(--space-8)}.about__timeline{display:flex;flex-direction:column;gap:var(--space-5);position:relative;max-width:700px;margin:0 auto}.about__timeline:before{content:"";position:absolute;left:10px;top:8px;bottom:8px;width:1px;background:var(--color-border)}.about__timeline-item{position:relative;margin-left:var(--space-10);padding:var(--space-5);border-radius:var(--radius-lg)}.about__timeline-marker{position:absolute;left:calc(-1 * var(--space-10) - 4px);top:var(--space-6);width:9px;height:9px;background:var(--color-accent);border-radius:50%}.about__timeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-2);gap:var(--space-4)}.about__timeline-role{font-size:var(--text-base);font-weight:var(--font-semibold)}.about__timeline-company{font-size:var(--text-sm);color:var(--color-accent);margin-top:var(--space-1)}.about__timeline-period{font-size:var(--text-sm);color:var(--color-text-tertiary);white-space:nowrap}.about__timeline-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;margin-bottom:var(--space-3)}.about__timeline-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.about__timeline-tag{padding:var(--space-1) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary)}@media (max-width: 1024px){.about__grid{grid-template-columns:1fr}}@media (max-width: 640px){.about__timeline-header{flex-direction:column;gap:var(--space-1)}.about__values{flex-direction:column}}.projects{position:relative}.projects__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.projects__card{display:flex;flex-direction:column;gap:var(--space-3)}.projects__card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);font-size:var(--text-xl)}.projects__card-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.projects__card-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;flex:1}.projects__card-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.projects__tag{padding:var(--space-1) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary)}.projects__card:hover .projects__tag{background:var(--color-accent-muted);color:var(--color-accent)}.projects__card-links{display:flex;gap:var(--space-4);margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.projects__link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);transition:color var(--transition-fast)}.projects__link:hover{color:var(--color-text-primary)}.projects__link--primary{color:var(--color-accent)}.projects__link--primary:hover{color:var(--color-accent-hover)}@media (max-width: 1024px){.projects__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.projects__grid{grid-template-columns:1fr}}.blog{position:relative}.blog__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.blog__card-link{display:block}.blog__card{height:100%;display:flex;flex-direction:column;overflow:hidden;padding:0}.blog__card-image{height:140px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.blog__card-emoji{font-size:3rem}.blog__card-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.blog__card-meta{display:flex;align-items:center;gap:var(--space-3)}.blog__card-category{padding:var(--space-1) var(--space-3);background:var(--color-accent-muted);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.blog__card-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.blog__card-title{font-size:var(--text-base);font-weight:var(--font-semibold);line-height:1.4;transition:color var(--transition-fast)}.blog__card:hover .blog__card-title{color:var(--color-accent)}.blog__card-excerpt{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;flex:1}.blog__card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.blog__card-read-time{font-size:var(--text-sm);color:var(--color-text-tertiary)}.blog__card-arrow{font-size:var(--text-lg);color:var(--color-text-tertiary);transition:transform var(--transition-base)}.blog__card:hover .blog__card-arrow{transform:translate(3px);color:var(--color-accent)}.blog__cta{display:flex;justify-content:center;margin-top:var(--space-10)}@media (max-width: 1024px){.blog__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.blog__grid{grid-template-columns:1fr}}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.card--hover:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.services{position:relative}.services__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-12)}.services__card{display:flex;flex-direction:column;gap:var(--space-3)}.services__title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.services__desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7}.services__features{display:flex;flex-direction:column;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.services__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.services__check{color:var(--color-accent);font-weight:var(--font-medium)}.services__cta{display:flex;justify-content:center}.services__cta-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-10) var(--space-12);background:var(--color-bg-secondary);border-radius:var(--radius-xl);max-width:500px}.services__cta-title{font-size:var(--text-xl);font-weight:var(--font-semibold)}.services__cta-text{color:var(--color-text-secondary);line-height:1.7}@media (max-width: 1024px){.services__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.services__grid{grid-template-columns:1fr}.services__cta-content{padding:var(--space-6)}}.contact{position:relative}.contact__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-10);align-items:start}.contact__info{display:flex;flex-direction:column;gap:var(--space-5)}.contact__info-title{font-size:var(--text-xl);font-weight:var(--font-semibold)}.contact__info-text{color:var(--color-text-secondary);line-height:1.8}.contact__cards{display:flex;flex-direction:column;gap:var(--space-4)}.contact__card{display:flex;flex-direction:column;gap:var(--space-1)}.contact__card-label{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--font-medium)}.contact__card-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.contact__card-value--link{transition:color var(--transition-fast)}.contact__card-value--link:hover{color:var(--color-accent)}.contact__form-wrapper{padding:var(--space-8);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.contact__form{display:flex;flex-direction:column;gap:var(--space-4)}.contact__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.contact__form-group{display:flex;flex-direction:column;gap:var(--space-2)}.contact__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary)}.contact__input,.contact__textarea{padding:var(--space-3);background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.contact__input:focus,.contact__textarea:focus{outline:none;border-color:var(--color-accent)}.contact__textarea{resize:vertical;min-height:120px}.contact__success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12);gap:var(--space-3)}.contact__success-title{font-size:var(--text-xl);font-weight:var(--font-semibold)}.contact__success-text{color:var(--color-text-secondary)}@media (max-width: 1024px){.contact__grid{grid-template-columns:1fr;gap:var(--space-8)}}@media (max-width: 640px){.contact__form-row{grid-template-columns:1fr}.contact__form-wrapper{padding:var(--space-5)}}.blog-list{padding-top:calc(var(--space-32) + var(--space-8));min-height:100vh}.blog-list__filters{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-10)}.blog-list__search{position:relative;max-width:400px;margin:0 auto;width:100%}.blog-list__search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--text-lg);color:var(--color-text-tertiary)}.blog-list__search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.blog-list__search-input:focus{outline:none;border-color:var(--color-accent)}.blog-list__search-input::placeholder{color:var(--color-text-tertiary)}.blog-list__categories{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.blog-list__category{padding:var(--space-2) var(--space-4);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.blog-list__category:hover{border-color:var(--color-text-primary);color:var(--color-text-primary)}.blog-list__category--active{background:var(--color-text-primary);border-color:var(--color-text-primary);color:#fff}.blog-list__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.blog-list__card-link{display:block}.blog-list__card{height:100%;display:flex;flex-direction:row;overflow:hidden;padding:0}.blog-list__card-image{width:180px;min-height:180px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);flex-shrink:0}.blog-list__card-emoji{font-size:3rem}.blog-list__card-content{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);flex:1}.blog-list__card-meta{display:flex;align-items:center;gap:var(--space-3)}.blog-list__card-category{padding:var(--space-1) var(--space-3);background:var(--color-accent-muted);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.blog-list__card-date{font-size:var(--text-xs);color:var(--color-text-tertiary)}.blog-list__card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:1.4;transition:color var(--transition-fast)}.blog-list__card:hover .blog-list__card-title{color:var(--color-accent)}.blog-list__card-excerpt{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.7;flex:1}.blog-list__card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.blog-list__card-read-time{font-size:var(--text-sm);color:var(--color-text-tertiary)}.blog-list__card-tags{display:flex;gap:var(--space-2)}.blog-list__tag{padding:var(--space-1) var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-text-tertiary)}.blog-list__empty{text-align:center;padding:var(--space-16)}.blog-list__empty-icon{font-size:3rem;display:block;margin-bottom:var(--space-4)}.blog-list__empty h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.blog-list__empty p{color:var(--color-text-secondary)}@media (max-width: 1024px){.blog-list__card{flex-direction:column}.blog-list__card-image{width:100%;min-height:140px}}@media (max-width: 768px){.blog-list__grid{grid-template-columns:1fr}}.blog-post{padding-top:calc(var(--space-32) + var(--space-8));min-height:100vh}.blog-post__hero{padding-bottom:var(--space-10);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-10)}.blog-post__back{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);transition:color var(--transition-fast)}.blog-post__back:hover{color:var(--color-text-primary)}.blog-post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.blog-post__category{padding:var(--space-1) var(--space-3);background:var(--color-accent-muted);color:var(--color-accent);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.blog-post__date,.blog-post__read-time{font-size:var(--text-sm);color:var(--color-text-tertiary)}.blog-post__title{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:1.2;margin-bottom:var(--space-4);letter-spacing:-.02em}.blog-post__excerpt{font-size:var(--text-lg);color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-5);max-width:700px}.blog-post__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-post__tag{padding:var(--space-1) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-secondary)}.blog-post__content{max-width:700px}.blog-post__body{margin-bottom:var(--space-10)}.blog-post__h1{font-size:var(--text-3xl);font-weight:var(--font-bold);margin:var(--space-10) 0 var(--space-4);line-height:1.3}.blog-post__h2{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin:var(--space-8) 0 var(--space-3);line-height:1.4;color:var(--color-text-primary)}.blog-post__h3{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:var(--space-6) 0 var(--space-3);color:var(--color-accent)}.blog-post__p{font-size:var(--text-base);line-height:1.9;color:var(--color-text-secondary);margin-bottom:var(--space-4)}.blog-post__li{font-size:var(--text-base);line-height:1.8;color:var(--color-text-secondary);padding-left:var(--space-6);position:relative;margin-bottom:var(--space-2)}.blog-post__li:before{content:"—";position:absolute;left:0;color:var(--color-accent)}.blog-post__code{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin:var(--space-5) 0;overflow-x:auto}.blog-post__code code{font-family:SF Mono,Fira Code,monospace;font-size:var(--text-sm);line-height:1.8;color:var(--color-text-secondary)}.blog-post__author{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-secondary);border-radius:var(--radius-xl);margin-bottom:var(--space-8)}.blog-post__author-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-accent);color:#fff;border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-bold);flex-shrink:0}.blog-post__author-info{flex:1}.blog-post__author-name{font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.blog-post__author-bio{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6}.blog-post__nav{padding-top:var(--space-6);border-top:1px solid var(--color-border)}.blog-post__nav-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-accent);font-weight:var(--font-medium);font-size:var(--text-sm);transition:color var(--transition-fast)}.blog-post__nav-link:hover{color:var(--color-accent-hover)}@media (max-width: 768px){.blog-post__title{font-size:var(--text-2xl)}.blog-post__excerpt{font-size:var(--text-base)}.blog-post__author{flex-direction:column;text-align:center}}.tools-list{padding:var(--space-32) 0 var(--space-16);min-height:100vh}.tools-list__header{margin-bottom:var(--space-10)}.tools-list__title{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.02em;margin-bottom:var(--space-2)}.tools-list__subtitle{color:var(--color-text-secondary);font-size:var(--text-base)}.tools-list__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.tools-list__card{display:flex;flex-direction:column;padding:var(--space-6);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.tools-list__card:hover{border-color:var(--color-accent);box-shadow:0 4px 20px #0000000f}.tools-list__card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.tools-list__card:hover .tools-list__card-title{color:var(--color-accent)}.tools-list__card-desc{color:var(--color-text-secondary);font-size:var(--text-sm);line-height:1.6;flex:1;margin-bottom:var(--space-4)}.tools-list__card-arrow{font-size:var(--text-lg);color:var(--color-accent);transition:transform var(--transition-fast)}.tools-list__card:hover .tools-list__card-arrow{transform:translate(4px)}.tools-page{padding:var(--space-32) 0 var(--space-16);min-height:100vh}.tools-page .container{max-width:1100px}.tools-header{margin-bottom:var(--space-8)}.tools-header__title{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.02em;margin-bottom:var(--space-2)}.tools-header__subtitle{color:var(--color-text-secondary);font-size:var(--text-base)}.md-editor{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;min-height:520px}.md-editor__pane{display:flex;flex-direction:column;background:var(--color-bg-card)}.md-editor__pane-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.md-editor__pane-label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary)}.md-editor__clear{font-size:var(--text-xs);color:var(--color-text-tertiary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.md-editor__clear:hover{color:var(--color-text-primary);background:var(--color-bg-tertiary)}.md-editor__input{flex:1;padding:var(--space-5);border:none;outline:none;resize:none;background:var(--color-bg-card);color:var(--color-text-primary);font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--text-sm);line-height:1.7;-moz-tab-size:2;tab-size:2}.md-editor__input::placeholder{color:var(--color-text-tertiary)}.md-editor__preview{flex:1;padding:var(--space-5);overflow-y:auto;font-size:var(--text-sm);line-height:1.7}.md-editor__preview h1{font-size:var(--text-2xl);font-weight:var(--font-bold);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);letter-spacing:-.02em}.md-editor__preview h2{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:var(--space-6) 0 var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.md-editor__preview h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:var(--space-5) 0 var(--space-2)}.md-editor__preview h4,.md-editor__preview h5,.md-editor__preview h6{font-size:var(--text-base);font-weight:var(--font-semibold);margin:var(--space-4) 0 var(--space-2)}.md-editor__preview p{margin-bottom:var(--space-3);color:var(--color-text-secondary)}.md-editor__preview strong{font-weight:var(--font-semibold);color:var(--color-text-primary)}.md-editor__preview em{font-style:italic}.md-editor__preview del{text-decoration:line-through;color:var(--color-text-tertiary)}.md-editor__preview a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.md-editor__preview a:hover{color:var(--color-accent-hover)}.md-editor__preview ul,.md-editor__preview ol{margin-bottom:var(--space-3);padding-left:var(--space-6)}.md-editor__preview ul{list-style:disc}.md-editor__preview ol{list-style:decimal}.md-editor__preview li{margin-bottom:var(--space-1);color:var(--color-text-secondary)}.md-editor__preview blockquote{margin:var(--space-3) 0;padding:var(--space-2) var(--space-4);border-left:3px solid var(--color-accent);background:var(--color-bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.md-editor__preview blockquote p{margin-bottom:0;color:var(--color-text-secondary);font-style:italic}.md-editor__preview code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.875em;padding:.15em .4em;background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary)}.md-editor__preview pre{margin:var(--space-3) 0;padding:var(--space-4);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto}.md-editor__preview pre code{padding:0;background:none;font-size:var(--text-sm);line-height:1.6}.md-editor__preview hr{margin:var(--space-5) 0;border:none;border-top:1px solid var(--color-border)}.md-editor__preview table{width:100%;margin:var(--space-3) 0;border-collapse:collapse}.md-editor__preview th,.md-editor__preview td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);text-align:left;font-size:var(--text-sm)}.md-editor__preview th{background:var(--color-bg-secondary);font-weight:var(--font-semibold)}.md-editor__preview img{max-width:100%;border-radius:var(--radius-md)}@media (max-width: 768px){.md-editor{grid-template-columns:1fr;min-height:auto}.md-editor__input,.md-editor__preview{min-height:250px}}.privacy-page{padding:var(--space-32) 0 var(--space-16);min-height:100vh;animation:fadeInUp .5s ease forwards}.privacy-page .container{max-width:780px}.privacy-header{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.privacy-header__title{font-size:var(--text-4xl);font-weight:var(--font-bold);letter-spacing:-.03em;margin-bottom:var(--space-3);line-height:1.2}.privacy-header__app-name{color:var(--color-accent)}.privacy-header__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);color:var(--color-text-tertiary);font-size:var(--text-sm)}.privacy-header__meta span{display:flex;align-items:center;gap:var(--space-2)}.privacy-content{display:flex;flex-direction:column;gap:var(--space-10)}.privacy-callout{padding:var(--space-5) var(--space-6);background:var(--color-accent-muted);border-left:3px solid var(--color-accent);border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-size:var(--text-sm);line-height:1.7;color:var(--color-text-secondary)}.privacy-callout strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.privacy-section{display:flex;flex-direction:column;gap:var(--space-5)}.privacy-section__title{font-size:var(--text-xl);font-weight:var(--font-semibold);letter-spacing:-.01em;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.privacy-subsection{display:flex;flex-direction:column;gap:var(--space-3)}.privacy-subsection__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-primary)}.privacy-subsection__text{font-size:var(--text-sm);line-height:1.8;color:var(--color-text-secondary)}.privacy-list{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-5)}.privacy-list li{position:relative;font-size:var(--text-sm);line-height:1.7;color:var(--color-text-secondary);list-style:none;padding-left:var(--space-3)}.privacy-list li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:var(--radius-full);background:var(--color-accent)}.privacy-paragraph{font-size:var(--text-sm);line-height:1.8;color:var(--color-text-secondary)}.privacy-contact-link{color:var(--color-accent);font-weight:var(--font-medium);text-decoration:underline;text-underline-offset:3px;transition:color var(--transition-fast)}.privacy-contact-link:hover{color:var(--color-accent-hover)}.privacy-footer{margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--text-xs)}@media (max-width: 768px){.privacy-page{padding-top:var(--space-24)}.privacy-header__title{font-size:var(--text-3xl)}.privacy-callout{padding:var(--space-4) var(--space-5)}}@media (max-width: 480px){.privacy-header__title{font-size:var(--text-2xl)}.privacy-header__meta{flex-direction:column;gap:var(--space-1)}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}:root{--color-bg-primary: #faf9f6;--color-bg-secondary: #f3f1ec;--color-bg-tertiary: #eae7e0;--color-bg-card: #ffffff;--color-accent: #c8a050;--color-accent-hover: #b58d3f;--color-accent-muted: rgba(200, 160, 80, .12);--color-text-primary: #1a1a1a;--color-text-secondary: #5c5c5c;--color-text-tertiary: #999999;--color-border: #e2dfd8;--color-border-hover: #ccc8bf;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-sticky: 200;--container-max: 960px;--container-padding: var(--space-6)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,video{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;font-size:inherit}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-20) 0}.glass{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up,.animate-fade-in-down{animation:fadeInUp .5s ease forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}@media (max-width: 1024px){:root{--text-7xl: 3.5rem;--text-6xl: 3rem;--text-5xl: 2.5rem}}@media (max-width: 768px){:root{--text-7xl: 2.5rem;--text-6xl: 2.25rem;--text-5xl: 2rem;--text-4xl: 1.75rem;--container-padding: var(--space-4)}.section{padding:var(--space-16) 0}}@media (max-width: 480px){:root{--text-7xl: 2rem;--text-6xl: 1.75rem;--text-5xl: 1.5rem}}::selection{background:var(--color-accent);color:#fff}