.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-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;font-weight:700}.blog-subtitle{font-size:1.25rem;color:#666;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:#6c63ff1a;color:#6c63ff;padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-bottom:1rem}.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:#888;font-size:.875rem;margin-bottom:1.5rem}.post-meta i{margin-right:.25rem}.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:#333;text-align:center}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.blog-card{border-radius:20px;overflow:hidden;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001a;height:100%}.blog-card.hidden{display:none}.card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.card-image-container{height:200px;overflow:hidden}.card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition: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.25rem;margin:.5rem 0 1rem;color:#333;line-height:1.4}.card-excerpt{color:#666;margin-bottom:1.5rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.load-more-container{display:flex;justify-content:center;margin-bottom:4rem}.load-more-button{background:linear-gradient(90deg,#6c63ff,#be60f1);color:#fff;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:0 4px 12px #6c63ff4d}.load-more-button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6c63ff66}.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:#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}.newsletter-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}.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:#333;position:relative;z-index:1}.newsletter-description{color:#666;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:focus{outline:none;border-color:#6c63ff;box-shadow:0 0 0 2px #6c63ff33}.form-group label{position:absolute;left:1rem;top:1rem;color:#888;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:#6c63ff}.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:#6c63ff}.submit-button{background:linear-gradient(90deg,#6c63ffcc,#be60f1cc);color:#ff4dc4;border:none;padding:.75rem 2rem;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6c63ff4d;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);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:0 6px 20px #6c63ff80;background:linear-gradient(90deg,#6c63ffe6,#be60f1e6);color:#fff}.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:#0ebe2c1a;color:#0ebe2c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(14,190,44,.2)}.form-error{background:#ff4dc41a;color:#ff4dc4;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,77,196,.2)}.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:#ffffffe6;box-shadow:0 8px 32px #0000001a;margin-bottom:1rem;position:relative;z-index:1}.icon-container:before{content:"";position:absolute;inset:0;border-radius:50%;padding:2px;background:linear-gradient(90deg,#04d9ff,#8b6dfa,#be60f1,#ff4dc4,#f90dc1);-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:#888;font-size:.9rem}.breadcrumbs a{color:#888;text-decoration:none;transition:color .3s ease}.breadcrumbs a:hover{color:#6c63ff}.breadcrumbs .separator{margin:0 .5rem;display:flex;align-items:center}.breadcrumbs .current{color:#6c63ff;font-weight:500}.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:#333;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:20px;padding:2.5rem;margin-bottom:3rem;box-shadow:0 8px 32px #0000001a}.post-intro p{font-size:1.2rem;color:#333;margin-bottom:2rem;line-height:1.6}.content-section{margin-bottom:2rem}.content-section h2{font-size:1.75rem;margin-bottom:1.25rem;color:#333}.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:600}.content-section p{margin-bottom:1.25rem;color:#666;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:#666;box-shadow:0 2px 4px #6666664d}.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:#666;font-weight:600}.content-section li{margin-bottom:.75rem;color:#666}.content-section li:last-child{margin-bottom:0}.content-section li strong{color:#333;font-weight:600}.content-highlight{display:flex;align-items:flex-start;background:#fff9;border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;box-shadow:0 4px 12px #0000000d}.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:#ffffff80;border-radius:15px;border:1px solid rgba(0,0,0,.05);box-shadow:0 4px 12px #0000000a;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:#333;font-weight:600}.feature-content p{margin:0;color:#666;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)}.share-section{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem}.share-section h3{font-size:1.25rem;margin-bottom:1rem;color:#333}.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:hover{transform:translateY(-3px);box-shadow:0 6px 16px #00000026}.share-button.twitter{background:#1da1f2}.share-button.facebook{background:#4267b2}.share-button.linkedin{background:#0077b5}.share-button.email{background:#ff4dc4}.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}