:root{--mono-bg: #f7f7f8;--mono-surface: rgba(255,255,255,.6);--mono-text: #0f0f10;--mono-muted: #5a5a5e;--mono-meta: #2e2e32;--mono-border: rgba(15,15,16,.08);--mono-hairline: rgba(255,255,255,.7);--shadow-1: 0 8px 24px rgba(0,0,0,.08);--shadow-2: 0 16px 40px rgba(0,0,0,.1);--blur: 18px;--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px;--accent-1: #6C63FF;--accent-2: #FF4DC4;--surface-tint: rgba(108, 99, 255, .06)}@media (prefers-color-scheme: dark){.blog-dark{--mono-bg: #0b0b0c;--mono-surface: rgba(20,20,22,.6);--mono-text: #f5f5f7;--mono-muted: #b5b5ba;--mono-meta: #d0d0d4;--mono-border: rgba(255,255,255,.08);--mono-hairline: rgba(255,255,255,.12);--shadow-1: 0 8px 24px rgba(0,0,0,.5);--shadow-2: 0 16px 40px rgba(0,0,0,.6);--blur: 20px}}.blog-page{--mono-bg: #f7f7f8;--mono-surface: rgba(255,255,255,.6);--mono-text: #0f0f10;--mono-muted: #5a5a5e;--mono-meta: #2e2e32;--mono-border: rgba(15,15,16,.08);--mono-hairline: rgba(255,255,255,.7);background:radial-gradient(1200px 800px at 10% -10%,rgba(108,99,255,.05),transparent 60%),radial-gradient(900px 700px at 120% 10%,rgba(255,77,196,.05),transparent 60%),linear-gradient(180deg,#f9f9fb,#f6f7f9);background-color:var(--mono-bg);color:var(--mono-text);--header-bg: rgba(248, 248, 254, .2);--header-border: rgba(255, 255, 255, .4);--header-shadow: 0 .25rem .625rem rgba(0, 0, 0, .2), inset 0 1px 0 rgba(255, 255, 255, .5);--text-color: var(--mono-text);--primary-color: var(--mono-text)}.blog-page .container{background-color:#f8f8fe}.blog-page .main-nav a{color:#333}.blog-page .main-nav a:hover,.blog-page .main-nav a.active{color:#6c63ff}.blog-page .main-nav a.active:after{background:#6c63ff}.blog-page .body-container{gap:2.5rem}.main-nav{display:flex;align-items:center}.main-nav ul{display:flex;list-style:none;margin:0;padding:0}.main-nav li{margin:0 1rem}.main-nav a{color:#333;text-decoration:none;font-weight:500;padding:.5rem 0;position:relative;transition:color .3s ease}.main-nav a:hover,.main-nav a.active{color:#6c63ff}.main-nav a.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#6c63ff;border-radius:1px}.logo-link{text-decoration:none}.blog-header{text-align:center;padding:2rem 0 3rem;position:relative}.blog-controls{position:sticky;top:72px;z-index:20;margin:0 0 1.5rem}.controls-inner{display:flex;flex-wrap:wrap;gap:.75rem 1rem;align-items:center;background:#ffffff80;backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-radius:var(--radius-md);padding:.75rem 1rem;box-shadow:var(--shadow-1);border:1px solid var(--mono-border);outline:1px solid var(--mono-hairline)}.search-wrapper{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);background:#ffffff73;border:1px solid var(--mono-border)}.search-wrapper i{color:var(--mono-muted)}.blog-search{border:none;outline:none;background:transparent;min-width:clamp(180px,25vw,360px);font-size:.95rem;color:var(--mono-text)}.category-chips{display:flex;flex-wrap:wrap;gap:.5rem}.category-chip{border:1px solid var(--mono-border);color:var(--mono-text);background:#8bd3ff0d;padding:.4rem .8rem;border-radius:999px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease}.category-chip:hover{transform:translateY(-1px)}.category-chip.active{background:#8bd3ff1f}.category-chip:focus-visible{outline:2px solid currentColor;outline-offset:2px}.blog-title{font-size:3rem;margin-bottom:.5rem;background:linear-gradient(90deg,#04d9ff,#8b6dfa,#be60f1,#ff4dc4,#f90dc1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;font-weight:750}.blog-subtitle{font-size:1.25rem;color:var(--mono-muted);max-width:600px;margin:0 auto}.featured-post{margin-bottom:4rem}.featured-post-card{display:flex;border-radius:20px;overflow:hidden;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a}.featured-post-card:hover{transform:none}.featured-image-container{flex:0 0 50%;position:relative;overflow:hidden}.featured-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:none}.featured-post-card:hover .featured-image{transform:none}.featured-tag{position:absolute;top:1rem;left:1rem;background:linear-gradient(90deg,#6c63ff,#be60f1);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;box-shadow:0 4px 12px #6c63ff4d}.featured-content{flex:0 0 50%;padding:2rem;display:flex;flex-direction:column}.post-category{display:inline-block;background:#0a84ff1a;color:var(--mono-text);padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.blog-card{position:relative}.blog-card:after{content:attr(data-category);position:absolute;top:10px;left:10px;z-index:3;padding:6px 10px;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--mono-text);background:color-mix(in srgb,var(--cat-color, var(--accent-1)) 22%,rgba(255,255,255,.78));border:1px solid color-mix(in srgb,var(--cat-color, var(--accent-1)) 60%,rgba(0,0,0,.08));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 16px #0003}.blog-card[data-category=Technology]{--cat-color: #6C63FF}.blog-card[data-category=Insights]{--cat-color: #BE60F1}.blog-card[data-category=Sustainability]{--cat-color: #0EBE2C}.blog-card[data-category=Announcements]{--cat-color: #FF4DC4}.blog-card[data-category=Guides]{--cat-color: #04D9FF}.blog-card[data-category=Tips]{--cat-color: #FF8C00}.blog-card[data-category=Community]{--cat-color: #1DACD6}.blog-card[data-category="Our Story"]{--cat-color: #8B6DFA}.blog-card[data-category] .card-content .post-category{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0;white-space:nowrap}.blog-card:not([data-category]):after{display:none}.related-posts .blog-card{transition:transform .2s ease,box-shadow .2s ease}.related-posts .blog-card:before{background:linear-gradient(180deg,#ffffff80,#fff0);opacity:1}.related-posts .blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.related-posts .card-image-container{aspect-ratio:16 / 9;height:auto}.related-posts .card-title{font-size:1.25rem;line-height:1.35}.related-posts .card-title:hover{color:#6c63ff}@media (max-width: 576px){.blog-card:after{top:8px;left:8px;font-size:.7rem;padding:6px 9px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}.featured-title{font-size:1.75rem;margin-bottom:1rem;color:#333;line-height:1.3}.featured-excerpt{color:#666;margin-bottom:1.5rem;flex-grow:1}.post-meta{display:flex;gap:1.5rem;color:var(--mono-meta);font-size:.875rem;margin-bottom:1.5rem;font-weight:500;letter-spacing:.005em}.post-meta i{margin-right:.25rem;color:var(--mono-meta)}.read-more-link{display:inline-flex;align-items:center;color:#6c63ff;font-weight:600;text-decoration:none;transition:color .3s ease}.read-more-link i{margin-left:.5rem;transition:transform .3s ease}.read-more-link:hover{color:#ff4dc4}.read-more-link:hover i{transform:translate(3px)}.section-title{font-size:2rem;margin-bottom:2rem;color:var(--mono-text);text-align:center}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;margin-bottom:3rem}.blog-grid:not(.is-filtered){grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row dense}@media (max-width: 768px){.blog-grid,.blog-grid:not(.is-filtered){grid-template-columns:1fr}}.blog-card{border-radius:20px;overflow:hidden;background:var(--mono-surface);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));box-shadow:var(--shadow-1);height:100%;position:relative;border:1px solid var(--mono-border);outline:1px solid var(--mono-hairline)}.blog-card.hidden{display:none}.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.card-image-container{position:relative;width:100%;aspect-ratio:16 / 9;height:auto;overflow:hidden}.card-image-container:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff4d,#fff0 60%);pointer-events:none}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;display:block;transition:none}.blog-card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff80,#fff0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.blog-card:hover .card-image{transform:none}.card-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.card-title{font-size:1.3rem;margin:.5rem 0 1rem;color:var(--mono-text);line-height:1.4}.card-excerpt{color:var(--mono-muted);margin-bottom:1.5rem;flex-grow:1;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card:hover{box-shadow:var(--shadow-2)}.blog-card .card-image{transition:transform .4s cubic-bezier(.2,.6,.2,1)}.blog-card:hover .card-image{transform:scale(1.02)}.card-link:focus-visible{outline:2px solid var(--accent-1);outline-offset:3px;border-radius:14px}.blog-grid:not(.is-filtered) .blog-card{grid-column:span 12}@media (min-width: 768px){.blog-grid:not(.is-filtered) .blog-card{grid-column:span 6}}@media (min-width: 1024px){.blog-grid:not(.is-filtered) .blog-card{grid-column:span 4}}.blog-grid:not(.is-filtered) .blog-card.card--wide{grid-column:span 12}@media (min-width: 1024px){.blog-grid:not(.is-filtered) .blog-card.card--wide{grid-column:span 8}}.blog-grid:not(.is-filtered) .blog-card.card--full{grid-column:span 12}.blog-grid:not(.is-filtered) .blog-card.card--tall .card-image-container{aspect-ratio:4 / 5;height:auto}.blog-grid:not(.is-filtered) .blog-card.card--spotlight .card-image-container{aspect-ratio:21 / 9;height:auto}.blog-grid:not(.is-filtered) .blog-card.card--spotlight .card-title{font-size:clamp(1.35rem,1vw + 1rem,1.75rem);letter-spacing:-.01em}.blog-card.card--spotlight:before,.blog-card:hover:before{background:linear-gradient(180deg,color-mix(in srgb,var(--accent-1) 25%,rgba(255,255,255,.5) 75%),#fff0)}.load-more-container{display:flex;justify-content:center;margin-bottom:4rem}.load-more-button{background:var(--mono-text);color:var(--mono-bg);border:none;padding:.75rem 2rem;border-radius:30px;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:center;box-shadow:var(--shadow-1)}.load-more-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.load-more-button i{margin-left:.5rem}.load-more-button:hover i{animation:bounce 1s infinite}.load-more-button.disabled{background:#ccc;cursor:not-allowed;box-shadow:none}.load-more-button.disabled:hover{transform:none;box-shadow:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ph-spin{animation:spin 1s linear infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.newsletter-section{margin:4rem 0}.newsletter-card{background:var(--mono-surface);backdrop-filter:blur(var(--blur));-webkit-backdrop-filter:blur(var(--blur));border-radius:var(--radius-lg);padding:2.5rem;text-align:center;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:var(--shadow-1)}.newsletter-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,.06),transparent);opacity:0;transition:opacity .3s ease;z-index:0}.newsletter-card:hover{transform:translateY(-5px);box-shadow:0 12px 48px #00000026}.newsletter-card:hover:before{opacity:1}.newsletter-title{font-size:1.75rem;margin-bottom:.5rem;color:var(--mono-text);position:relative;z-index:1}.newsletter-description{color:var(--mono-muted);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.newsletter-form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto;position:relative;z-index:1}.form-group input{width:100%;padding:1rem;border:1px solid var(--mono-border);border-radius:var(--radius-sm);background:var(--mono-surface);font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{outline:none;border-color:var(--mono-text);box-shadow:0 0 0 2px #00000014}.form-group label{position:absolute;left:1rem;top:1rem;color:var(--mono-muted);transition:all .3s ease;pointer-events:none;background:transparent;padding:0 .25rem}.form-group input:not(:-moz-placeholder)+label,.form-group textarea:not(:-moz-placeholder)+label{transform:translateY(-2.5rem) scale(.8);color:var(--mono-text)}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{transform:translateY(-2.5rem) scale(.8);color:var(--mono-text)}.submit-button{background:var(--mono-text);color:var(--mono-bg);border:none;padding:.75rem 2rem;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-1);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--mono-border);text-shadow:0 1px 1px rgba(0,0,0,.1)}.submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease;z-index:1}.submit-button span{position:relative;z-index:2}.submit-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-2);background:var(--mono-text);color:var(--mono-bg)}.submit-button:hover:before{left:100%}.submit-button:active{transform:translateY(0);box-shadow:0 4px 8px #6c63ff66}.form-success,.form-error{margin-top:1rem;padding:.75rem;border-radius:10px;position:relative;z-index:2}.form-success{background:#0ebe2c1f;color:#1d8f2b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(14,190,44,.22)}.form-error{background:#dc35451f;color:#dc3545;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(220,53,69,.22)}.categories-section{margin:4rem 0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.category-card{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:15px;text-decoration:none;color:#333;transition:all .3s ease;box-shadow:0 4px 16px #00000014;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.category-card.active{background:#6c63ff1a}.category-card.active:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#6c63ff}.category-card .icon-container{margin-bottom:1rem}.category-card span{font-weight:600}.category-header{text-align:center;padding:2rem 0 3rem;position:relative}.category-icon-container{display:flex;justify-content:center;margin-bottom:1.5rem}.category-title{font-size:2.5rem;margin-bottom:.5rem;color:#333;font-weight:700}.category-description{font-size:1.25rem;color:#666;max-width:600px;margin:0 auto}.icon-container{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:var(--mono-surface);box-shadow:var(--shadow-1);margin-bottom:1rem;position:relative;z-index:1}.icon-container:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:-1}.icon-container.small{width:50px;height:50px}.icon-container.medium{width:70px;height:70px}.icon-container.large{width:80px;height:80px}.icon-container i{font-size:1.75rem}.icon-container.small i{font-size:1.5rem}.icon-container.medium i{font-size:2rem}.icon-container.large i{font-size:2.25rem}.icon-container i.ph-envelope,.icon-container i.ph-envelope-simple{font-size:1.25rem}.icon-container.small i.ph-envelope,.icon-container.small i.ph-envelope-simple{font-size:1.125rem}.icon-container.medium i.ph-envelope,.icon-container.medium i.ph-envelope-simple{font-size:1.5rem}.icon-container.large i.ph-envelope,.icon-container.large i.ph-envelope-simple{font-size:1.75rem}i.ph-envelope,i.ph-envelope-simple{font-size:.9em}.blog-post-header{margin:2rem 0 3rem}.breadcrumbs{display:flex;align-items:center;margin-bottom:1.5rem;color:var(--mono-muted);font-size:.9rem}.breadcrumbs a{color:#6c63ff;text-decoration:none;transition:color .3s ease}.breadcrumbs a:hover{color:var(--mono-text)}.breadcrumbs .separator{margin:0 .5rem;display:flex;align-items:center}.breadcrumbs .current{color:#ff4dc4;font-weight:600}.post-category-badge{margin-bottom:1rem}.post-category-badge span{background:#6c63ff1a;color:#6c63ff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600}.post-title{font-size:2.5rem;margin-bottom:1rem;color:var(--mono-text);line-height:1.2}.post-featured-image{margin-bottom:2rem;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.post-featured-image img{width:100%;height:auto;display:block}.blog-post-content{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:2.5rem;margin-bottom:3rem;box-shadow:var(--shadow-1);border:1px solid var(--mono-border);outline:1px solid var(--mono-hairline)}.post-intro p{font-size:1.2rem;color:var(--mono-text);margin-bottom:2rem;line-height:1.6}.content-section{margin-bottom:2rem}.content-section h2{font-size:1.75rem;margin-bottom:1.25rem;color:var(--mono-text)}.content-section h3{font-size:1.5rem;margin-bottom:1rem;background:linear-gradient(90deg,#04d9ff,#8b6dfa,#be60f1,#ff4dc4,#f90dc1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.content-section p{margin-bottom:1.25rem;color:var(--mono-muted);line-height:1.6}.content-section ul,.content-section ol{margin:0 0 1.5rem 1.5rem;padding:0;color:#666;line-height:1.6}.content-section ul{list-style-type:none;margin-left:.5rem}.content-section ul li{position:relative;padding-left:1.75rem}.content-section ul li:before{content:"";position:absolute;left:0;top:.6em;height:8px;width:8px;border-radius:50%;background:var(--mono-muted);box-shadow:0 2px 4px #0000001f}.content-section ol{list-style-type:decimal;counter-reset:item;margin-left:.5rem}.content-section ol li{counter-increment:item;position:relative;padding-left:1.75rem}.content-section ol li:before{content:counter(item) ".";position:absolute;left:0;top:0;color:var(--mono-muted);font-weight:600}.content-section li{margin-bottom:.75rem;color:var(--mono-muted)}.content-section li:last-child{margin-bottom:0}.content-section li strong{color:var(--mono-text);font-weight:600}.content-highlight{display:flex;align-items:flex-start;background:var(--mono-surface);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:var(--shadow-1)}.content-highlight .icon-container{margin:0 1.5rem 0 0;flex-shrink:0}.content-highlight p{margin:0;font-style:italic;color:#444}.feature-highlight-card{display:flex;align-items:flex-start;margin-bottom:1.5rem;padding:1.5rem;background:var(--mono-surface);border-radius:15px;border:1px solid var(--mono-border);box-shadow:var(--shadow-1);transition:box-shadow .3s ease}.feature-highlight-card:hover{box-shadow:0 6px 16px #00000014}.feature-highlight-card .icon-container{margin-right:1.5rem;margin-bottom:0;flex-shrink:0}.feature-content{flex:1}.feature-content h3{font-size:1.25rem;margin:0 0 .5rem;color:var(--mono-text);font-weight:600}.feature-content p{margin:0;color:var(--mono-muted);line-height:1.5}.download-buttons{display:flex;gap:1rem;margin-top:1.5rem}.download-buttons img{height:40px;transition:transform .3s ease}.download-buttons a:hover img{transform:translateY(-3px)}.blog-page .glass-float{opacity:.4;filter:saturate(.3)}.blog-page .card-image-container{height:auto;aspect-ratio:16 / 9}.blog-page .footer .link-group a{color:#6c63ff;text-decoration:none}.blog-page .footer .link-group a:hover,.blog-page .footer .link-group a:focus{color:#ff8c00}.blog-page .footer{background:transparent;border-top:.0625rem solid rgba(0,0,0,.06)}.blog-page .footer .copyright{color:#a2afd2}@media (prefers-reduced-motion: reduce){.blog-card:hover,.newsletter-card:hover,.primary-cta-button:hover,.load-more-button:hover{transform:none}}.share-section{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem}.share-section h3{font-size:1.25rem;margin-bottom:1rem;color:var(--mono-text)}.share-buttons{display:flex;gap:1rem}.share-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;color:#fff;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none}.share-button,.share-button:visited,.share-button:hover,.share-button:active,.share-button i{color:#fff}.share-button:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.share-button.twitter{background:#000}.share-button.facebook{background:#4267b2}.share-button.linkedin{background:#0077b5}.share-button.email{background:#ff4dc4}@media (max-width: 768px){.share-buttons .share-button:not(.native){display:none}.share-button.native,.share-button.native:visited,.share-button.native:hover,.share-button.native:active,.share-button.native i{color:#fff!important}}.share-button.native{background:#6c63ff}.share-coachmark-overlay{position:fixed;inset:0;background:#00000059;display:none;align-items:center;justify-content:center;z-index:10000}.share-coachmark{background:#ffffffbf;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--mono-border);outline:1px solid var(--mono-hairline);border-radius:16px;padding:1.25rem;max-width:480px;width:calc(100% - 2rem);color:var(--mono-text);box-shadow:var(--shadow-2)}.share-coachmark h4{margin:0 0 .5rem;font-size:1.1rem;color:#6c63ff}.share-coachmark p{margin:0 0 1rem;color:var(--mono-meta)}.share-coachmark .actions{display:flex;gap:.75rem;justify-content:flex-end}.share-coachmark .btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:.6rem 1rem;border-radius:12px;font-weight:600;cursor:pointer}.share-coachmark .btn.primary{background:#6c63ff;color:#fff}.share-coachmark .btn.secondary{background:#0000000f;color:var(--mono-text)}.share-coachmark ul{list-style:disc;margin:0 0 1rem 1.25rem;padding:0}.share-coachmark li{margin:.25rem 0;color:var(--mono-text)}.share-coachmark li::marker{color:#6c63ff}.share-coachmark kbd{display:inline-block;padding:.1rem .35rem;border-radius:6px;border:1px solid rgba(0,0,0,.12);background:#fffc;box-shadow:inset 0 -1px #0000000d;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em}.related-posts{margin-bottom:4rem}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}@media (max-width: 1200px){.featured-post-card{flex-direction:column}.featured-image-container,.featured-content{flex:0 0 100%}.featured-image-container{height:300px}}@media (max-width: 768px){.blog-title{font-size:2.5rem}.blog-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.post-title{font-size:2rem}.blog-post-content{padding:1.5rem}.related-posts-grid{grid-template-columns:1fr}}@media (max-width: 576px){.blog-title{font-size:2rem}.featured-image-container{height:200px}.featured-content{padding:1.5rem}.featured-title{font-size:1.5rem}.post-meta{flex-direction:column;gap:.5rem}.categories-grid{grid-template-columns:repeat(2,1fr)}.download-buttons{flex-direction:column;align-items:center}.blog-header .icon-container.medium,.comment-card .icon-container.medium{width:100px;height:100px}}.newsletter-card .apple-style-icon-container{margin-bottom:1rem;position:relative;z-index:2}.newsletter-card .icon-container{margin:0 auto;box-shadow:0 8px 24px #ff4dc433;transition:transform .3s ease,box-shadow .3s ease}.newsletter-card:hover .icon-container{transform:scale(1.05);box-shadow:0 12px 32px #ff4dc44d}.comment-section{margin:4rem 0}.comment-card{background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:20px;padding:2.5rem;text-align:center;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 32px #0000001a}.comment-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#6c63ff0d,#ff4dc40d);opacity:0;transition:opacity .3s ease;z-index:0}.comment-card:hover{transform:translateY(-5px);box-shadow:0 12px 48px #00000026}.comment-card:hover:before{opacity:1}.comment-title{font-size:1.75rem;margin-bottom:.5rem;color:#333;position:relative;z-index:1}.comment-description{color:#666;margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.comment-form{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;margin:0 auto;position:relative;z-index:1}.comment-form textarea{width:100%;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#ffffff80;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease;resize:vertical;min-height:120px}.comment-form textarea:focus{outline:none;border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff33}.form-group{position:relative;margin-bottom:1.5rem}.form-group input{width:100%;padding:1rem;border:1px solid rgba(0,0,0,.1);border-radius:10px;background:#ffffff80;font-size:1rem;transition:border-color .3s ease,box-shadow .3s ease}.comment-card .apple-style-icon-container{margin-bottom:1.5rem;display:flex;justify-content:center}.comment-card .icon-container{transform:translateY(0);transition:transform .3s ease}.comment-card:hover .icon-container{transform:translateY(-5px)}.cta-container{margin:2.5rem 0;display:flex;flex-direction:column;align-items:center;text-align:center}.primary-cta-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c63ff,#ff4dc4);color:#fff;font-weight:700;font-size:1.1rem;padding:.9rem 2rem;border-radius:50px;text-decoration:none;box-shadow:0 8px 20px #6c63ff4d;transition:all .3s ease;margin-bottom:1.5rem}.primary-cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 24px #6c63ff66}.primary-cta-button i{margin-right:.5rem;font-size:1.2rem}.cta-subtext{font-size:.9rem;color:#666;margin-bottom:1rem}