@charset "UTF-8";@layer reset,base,components;@layer reset{*,:before,:after,::backdrop,::file-selector-button{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0;padding:0}html{text-size-adjust:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;min-height:100dvh;text-rendering:optimizespeed;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,button,input,label{line-height:1.1}img,picture,video,canvas,svg,audio,iframe,embed,object{display:block;vertical-align:middle}img,picture,video,svg{max-width:100%;height:auto}input,button,textarea,select{font:inherit;cursor:pointer}input:disabled,button:disabled,textarea:disabled,select:disabled{cursor:not-allowed}ul[role=list],ol[role=list]{list-style:none;padding-inline-start:0;margin-block:0}ul[role=list]>li,ol[role=list]>li{margin-block:0}a{text-decoration-skip-ink:auto;text-decoration:none;color:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer base{:root{--font-family-base: Plus Jakarta Sans, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif}html{font-size:1rem}body{font-family:var(--font-family-base);font-weight:400;line-height:1.5;color:var(--text-default)}h1,h2,h3,h4,h5,h6{margin-bottom:.5em;font-family:var(--font-family-base);font-weight:700;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem}small{font-size:.875rem}button{padding:.5rem 1rem;border:0;border-radius:.25rem;font-family:var(--font-family-base);cursor:pointer;transition:background-color .2s ease-in-out,color .2s ease-in-out}button:focus{outline:none}button:disabled{background-color:#e0e0e0;color:#a0a0a0;cursor:not-allowed}button{background-color:var(--button-bg-color, #007bff);color:var(--button-text-color, #fff)}button:hover{background-color:var(--button-bg-color-hover, #0056b3)}input[type=text],input[type=tel],input[type=email],input[type=password],input[type=number],input[type=search],textarea{padding:.5rem;border:var(--border-size, 1px) var(--border-style, solid) var(--border-base, var(--secondary));border-radius:.25rem;width:100%;font-family:var(--font-family-base);transition:border .2s ease-in-out}input[type=text]:focus,input[type=tel]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=search]:focus,textarea:focus{border-color:var(--link-color);outline:none}input[type=checkbox],input[type=radio]{margin-right:.5rem}select{padding:.5rem;border:var(--border-size, 1px) var(--border-style, solid) var(--border-base, var(--secondary));border-radius:.25rem;width:100%;font-family:var(--font-family-base);transition:border .2s ease-in-out}select:focus{border-color:var(--link-color);outline:none}blockquote{margin:1rem 0;padding:.5rem 1rem;border-left:var(--border-size, 4px) var(--border-style, solid) var(--border-base, var(--secondary));font-style:italic}hr{border:none;border-top:var(--border-size, 1px) var(--border-style, solid) var(--border-base, var(--secondary));margin:1rem 0}img{max-width:100%;height:auto}figure{margin:1rem 0}figcaption{font-size:.875rem;color:var(--text-muted, #666)}a:not([class]){color:var(--link-color)}a:not([class]):hover{color:var(--link-hover-color)}label[for]{cursor:pointer}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}code{font-family:Courier New,Courier,monospace;background-color:#f8f8f8;color:#d63384;padding:2px 6px;border-radius:3px;white-space:nowrap}}h1{font-size:2rem;margin-bottom:1rem;font-weight:700;color:#0f172a;line-height:1.2}@media screen and (max-width: 767.99px){h1{font-size:1.5rem}}h2{font-size:1.125rem;margin-bottom:1rem;font-weight:700;color:#0f172a;line-height:1.3}@media screen and (max-width: 767.99px){h2{font-size:1rem}}h2.section-title{font-size:1.35rem;margin-bottom:1.5rem}@media screen and (max-width: 767.99px){h2.section-title{font-size:1.25rem}}h2.section-title{line-height:2rem}h3{font-size:1rem;margin-bottom:.75rem;font-weight:700;color:#0f172a;line-height:1.3}@media screen and (max-width: 767.99px){h3{font-size:1rem}}h4{font-size:.9375rem;margin-bottom:.5rem;font-weight:600;color:#0f172a;line-height:1.4}@media screen and (max-width: 767.99px){h4{font-size:.875rem}}p{margin-bottom:1rem;color:#475569;line-height:1.6;font-size:.85rem}@media screen and (max-width: 767.99px){p{font-size:.85rem}}.lead{font-size:.9375rem;color:#475569;line-height:1.6}@media screen and (max-width: 767.99px){.lead{font-size:.875rem}}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}@media screen and (min-width: 1535.99px){.container{max-width:1200px}}@media screen and (min-width: 1279.99px){.container{max-width:1200px}}@media screen and (min-width: 1023.99px){.container{max-width:1200px}}@media screen and (max-width: 767.99px){.container{padding:0 1rem}}.content-page{padding-top:100px;padding-bottom:4rem}@media screen and (max-width: 767.99px){.content-page{padding-top:90px;padding-bottom:3rem}}.content-page__header{text-align:center;margin-bottom:4rem;padding-inline:2rem}@media screen and (max-width: 767.99px){.content-page__header{margin-bottom:3rem;padding-inline:1rem}}.content-page__header h1{font-size:2.2rem;margin-bottom:1rem;font-weight:700;line-height:1.2;background:linear-gradient(135deg,#00c9c6,#00acaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media screen and (max-width: 767.99px){.content-page__header h1{font-size:2rem}}.content-page__header .lead{font-size:1rem;color:#475569;line-height:1.6;max-width:700px;margin:0 auto}@media screen and (max-width: 767.99px){.content-page__header .lead{font-size:1rem}}.content-page__header .meta{font-size:.875rem;margin-top:.75rem;color:#64748b}.content-page__content{max-width:900px;margin:0 auto;padding:4rem 2rem 0}@media screen and (max-width: 767.99px){.content-page__content{padding:3rem 1rem 0}}.section{margin-bottom:4rem;padding:2rem}@media screen and (max-width: 767.99px){.section{margin-bottom:3rem}}.section-header{text-align:center;margin-bottom:3rem}@media screen and (max-width: 767.99px){.section-header{margin-bottom:2rem}}.section-badge{display:inline-block;padding-inline:1rem;padding-block:.5rem;border-radius:2rem;margin-bottom:1rem;background:#00acaa1a;color:#00acaa;font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:1px solid rgba(0,172,170,.2)}.section-title{font-size:2.2rem;margin-bottom:1rem;font-weight:700;color:#0f172a;line-height:1.3}@media screen and (max-width: 767.99px){.section-title{font-size:2rem}}@media screen and (max-width: 639.99px){.section-title{font-size:1.75rem}}.section-subtitle{font-size:1.125rem;color:#475569;line-height:1.6}@media screen and (max-width: 767.99px){.section-subtitle{font-size:1.125rem}}.text-gradient{background:linear-gradient(135deg,#00c9c6,#00acaa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.text-highlight{color:#00acaa;font-weight:600}.card{padding:2rem;border-radius:1rem;transition-property:all;transition-duration:.3s;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f;position:relative;display:flex;flex-direction:column}@media screen and (max-width: 639.99px){.card{padding:1.5rem}}.card:hover{box-shadow:0 12px 32px #00acaa26;border-color:#00acaa4d}.card--featured{border-color:#00acaa;box-shadow:0 12px 32px #00acaa40;transform:scale(1.05);z-index:2}@media screen and (max-width: 1023.99px){.card--featured{transform:none}}.card--featured:hover{transform:scale(1.05) translateY(-4px)}@media screen and (max-width: 1023.99px){.card--featured:hover{transform:translateY(-4px)}}.card--highlight{border-color:#00acaa33;background:linear-gradient(180deg,#fff,#00acaa05)}.card--highlight:hover{border-color:#00acaa}.card--danger{border-color:#ff636333}.card--danger:hover{box-shadow:0 12px 32px #ff636326;border-color:#ff6363}.card-badge{position:absolute;padding-inline:1rem;padding-block:.5rem;border-radius:.5rem;top:-.75rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ff8080,#ff6363);color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;box-shadow:0 4px 12px #ff63634d}.card-icon{font-size:3rem;margin-bottom:1rem}@media screen and (max-width: 639.99px){.card-icon{font-size:2.5rem}}.card-icon--circle{display:flex;justify-content:center;align-items:center;border-radius:50%;margin-bottom:1.5rem;width:64px;height:64px;background:linear-gradient(135deg,#00c9c6,#00acaa);color:#fff;font-size:2rem}@media screen and (max-width: 639.99px){.card-icon--circle{width:56px;height:56px;font-size:1.75rem}}.card-title{font-size:1.35rem;margin-bottom:.5rem;font-weight:700;color:#0f172a}@media screen and (max-width: 639.99px){.card-title{font-size:1.25rem}}.card-subtitle{margin-bottom:1rem;font-weight:600;color:#00acaa;font-size:.9375rem}.card-content{margin-bottom:1.5rem;flex-grow:1}.card-content p{color:#475569;line-height:1.6;font-size:.9375rem}.card-content p:last-child{margin-bottom:0rem}.card h3{font-size:1.35rem;margin-bottom:.5rem;font-weight:700;color:#0f172a}@media screen and (max-width: 639.99px){.card h3{font-size:1.25rem}}.card p{margin-bottom:1rem;color:#475569;line-height:1.6;font-size:.9375rem}.card p:last-child{margin-bottom:0}.card ul,.card ol{margin-bottom:1rem;padding-left:1.5rem;color:#475569}.card ul li,.card ol li{margin-bottom:.5rem;line-height:1.6;font-size:.9375rem}.card pre{padding:1rem;border-radius:.5rem;margin-bottom:1rem;overflow-x:auto;background:#f1f5f9;border:1px solid rgba(0,0,0,.08)}.card pre code{font-family:Courier New,monospace;font-size:.875rem;color:#0f172a}.comparison{padding:3rem;border-radius:1rem;background:#fff;border:2px solid rgba(0,172,170,.2)}@media screen and (max-width: 767.99px){.comparison{padding:2rem}}@media screen and (max-width: 639.99px){.comparison{padding:1.5rem}}.comparison-title{font-size:1.5rem;margin-bottom:2rem;text-align:center;font-weight:700;color:#0f172a}@media screen and (max-width: 639.99px){.comparison-title{font-size:1.5rem;margin-bottom:1.5rem}}.comparison-grid{display:grid;gap:2rem;--flex-gap: 2rem;align-items:center;grid-template-columns:1fr auto 1fr}@media screen and (max-width: 767.99px){.comparison-grid{grid-template-columns:1fr;gap:1.5rem;--flex-gap: 1.5rem}}.comparison-item{padding:2rem;border-radius:.75rem;text-align:center;background:#f1f5f9}@media screen and (max-width: 639.99px){.comparison-item{padding:1.5rem}}.comparison-label{font-size:.875rem;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:#64748b}.comparison-time{font-size:1.75rem;margin-bottom:.5rem;font-weight:800;line-height:1}@media screen and (max-width: 639.99px){.comparison-time{font-size:1.75rem}}.comparison-time.bad{color:#ff6363}.comparison-time.good{color:#00acaa}.comparison-desc{font-size:.9375rem;color:#475569;line-height:1.5}.comparison-vs{display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;color:#64748b;position:relative}@media screen and (max-width: 767.99px){.comparison-vs{padding-block:1rem}.comparison-vs:before,.comparison-vs:after{content:"";position:absolute;width:100px;height:1px;background:#0000001a;top:50%}.comparison-vs:before{right:calc(100% + 1rem)}.comparison-vs:after{left:calc(100% + 1rem)}}.btn{display:inline-block;padding-block:.875rem;padding-inline:2rem;border-radius:.5rem;text-align:center;transition-property:all;transition-duration:.3s;font-weight:600;border:none;cursor:pointer;font-size:.875rem;text-decoration:none}.btn:hover{transform:translateY(-2px)}.btn--primary{background:linear-gradient(135deg,#00c9c6,#00acaa);color:#fff}.btn--primary:hover{box-shadow:0 8px 16px #00acaa4d}.btn--secondary{background:transparent;color:#00acaa;border:2px solid #00acaa}.btn--secondary:hover{background:#00acaa;color:#fff}.btn--danger{background:linear-gradient(135deg,#ff8080,#ff6363);color:#fff}.btn--danger:hover{box-shadow:0 8px 16px #ff63634d}.btn--block{display:block;width:100%}.btn--large{padding-block:1.125rem;padding-inline:3rem;font-size:1.125rem}.btn--small{padding-block:.625rem;padding-inline:1.5rem;font-size:.875rem}.badge{display:inline-block;padding:1rem;padding-inline:2rem;border-radius:2rem;background:#fff3;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.3);font-size:1rem;font-weight:600;color:#fff;text-decoration:none}@media screen and (max-width: 767.99px){.badge{padding-inline:1.5rem;font-size:.875rem}}a.badge{cursor:pointer;transition:all .3s ease}a.badge:hover{background:#ffffff4d;transform:translateY(-2px)}.feature-list{list-style:none;padding:0}.feature-list li{margin-bottom:.75rem;display:flex;align-items:center;gap:.75rem;font-size:.9375rem;color:#475569}.feature-list li:before{content:"✓";display:flex;justify-content:center;align-items:center;border-radius:50%;width:20px;height:20px;background:#00acaa26;color:#00acaa;font-weight:700;flex-shrink:0}.feature-list li.negative:before{content:"✗";background:#ff636326;color:#ff6363}.check-list{list-style:none;padding:0}.check-list li{margin-bottom:.75rem;display:flex;gap:.5rem;align-items:flex-start;color:#475569;line-height:1.6}.stats{padding:1rem;border-radius:.5rem;background:#00acaa14;border-left:4px solid #00acaa}.stats--danger{background:#ff636314;border-left-color:#ff6363}.stat-item{font-size:1rem;font-weight:600;color:#0f172a}.stat-item strong{color:#00acaa}.grid{display:grid;gap:2rem;--flex-gap: 2rem}.grid--2{grid-template-columns:repeat(2,1fr)}@media screen and (max-width: 767.99px){.grid--2{grid-template-columns:1fr}}.grid--3{grid-template-columns:repeat(3,1fr)}@media screen and (max-width: 1023.99px){.grid--3{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 639.99px){.grid--3{grid-template-columns:1fr}}.grid--4{grid-template-columns:repeat(4,1fr)}@media screen and (max-width: 1023.99px){.grid--4{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 639.99px){.grid--4{grid-template-columns:1fr}}.grid--auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media screen and (max-width: 639.99px){.grid--auto{grid-template-columns:1fr}}.subpage-hero{text-align:center;padding-block:5rem;padding-inline:2rem;background:linear-gradient(135deg,#00c9c6,#00acaa);color:#fff}@media screen and (max-width: 767.99px){.subpage-hero{padding-block:3rem;padding-inline:1.5rem;padding-top:calc(3rem + 90px)}}.subpage-hero h1{margin-bottom:1.5rem;font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1.1;color:#fff}.subpage-hero .lead{margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:700px;font-size:clamp(1rem,2.5vw,1.25rem);line-height:1.6;color:#fff}.subpage-hero .badge{margin-bottom:2rem}.subpage-cta{padding-block:5rem;padding-inline:2rem;text-align:center;background:linear-gradient(135deg,#00c9c6,#00acaa);color:#fff}@media screen and (max-width: 767.99px){.subpage-cta{padding-block:4rem;padding-inline:1.5rem}}.subpage-cta h2{margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;color:#fff}.subpage-cta p,.subpage-cta .lead{margin-bottom:1.5rem;font-size:clamp(1rem,2.5vw,1.25rem);color:#fff;opacity:.95}.subpage-cta .badge{margin-bottom:2rem}.subpage-cta .btn{background:#fff;color:#00acaa;font-size:1.25rem;font-weight:700;padding-inline:2.5rem;padding-block:1.25rem;border-radius:.75rem;transition-property:all;transition-duration:.3s;box-shadow:0 8px 24px #0003}.subpage-cta .btn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.subpage-layout{padding-bottom:4rem}@media screen and (max-width: 767.99px){.subpage-layout{padding-bottom:3rem}}.article-content{font-size:1rem;line-height:1.8;color:#475569}.article-content p{margin-bottom:1.5rem}.article-content h2{font-size:1.5rem;font-weight:700;color:#0f172a;margin-top:2.5rem;margin-bottom:1rem;position:relative;padding-left:1rem}.article-content h2:before{content:"";position:absolute;left:0;top:.25em;bottom:.25em;width:4px;background:linear-gradient(135deg,#00c9c6,#00acaa);border-radius:2px}.article-content h2:first-child{margin-top:0}.article-content h3{font-size:1.125rem;font-weight:700;color:#0f172a;margin-top:2rem;margin-bottom:.75rem}.article-content strong{color:#0f172a;font-weight:600}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.5rem}.article-content ul li,.article-content ol li{margin-bottom:.5rem;line-height:1.6}.article-content table{width:100%;border-collapse:collapse;font-size:.9375rem;border-radius:.75rem;overflow:hidden;box-shadow:0 2px 8px #0000000f;margin-block:2rem}.article-content table th,.article-content table td{padding:1rem;text-align:left;border-bottom:1px solid #f1f5f9;vertical-align:top}.article-content table thead{background:linear-gradient(135deg,#00c9c6,#00acaa)}.article-content table th{color:#fff;font-weight:600;font-size:.875rem}.article-content table td{color:#475569;line-height:1.5}.article-content table td:first-child{font-weight:600;color:#0f172a;background:#00acaa05}.article-content table tbody tr:nth-child(2n){background:#fafafa}.article-content table tbody tr:hover{background:#00acaa0a}@media screen and (max-width: 767.99px){.article-content table{font-size:.875rem}.article-content table th,.article-content table td{padding:.75rem}}.blog-search{margin-top:2rem;margin-left:auto;margin-right:auto;max-width:500px}.search-box{position:relative}.search-input{width:100%;padding-block:1rem;padding-inline:1.5rem;border-radius:.75rem;transition-property:all;transition-duration:.2s;background:#f1f5f9;border:2px solid transparent;font-size:1rem;color:#0f172a}.search-input::placeholder{color:#64748b}.search-input:focus{outline:none;border-color:#00acaa;background:#fff;box-shadow:0 0 0 4px #00acaa1a}.search-results{position:absolute;width:100%;margin-top:.5rem;border-radius:.75rem;overflow:hidden;background:#fff;border:1px solid #f1f5f9;box-shadow:0 8px 24px #0000001a;z-index:100;display:none}.search-results.active{display:block}.search-result-link{display:block;padding:1rem;transition-property:all;transition-duration:.15s;text-decoration:none;border-bottom:1px solid #f1f5f9}.search-result-link:last-child{border-bottom:none}.search-result-link:hover{background:#fafafa}.search-result-title{margin-bottom:.25rem;font-weight:600;color:#0f172a}.search-result-excerpt{font-size:.875rem;color:#64748b;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.search-no-results{padding:1.5rem;text-align:center;color:#64748b}.blog-posts{padding-block:4rem}.blog-posts .container{margin-left:auto;margin-right:auto;padding-inline:4rem;max-width:1200px}.post-card{padding:2rem;border-radius:1rem;transition-property:all;transition-duration:.3s;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a,0 4px 12px #0000000f}.post-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00acaa26}.post-card{display:block;height:100%;text-decoration:none;color:#0f172a}.post-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.post-card__category{padding-inline:.75rem;padding-block:.25rem;border-radius:.375rem;background:#00acaa1a;color:#00acaa;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.post-card__date{font-size:.75rem;color:#64748b}.post-card__title{margin-bottom:.75rem;font-size:1.25rem;font-weight:700;line-height:1.3;color:#0f172a}.post-card__description{font-size:.9375rem;line-height:1.6;color:#475569;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card__tags{display:flex;gap:.5rem;--flex-gap: .5rem;flex-wrap:wrap;margin-top:1rem}.post-card__tag{padding-inline:.5rem;padding-block:.25rem;border-radius:.25rem;background:#f1f5f9;color:#64748b;font-size:.6875rem}.blog-empty{padding-block:4rem;text-align:center;color:#64748b;font-size:1.125rem}.blog-post-page{padding-bottom:4rem}@media screen and (max-width: 767.99px){.blog-post-page{padding-bottom:3rem}}.blog-post-container{margin-left:auto;margin-right:auto;padding-inline:4rem;padding-top:4rem;max-width:900px}@media screen and (max-width: 767.99px){.blog-post-container{padding-inline:3rem;padding-top:3rem}}@media screen and (max-width: 479.99px){.blog-post-container{padding-inline:2rem;padding-top:2rem}}.blog-post{margin-left:auto;margin-right:auto;border-radius:1.5rem;font-size:1rem;padding:0 3rem 3rem;max-width:800px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 20px #0000000f}@media screen and (max-width: 767.99px){.blog-post{border-radius:1rem;padding:0 1.5rem 1.5rem}}@media screen and (max-width: 479.99px){.blog-post{border-radius:.75rem;padding:0 1rem 1rem}}.blog-post p{font-size:1rem}.blog-post__header{text-align:center;padding:8rem 2rem 4rem;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:relative;overflow:hidden;width:100vw;margin-left:calc(-50vw + 50%)}.blog-post__header:before{content:"";position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:radial-gradient(ellipse,rgba(0,172,170,.2) 0%,transparent 60%);pointer-events:none}.blog-post__header:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}@media screen and (max-width: 767.99px){.blog-post__header{padding:6rem 1.5rem 3rem}}.blog-post__header-content{margin-left:auto;margin-right:auto;max-width:800px;position:relative;z-index:1}.blog-post__meta{display:flex;justify-content:center;align-items:center;gap:.5rem;--flex-gap: .5rem;margin-bottom:2rem;flex-wrap:wrap;font-size:.875rem;color:#fff9}.blog-post__meta time{padding-inline:1rem;padding-block:.5rem;border-radius:99in;background:#ffffff1a;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);font-weight:500}.blog-post__title{margin-bottom:1.5rem;font-size:clamp(2rem,6vw,3rem);font-weight:800;line-height:1.1;color:#fff;letter-spacing:-.02em}.blog-post__description{margin-left:auto;margin-right:auto;max-width:600px;font-size:1.25rem;color:#fffc;line-height:1.6}@media screen and (max-width: 767.99px){.blog-post__description{font-size:1.125rem}}.blog-post__tags{display:flex;justify-content:center;gap:.5rem;--flex-gap: .5rem;flex-wrap:wrap;margin-top:2rem}.blog-tag{padding-inline:1rem;padding-block:.375rem;border-radius:99in;background:#00acaa33;color:#00acaa;font-size:.8125rem;font-weight:600;border:1px solid rgba(0,172,170,.3);transition:all .2s ease}.blog-tag:hover{background:#00acaa4d;transform:translateY(-2px)}.blog-post__content{line-height:1.8;color:#475569}.blog-post__content h2{margin-top:3rem;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;color:#0f172a;position:relative;padding-left:1rem}.blog-post__content h2:before{content:"";position:absolute;left:0;top:.25em;bottom:.25em;width:4px;background:linear-gradient(135deg,#00c9c6,#00acaa);border-radius:2px}.blog-post__content h3{margin-top:2.5rem;margin-bottom:1rem;font-size:1.375rem;font-weight:600;color:#0f172a}.blog-post__content p{margin-bottom:1.5rem}.blog-post__content ul,.blog-post__content ol{margin-bottom:1.5rem;padding-left:1.5rem}.blog-post__content ul li,.blog-post__content ol li{margin-bottom:.75rem;position:relative}.blog-post__content ul li::marker,.blog-post__content ol li::marker{color:#00acaa}.blog-post__content a{color:#00acaa;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;transition:all .2s ease}.blog-post__content a:hover{color:#007978}.blog-post__content strong{color:#0f172a;font-weight:600}.blog-post__content code{padding-inline:.5rem;padding-block:.25rem;border-radius:.375rem;background:#f1f5f9;font-size:.9em;font-family:SF Mono,Monaco,Menlo,monospace;color:#0f172a}.blog-post__content pre{padding:1.5rem;border-radius:1rem;margin-bottom:2rem;overflow-x:auto;background:#1e293b;color:#e2e8f0;border:1px solid rgba(255,255,255,.1);white-space:pre-wrap;word-wrap:break-word}.blog-post__content pre code{background:transparent;color:inherit;padding:0;font-size:.875rem;white-space:pre-wrap;display:block}.blog-post__content blockquote{padding-left:1.5rem;padding-block:1rem;margin-block:2rem;border-radius:.5rem;border-left:4px solid #00acaa;background:#00acaa0d;color:#475569;font-style:italic;font-size:1.125rem}.blog-post__content blockquote p:last-child{margin-bottom:0}.blog-post__content img{margin-block:2rem;width:100%;border-radius:1rem;box-shadow:0 8px 32px #0000001a}.blog-post__content iframe{margin-block:2rem;width:100%;border-radius:1rem;aspect-ratio:16/9;border:none;box-shadow:0 8px 32px #0000001a}.blog-post__content .video-embed{margin-block:2rem;border-radius:1rem;overflow:hidden;position:relative;padding-bottom:56.25%;height:0;box-shadow:0 8px 32px #0000001a}.blog-post__content .video-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border-radius:0;box-shadow:none}.blog-post__content hr{margin-block:3rem;border:none;height:1px;background:#f1f5f9}.blog-post__footer{margin-top:4rem;padding-top:2rem;border-top:1px solid #f1f5f9}.blog-post__share{display:flex;align-items:center;gap:1rem;--flex-gap: 1rem;margin-bottom:2rem}.blog-post__share span{font-size:.875rem;font-weight:600;color:#64748b}.share-btn{display:flex;justify-content:center;align-items:center;border-radius:.75rem;transition-property:all;transition-duration:.2s;text-decoration:none;width:44px;height:44px;background:#f1f5f9;color:#475569;border:1px solid transparent}.share-btn:hover{background:#00acaa;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #00acaa4d}.share-btn svg{flex-shrink:0}.btn-blog{display:inline-block;padding-block:.875rem;padding-inline:2rem;border-radius:.5rem;text-align:center;transition-property:all;transition-duration:.3s;font-weight:600;border:none;cursor:pointer;font-size:.875rem;text-decoration:none}.btn-blog:hover{transform:translateY(-2px)}.btn-blog{background:linear-gradient(135deg,#00c9c6,#00acaa);color:#fff}.btn-blog:hover{box-shadow:0 8px 24px #00acaa4d}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #f1f5f9}@media screen and (max-width: 639.99px){.pagination{flex-direction:column;gap:1rem;--flex-gap: 1rem}}.pagination-link{padding-inline:1.25rem;padding-block:.75rem;border-radius:.5rem;text-decoration:none;transition-property:all;transition-duration:.2s;font-weight:600;font-size:.9375rem;background:#f1f5f9;color:#0f172a}.pagination-link:hover:not(.disabled){background:#00acaa;color:#fff}.pagination-link.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.page-info{font-size:.875rem;color:#64748b;font-weight:500}@media screen and (max-width: 639.99px){.page-info{order:-1}}
