@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&family=Satisfy&display=swap');:root{--bg-primary:#E8E2D8;--bg-secondary:#F5F1EA;--brand-primary:#6F8F72;--brand-cta:#F2A65A;--text-primary:#1F2937;--text-secondary:#64748B;--border-color:#D8D2C8;--font-heading:'Cormorant Garamond',serif;--font-body:'Inter',sans-serif;--container-max-width:1200px;--section-padding:8rem 2rem;--section-padding-mobile:4.5rem 1.25rem;--radius-soft:8px;--transition-smooth:all 0.4s cubic-bezier(0.25,0.8,0.25,1);}*{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);font-size:16px;-webkit-font-smoothing:antialiased;}body{background-color:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;line-height:1.6;}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;color:var(--text-primary);line-height:1.15;}p{font-family:var(--font-body);font-weight:400;color:var(--text-secondary);line-height:1.7;}a{text-decoration:none;color:inherit;transition:var(--transition-smooth);}img{max-width:100%;height:auto;display:block;object-fit:cover;}.container{width:100%;max-width:var(--container-max-width);margin:0 auto;}.section{padding:var(--section-padding);}.section.secondary-bg{background-color:var(--bg-secondary);}.eyebrow{font-family:var(--font-body);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.15em;color:var(--brand-primary);font-weight:500;margin-bottom:1.5rem;display:block;}.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.85rem 2rem;font-family:var(--font-body);font-size:0.88rem;font-weight:500;border-radius:var(--radius-soft);transition:var(--transition-smooth);cursor:pointer;border:none;}.btn-primary{background-color:var(--brand-cta);color:var(--text-primary);border:1px solid var(--brand-cta);}.btn-primary:hover{background-color:transparent;color:var(--text-primary);border-color:var(--text-primary);transform:translateY(-2px);}.btn-outline{background-color:transparent;color:var(--text-primary);border:1px solid var(--border-color);}.btn-outline:hover{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);transform:translateY(-2px);}.site-header{position:absolute;top:0;left:0;width:100%;z-index:100;padding:1.75rem 2rem;transition:var(--transition-smooth);}.site-header.scrolled{position:fixed;background-color:rgba(232,226,216,0.95);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 1px 0 var(--border-color);padding:1.25rem 2rem;}.nav{display:flex;justify-content:space-between;align-items:center;max-width:var(--container-max-width);margin:0 auto;}.brand{display:flex;align-items:center;gap:0.75rem;}.brand-logo-svg{width:38px;height:38px;}.brand-text{font-family:var(--font-heading);font-size:1.5rem;font-weight:500;letter-spacing:0.02em;}.brand-text small{display:block;font-family:var(--font-body);font-size:0.65rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.08em;margin-top:-2px;}.skip-link{position:absolute;top:-100px;left:1rem;background:var(--brand-cta);color:var(--text-primary);padding:0.5rem 1rem;z-index:101;}.skip-link:focus{top:1rem;}.nav-links{display:flex;align-items:center;gap:2rem;font-family:var(--font-body);font-size:0.9rem;font-weight:500;}.nav-links a{color:var(--text-secondary);transition:var(--transition-smooth);}.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--text-primary);}.nav-dropdown{position:relative;}.dropdown-trigger{display:flex;align-items:center;gap:4px;cursor:pointer;}.dropdown-trigger .arrow{font-size:0.7rem;display:inline-block;transition:transform 0.3s ease;}.nav-dropdown:hover .dropdown-trigger .arrow{transform:rotate(180deg);}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-soft);padding:0.75rem 0;min-width:240px;list-style:none;display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(0,0,0,0.03);opacity:0;visibility:hidden;transition:var(--transition-smooth);z-index:100;margin:0;}.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}.dropdown-menu li a{display:block;padding:0.6rem 1.5rem;font-size:0.85rem;color:var(--text-secondary);transition:var(--transition-smooth);}.dropdown-menu li a:hover{color:var(--text-primary);background-color:var(--bg-primary);}.nav-actions{display:flex;align-items:center;gap:1rem;}.menu-toggle{display:none;background:none;border:none;font-size:1.8rem;color:var(--text-primary);cursor:pointer;line-height:1;}.hero{min-height:100vh;height:auto;display:flex;align-items:center;position:relative;padding:130px 2rem 60px;box-sizing:border-box;overflow:hidden;}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;width:100%;max-width:var(--container-max-width);margin:0 auto;}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;}.hero h1{font-size:clamp(2.8rem,5.5vw,4.8rem);line-height:1.1;margin-bottom:2rem;color:var(--text-primary);}.hero h1 .text-gradient{color:var(--brand-primary);}.hero .lead{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--text-secondary);margin-bottom:2.5rem;max-width:520px;}.hero-divider{width:60px;height:1px;background-color:var(--brand-primary);margin-bottom:2rem;}.hero-image-wrap{width:100%;height:80vh;min-height:500px;max-height:650px;border-radius:var(--radius-soft);overflow:hidden;box-shadow:0 20px 40px rgba(31,41,55,0.05);}.hero-image-wrap img{width:100%;height:100%;object-fit:cover;}.metrics{border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);padding:5rem 2rem;}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;}.metric-item{text-align:center;}.metric-number{font-family:var(--font-body);font-weight:700;font-size:clamp(3.2rem,5vw,4.5rem);color:var(--brand-primary);line-height:1;margin-bottom:0.5rem;}.metric-label{font-family:var(--font-body);font-size:0.9rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:0.08em;}.trusted-by{padding:4rem 2rem;text-align:center;}.trusted-title{font-family:var(--font-body);font-size:0.72rem;text-transform:uppercase;letter-spacing:0.2em;color:var(--text-secondary);margin-bottom:2.5rem;opacity:0.8;}.trusted-logos-grid{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:3rem;opacity:0.75;}.trusted-logo{font-family:var(--font-heading);font-size:1.4rem;color:var(--text-primary);letter-spacing:0.05em;font-weight:500;display:flex;align-items:center;gap:0.5rem;}.trusted-logo svg{opacity:0.6;}.philosophy-split{display:grid;grid-template-columns:1fr 1.2fr;gap:5rem;align-items:center;}.philosophy-left h2{font-size:clamp(2.5rem,4.5vw,3.8rem);line-height:1.15;color:var(--brand-primary);}.philosophy-right h3{font-size:clamp(1.8rem,3.2vw,2.6rem);line-height:1.25;font-weight:300;color:var(--text-primary);}.services-section{padding:var(--section-padding);}.services-intro{margin-bottom:6rem;max-width:600px;}.services-intro h2{font-size:clamp(2.5rem,4vw,3.5rem);margin-bottom:1.5rem;}.service-block{display:grid;grid-template-columns:1.1fr 1fr;gap:5rem;align-items:center;margin-bottom:10rem;}.service-block:last-child{margin-bottom:0;}.service-block.reverse{grid-template-columns:1fr 1.1fr;}.service-image-container{width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius-soft);box-shadow:0 15px 30px rgba(0,0,0,0.03);}.service-image-container img{width:100%;height:100%;transition:transform 0.8s ease;}.service-block:hover .service-image-container img{transform:scale(1.04);}.service-content{display:flex;flex-direction:column;}.service-title{font-size:clamp(2rem,3vw,2.8rem);margin-bottom:2rem;position:relative;}.service-details{display:grid;gap:1.5rem;}.service-detail-item strong{font-family:var(--font-body);font-size:0.85rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--brand-primary);display:block;margin-bottom:0.35rem;}.service-detail-item p{font-size:0.95rem;}.process-section{padding:var(--section-padding);}.process-intro{text-align:center;margin-bottom:5rem;}.process-intro h2{font-size:clamp(2.5rem,4vw,3.5rem);}.process-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;position:relative;}.process-steps-grid::before{content:"";position:absolute;top:40px;left:0;width:100%;height:1px;background-color:var(--border-color);z-index:1;}.process-step{position:relative;z-index:2;}.process-num{font-family:var(--font-body);font-weight:700;font-size:2.5rem;color:var(--brand-primary);background-color:var(--bg-primary);width:80px;height:80px;display:grid;place-items:center;margin-bottom:1.5rem;}.process-step h3{font-size:1.35rem;margin-bottom:0.85rem;font-weight:500;}.process-step p{font-size:0.9rem;}.case-studies-section{padding:var(--section-padding);}.case-intro{margin-bottom:4rem;}.case-intro h2{font-size:clamp(2.5rem,4vw,3.5rem);}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3.5rem;}.case-card{display:flex;flex-direction:column;background-color:var(--bg-secondary);border-radius:var(--radius-soft);overflow:hidden;border:1px solid var(--border-color);transition:var(--transition-smooth);}.case-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px rgba(31,41,55,0.04);}.case-image{width:100%;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--border-color);}.case-image img{width:100%;height:100%;}.case-info{padding:2.5rem;}.case-info h3{font-size:1.85rem;margin-bottom:1.5rem;}.case-metrics-row{display:flex;gap:2.5rem;margin-top:1rem;}.case-metric{display:flex;flex-direction:column;}.case-metric-val{font-family:var(--font-body);font-weight:700;font-size:2.5rem;color:var(--brand-primary);line-height:1;margin-bottom:0.25rem;}.case-metric-lbl{font-family:var(--font-body);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--text-secondary);}.founder-section{padding:var(--section-padding);}.founder-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;align-items:center;}.founder-image-container{width:100%;aspect-ratio:1;border-radius:var(--radius-soft);overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.04);}.founder-image-container img{width:100%;height:100%;}.founder-content h2{font-size:clamp(2.5rem,4.2vw,3.6rem);margin-bottom:2rem;}.founder-content .story-quote{font-family:var(--font-heading);font-size:1.6rem;font-style:italic;color:var(--brand-primary);margin-bottom:1.5rem;line-height:1.35;}.founder-content p{font-size:1rem;margin-bottom:1.5rem;}.founder-sign{font-family:var(--font-heading);font-size:1.4rem;margin-top:2.5rem;}.founder-sign span{display:block;font-family:var(--font-body);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-secondary);margin-top:0.25rem;}.testimonials-section{padding:var(--section-padding);}.testimonials-intro{text-align:center;margin-bottom:5rem;}.testimonials-intro h2{font-size:clamp(2.5rem,4vw,3.5rem);}.testimonials-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3.5rem;}.testimonial-item{display:flex;flex-direction:column;padding:3rem;background-color:var(--bg-secondary);border-radius:var(--radius-soft);border:1px solid var(--border-color);justify-content:space-between;}.testimonial-item blockquote{font-family:var(--font-heading);font-size:1.5rem;line-height:1.4;color:var(--text-primary);margin-bottom:2rem;font-style:italic;}.testimonial-user{display:flex;align-items:center;gap:1.25rem;}.testimonial-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;}.testimonial-avatar img{width:100%;height:100%;}.testimonial-meta strong{display:block;font-family:var(--font-body);font-size:0.95rem;color:var(--text-primary);}.testimonial-meta span{display:block;font-family:var(--font-body);font-size:0.78rem;color:var(--brand-primary);}.faq-section{padding:var(--section-padding);}.faq-intro{text-align:center;margin-bottom:5rem;}.faq-intro h2{font-size:clamp(2.5rem,4vw,3.5rem);}.faq-list{max-width:760px;margin:0 auto;}.faq-item{border-bottom:1px solid var(--border-color);}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:2rem 0;background:none;border:none;font-family:var(--font-heading);font-size:1.45rem;text-align:left;cursor:pointer;color:var(--text-primary);transition:var(--transition-smooth);}.faq-question:hover{color:var(--brand-primary);}.faq-icon{font-size:1rem;color:var(--brand-primary);transition:transform 0.4s ease;}.faq-item.is-open .faq-icon{transform:rotate(180deg);}.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(0,1,0,1);}.faq-item.is-open .faq-answer{max-height:500px;transition:max-height 0.4s cubic-bezier(0.95,0.05,0.795,0.035);}.faq-answer p{padding-bottom:2rem;font-size:0.95rem;color:var(--text-secondary);}.final-cta-section{padding:0;}.final-cta-container{display:grid;grid-template-columns:1fr 1fr;align-items:center;background-color:var(--bg-secondary);}.final-cta-content{padding:8rem 4rem 8rem 6rem;display:flex;flex-direction:column;align-items:flex-start;}.final-cta-content h2{font-size:clamp(2.8rem,4.5vw,4.2rem);line-height:1.15;margin-bottom:2.5rem;}.final-cta-image-wrap{width:100%;height:100%;min-height:500px;}.final-cta-image-wrap img{width:100%;height:100%;object-fit:cover;}.final-cta-form-wrap{padding:8rem 6rem 8rem 4rem;width:100%;display:flex;justify-content:center;align-items:center;}.page-hero{padding:10rem 2rem 5rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);}.page-hero h1{font-size:clamp(3rem,6vw,4.8rem);margin-bottom:1.5rem;}.page-hero .lead{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--text-secondary);max-width:800px;}.grid-2{grid-template-columns:repeat(2,1fr);gap:2rem;}.grid-3{grid-template-columns:repeat(3,1fr);gap:2rem;}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:2.5rem;border-radius:var(--radius-soft);transition:var(--transition-smooth);}.card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,0.02);}form{background-color:var(--bg-secondary);border:1px solid var(--border-color);padding:3rem;border-radius:var(--radius-soft);width:100%;max-width:600px;margin:0 auto;}.form-grid{display:grid;gap:1.5rem;}.field{display:flex;flex-direction:column;margin-bottom:1.5rem;}.field label{font-family:var(--font-body);font-size:0.8rem;text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.5rem;color:var(--text-primary);font-weight:500;}.field input,.field textarea,.field select{background-color:var(--bg-primary);border:1px solid var(--border-color);padding:0.85rem 1rem;font-family:var(--font-body);font-size:0.95rem;color:var(--text-primary);border-radius:var(--radius-soft);transition:var(--transition-smooth);outline:none;}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--brand-primary);}.header-profile-container{position:relative;display:inline-block;}.header-profile-btn{background:none;border:1px solid var(--border-color);border-radius:30px;cursor:pointer;display:flex;align-items:center;gap:8px;padding:4px 12px 4px 4px;height:38px;font-family:var(--font-body);font-size:0.85rem;font-weight:600;color:var(--text-primary);transition:var(--transition-smooth);}.header-profile-btn:hover{background-color:var(--soft);border-color:var(--brand-primary);}.header-profile-btn img{width:28px;height:28px;border-radius:50%;object-fit:cover;}.header-profile-display-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.header-profile-dropdown{display:none;position:absolute;top:120%;right:0;background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-soft);padding:1.25rem;min-width:220px;z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,0.03);flex-direction:column;gap:0.75rem;}.header-profile-dropdown.is-open{display:flex;}.dropdown-user-info{border-bottom:1px solid var(--border-color);padding-bottom:0.5rem;margin-bottom:0.25rem;}.dropdown-user-name{font-weight:600;font-size:0.9rem;}.dropdown-user-email{font-size:0.75rem;color:var(--text-secondary);}.dropdown-link{font-size:0.85rem;color:var(--text-secondary);}.dropdown-link:hover{color:var(--text-primary);}.social-fab-container{position:fixed;right:24px;bottom:24px;z-index:100;display:flex;flex-direction:column-reverse;align-items:center;gap:12px;}.social-links-expand{display:flex;flex-direction:column;gap:10px;opacity:0;visibility:hidden;transform:translateY(20px) scale(0.8);transition:var(--transition-smooth);pointer-events:none;}.social-fab-container:hover .social-links-expand{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto;}.fab-btn,.fab-main-trigger{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:var(--text-primary);box-shadow:0 8px 20px rgba(0,0,0,0.05);transition:var(--transition-smooth);border:1px solid var(--border-color);background-color:var(--bg-secondary);}.fab-main-trigger.whatsapp{background-color:#25D366;color:white;border-color:#25D366;}.fab-btn.linkedin{background-color:#0077B5;color:white;border-color:#0077B5;}.fab-btn.instagram{background-color:#E1306C;color:white;border-color:#E1306C;}.fab-btn.facebook{background-color:#1877F2;color:white;border-color:#1877F2;}.fab-btn.twitter{background-color:#1DA1F2;color:white;border-color:#1DA1F2;}.fab-btn.youtube{background-color:#FF0000;color:white;border-color:#FF0000;}.fab-btn:hover{transform:translateY(-2px);}.footer{padding:5rem 2rem 3rem;border-top:1px solid var(--border-color);background-color:var(--bg-primary);}.footer-grid{display:grid;grid-template-columns:1.2fr repeat(3,0.8fr);gap:4rem;margin-bottom:4rem;}.footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;}.footer-brand p{font-size:0.85rem;max-width:250px;}.footer-col h3{font-family:var(--font-body);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--brand-primary);margin-bottom:1.5rem;font-weight:600;}.footer-col ul{list-style:none;}.footer-col ul li{margin-bottom:0.85rem;font-size:0.88rem;}.footer-col ul li a{color:var(--text-secondary);}.footer-col ul li a:hover{color:var(--text-primary);}.footer-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-color);padding-top:2rem;font-size:0.78rem;color:var(--text-secondary);}.reveal{opacity:0;transform:translateY(20px) scale(0.98);transition:opacity 0.8s ease,transform 0.8s ease;}.reveal.is-visible{opacity:1;transform:translateY(0) scale(1);}@media (max-width:992px){.section{padding:var(--section-padding-mobile);}.site-header{padding:1.25rem 1.25rem;}.site-header.scrolled{padding:1rem 1.25rem;}.menu-toggle{display:block;}.nav-links{position:fixed;top:76px;left:0;width:100%;background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-direction:column;align-items:flex-start;padding:2rem;gap:1.5rem;opacity:0;visibility:hidden;transform:translateY(-10px);transition:var(--transition-smooth);z-index:99;}.nav-links.is-open{opacity:1;visibility:visible;transform:translateY(0);}.nav-dropdown{width:100%;}.dropdown-menu{position:static;transform:none;opacity:1;visibility:visible;box-shadow:none;border:none;padding-left:1rem;min-width:unset;display:none;}.nav-dropdown.is-open .dropdown-menu{display:flex;}.hero{height:auto;padding:7.5rem 1.25rem 4rem;}.hero-grid{grid-template-columns:1fr;gap:3rem;}.hero-image-wrap{height:50vh;min-height:350px;}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;}.philosophy-split,.service-block,.service-block.reverse,.founder-grid,.final-cta-container{grid-template-columns:1fr;gap:3rem;}.final-cta-content{padding:4.5rem 1.25rem;}.final-cta-image-wrap{min-height:350px;}.final-cta-form-wrap{padding:0 1.25rem 4.5rem;}.process-steps-grid{grid-template-columns:1fr;gap:2rem;}.process-steps-grid::before{display:none;}.process-num{width:60px;height:60px;font-size:2.2rem;margin-bottom:0.75rem;}.case-grid,.testimonials-grid,.grid-2,.grid-3{grid-template-columns:1fr;gap:2rem;}.footer-grid{grid-template-columns:1fr;gap:2.5rem;}}@media (max-width:576px){.metrics-grid{grid-template-columns:1fr;gap:2rem;}.case-info,.testimonial-item,form{padding:1.75rem;}.case-metrics-row{flex-direction:column;gap:1.25rem;}.footer-bottom{flex-direction:column;gap:1rem;text-align:center;}}.grid{display:grid;}.about-story-hero{padding:11rem 2rem 5rem;background-color:var(--bg-primary);}.about-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:5rem;align-items:center;}.about-hero-copy{display:flex;flex-direction:column;}.about-hero-copy h1{font-size:clamp(2.2rem,4vw,3.4rem);margin-bottom:1.5rem;line-height:1.15;color:var(--text-primary);}.about-hero-copy .letter-intro{font-size:clamp(1.05rem,1.8vw,1.25rem);color:var(--text-secondary);line-height:1.7;max-width:580px;}.about-hero-image-wrap{position:relative;width:100%;aspect-ratio:0.95;border-radius:var(--radius-soft);overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,0.04);border:1px solid var(--border-color);}.about-hero-image-wrap img{width:100%;height:100%;object-fit:cover;}.handwritten-quote-card{background-color:#FFFFFF;border:1px solid var(--border-color);padding:1.5rem 2rem;border-radius:var(--radius-soft);font-family:var(--font-heading);font-style:italic;font-size:1.2rem;color:var(--brand-primary);line-height:1.5;box-shadow:0 10px 25px rgba(0,0,0,0.01);}.personal-letter-section{padding:5rem 2rem;}.letter-container{max-width:760px;margin:0 auto;background-color:#FFFFFF;border:1px solid var(--border-color);padding:4rem 3.5rem;border-radius:var(--radius-soft);box-shadow:0 15px 35px rgba(31,41,55,0.02);}.letter-body p{font-size:1.05rem;color:var(--text-primary);margin-bottom:1.75rem;line-height:1.75;}.letter-body p:last-child{margin-bottom:2.5rem;}.letter-signature{display:flex;flex-direction:column;gap:0.25rem;font-family:var(--font-heading);font-size:1.5rem;color:var(--text-primary);}.letter-signature .role{font-family:var(--font-body);font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-secondary);}.handwritten-signature{font-family:'Satisfy',cursive;font-size:2.4rem;color:var(--brand-primary);margin:0.5rem 0;font-weight:400;}.timeline-container{max-width:800px;margin:3rem auto 0;position:relative;padding-left:2.25rem;}.timeline-container::before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background-color:var(--border-color);}.timeline-item{position:relative;margin-bottom:3rem;}.timeline-item:last-child{margin-bottom:0;}.timeline-dot{position:absolute;top:6px;left:-2.25rem;width:12px;height:12px;border-radius:50%;background-color:var(--brand-primary);transform:translateX(-8px);border:3px solid var(--bg-primary);}.timeline-year{font-family:var(--font-heading);font-size:1.75rem;color:var(--brand-primary);margin-bottom:0.5rem;line-height:1;}.timeline-title{font-family:var(--font-body);font-weight:600;font-size:1.05rem;color:var(--text-primary);margin-bottom:0.5rem;}.timeline-desc{font-size:0.95rem;line-height:1.65;color:var(--text-secondary);}.about-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;}.grid-card{background-color:#FFFFFF;border:1px solid var(--border-color);padding:2.25rem 1.75rem;border-radius:var(--radius-soft);transition:var(--transition-smooth);}.grid-card:hover{transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,0.02);}.grid-card-title{font-family:var(--font-heading);font-size:1.45rem;color:var(--brand-primary);margin-bottom:0.85rem;}.grid-card-desc{font-size:0.9rem;line-height:1.6;color:var(--text-secondary);}.gratitude-box{background-color:#FFFFFF;border:1px solid var(--border-color);border-radius:var(--radius-soft);padding:3.5rem 3rem;max-width:800px;margin:0 auto;text-align:center;box-shadow:0 15px 35px rgba(31,41,55,0.01);}.gratitude-box h3{font-size:2.1rem;margin-bottom:1.25rem;color:var(--brand-primary);}.gratitude-box p{font-size:1rem;color:var(--text-secondary);line-height:1.75;max-width:650px;margin:0 auto 2rem;}.gratitude-box p:last-of-type{margin-bottom:0;}@media (max-width:992px){.about-story-hero{padding:8.5rem 1.25rem 4rem;}.about-hero-grid{grid-template-columns:1fr;gap:3rem;}.about-hero-grid > div:last-child{max-width:480px;margin:0 auto;width:100%;}.about-hero-image-wrap{max-width:480px;margin:0 auto;aspect-ratio:1;}.letter-container{padding:3rem 2rem;}.about-grid-3{grid-template-columns:1fr;gap:1.5rem;}.gratitude-box{padding:2.5rem 1.5rem;}}.filter-chip{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);padding:0.5rem 1.25rem;border-radius:30px;font-family:var(--font-body);font-size:0.85rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth);}.filter-chip:hover{border-color:var(--brand-primary);color:var(--text-primary);}.filter-chip.active{background-color:var(--brand-primary);border-color:var(--brand-primary);color:#ffffff;}.btn-like{background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-size:0.95rem;color:var(--text-secondary);transition:var(--transition-smooth);padding:0.25rem 0.5rem;border-radius:var(--radius-soft);}.btn-like:hover{color:var(--brand-cta);background:rgba(242,166,90,0.05);}.btn-like.liked{color:var(--brand-cta);}.btn-like.liked .heart-icon{fill:var(--brand-cta);stroke:var(--brand-cta);}.btn-like-large{background:var(--bg-secondary) !important;border:1px solid var(--border-color) !important;padding:0.75rem 2rem !important;border-radius:30px !important;}.btn-like-large:hover{border-color:var(--brand-cta) !important;background:rgba(242,166,90,0.08) !important;}.poetry-card{border:2px solid var(--brand-primary) !important;background:var(--bg-secondary) !important;box-shadow:inset 0 0 20px rgba(111,143,114,0.05);transition:var(--transition-smooth);}.poetry-card:hover{border-color:var(--brand-cta) !important;transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,0,0,0.03),inset 0 0 25px rgba(242,166,90,0.05);}.creator-profile-card{display:grid;grid-template-columns:200px 1fr;gap:2.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-soft);padding:2.5rem;margin-bottom:2.5rem;}.profile-avatar-wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;}.profile-avatar-img{width:120px;height:120px;border-radius:50%;border:3px solid var(--brand-primary);object-fit:cover;}.profile-badge{background:rgba(111,143,114,0.1);color:var(--brand-primary);font-size:0.75rem;font-weight:700;padding:0.35rem 1rem;border-radius:30px;text-transform:uppercase;letter-spacing:0.05em;display:inline-block;}.profile-details-wrap{display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;}.profile-meta-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem;}.profile-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;}.profile-stat-badge{background:#ffffff;border:1px solid var(--border-color);border-radius:var(--radius-soft);padding:1rem;text-align:center;}.profile-stat-val{font-family:var(--font-body);font-weight:700;font-size:1.8rem;color:var(--text-primary);line-height:1;margin-bottom:0.25rem;}.profile-stat-label{font-size:0.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.05em;}.edit-profile-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;padding:1.5rem;background:#ffffff;border:1px solid var(--border-color);border-radius:var(--radius-soft);}.poetry-reader-card{border:2px solid var(--brand-primary);background:var(--bg-secondary);border-radius:var(--radius-soft);padding:4rem 3rem;text-align:center;box-shadow:inset 0 0 40px rgba(111,143,114,0.04);margin-bottom:3rem;}.poetry-reader-body{font-family:var(--font-heading) !important;font-style:italic !important;font-size:1.35rem !important;line-height:2.2 !important;color:var(--text-primary) !important;max-width:600px;margin:0 auto 3rem auto;white-space:pre-line;}.poetry-reader-signature{font-family:'Satisfy',cursive !important;font-size:1.8rem !important;color:var(--brand-primary) !important;text-align:right;max-width:500px;margin:0 auto;}@media (max-width:768px){.creator-profile-card{grid-template-columns:1fr;gap:1.5rem;padding:1.5rem;}.poetry-reader-card{padding:2.5rem 1.5rem;}.poetry-reader-body{font-size:1.15rem !important;line-height:2 !important;}.profile-stats-grid{grid-template-columns:repeat(3,1fr);gap:0.5rem;}.profile-stat-badge{padding:0.75rem 0.25rem;}.profile-stat-val{font-size:1.4rem;}}.blog-layout-grid{display:grid;grid-template-columns:240px 1fr 310px;gap:2rem;align-items:start;width:100%;}.blog-left-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:2rem;}.blog-center-feed{display:flex;flex-direction:column;gap:2rem;min-width:0;}.blog-right-sidebar{position:sticky;top:100px;display:flex;flex-direction:column;gap:2rem;}.sidebar-profile-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-soft);padding:1.25rem;display:flex;align-items:center;gap:12px;box-shadow:0 4px 10px rgba(0,0,0,0.01);}.sidebar-user-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:2px solid var(--brand-primary);background:var(--brand-cta);}.sidebar-user-details{display:flex;flex-direction:column;min-width:0;}.sidebar-user-name{font-size:0.95rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sidebar-user-link{font-size:0.78rem;color:var(--brand-primary);text-decoration:none;font-weight:600;margin-top:2px;transition:var(--transition-smooth);}.sidebar-user-link:hover{color:var(--brand-cta);}.sidebar-menu{display:flex;flex-direction:column;gap:4px;}.menu-item{display:flex;align-items:center;gap:12px;padding:0.75rem 1rem;color:var(--text-secondary);text-decoration:none;font-size:0.9rem;font-weight:600;border-radius:var(--radius-soft);transition:var(--transition-smooth);position:relative;}.menu-item i{font-size:1rem;width:18px;text-align:center;}.menu-item:hover{background:var(--soft);color:var(--text-primary);}.menu-item.active{background:var(--soft);color:var(--brand-primary);font-weight:700;}.menu-item .badge{position:absolute;right:1rem;background:var(--brand-primary);color:#fff;font-size:0.7rem;padding:0.15rem 0.5rem;border-radius:20px;font-weight:700;}.menu-item .badge.badge-accent{background:var(--brand-cta);color:var(--text-primary);}.sidebar-categories-section{display:flex;flex-direction:column;}.sidebar-label{font-size:0.72rem;text-transform:uppercase;letter-spacing:0.1em;font-weight:800;color:var(--text-secondary);margin-bottom:0.75rem;padding-left:0.5rem;}.sidebar-categories-list{display:flex;flex-direction:column;gap:2px;}.category-item{display:flex;align-items:center;justify-content:space-between;padding:0.6rem 1rem;font-size:0.88rem;color:var(--text-secondary);text-decoration:none;font-weight:600;border-radius:var(--radius-soft);transition:var(--transition-smooth);cursor:pointer;}.category-item:hover{background:var(--soft);color:var(--text-primary);}.category-item.active{color:var(--text-primary);font-weight:700;}.category-active-dot{width:6px;height:6px;background:#25D366;border-radius:50%;display:inline-block;}.feed-composer-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-soft);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 4px 10px rgba(0,0,0,0.01);}.composer-top-row{display:flex;gap:16px;align-items:flex-start;}.composer-user-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-color);}.composer-input-wrap{flex:1;display:flex;flex-direction:column;gap:6px;}.composer-greeting{font-size:0.95rem;font-weight:700;color:var(--text-primary);margin:0;}.composer-placeholder-input{width:100%;background:var(--soft);border:1px solid var(--border-color);border-radius:24px;padding:0.65rem 1.25rem;font-size:0.88rem;color:var(--text-secondary);resize:none;height:38px;cursor:pointer;outline:none;font-family:inherit;line-height:1.4;overflow:hidden;transition:var(--transition-smooth);}.composer-placeholder-input:hover{background:#fff;border-color:var(--brand-primary);}.composer-actions-row{border-top:1px solid var(--border-color);padding-top:1rem;display:flex;justify-content:space-around;gap:10px;}.composer-action-btn{background:none;border:none;color:var(--text-secondary);font-size:0.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0.5rem 1rem;border-radius:20px;transition:var(--transition-smooth);}.composer-action-btn:hover{background:var(--soft);color:var(--brand-primary);}.composer-action-btn i{font-size:0.95rem;color:var(--brand-primary);}.right-widget-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-soft);padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;box-shadow:0 4px 10px rgba(0,0,0,0.01);}.widget-header{display:flex;justify-content:space-between;align-items:center;}.widget-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:800;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px;}.widget-link{font-size:0.78rem;color:var(--brand-primary);text-decoration:none;font-weight:700;transition:var(--transition-smooth);}.widget-link:hover{color:var(--brand-cta);}.trending-topics-list{display:flex;flex-direction:column;gap:1rem;}.trending-topic-item{display:flex;flex-direction:column;gap:2px;cursor:pointer;}.topic-hashtag{font-size:0.88rem;font-weight:700;color:var(--text-primary);transition:var(--transition-smooth);}.trending-topic-item:hover .topic-hashtag{color:var(--brand-cta);}.topic-stats{font-size:0.75rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;}.top-writers-list{display:flex;flex-direction:column;gap:1rem;}.writer-item{display:flex;align-items:center;gap:12px;}.writer-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);}.writer-details{flex:1;display:flex;flex-direction:column;min-width:0;}.writer-name{font-size:0.85rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.writer-followers{font-size:0.75rem;color:var(--text-secondary);}.btn-follow{font-size:0.75rem;padding:0.3rem 0.85rem;min-height:unset;border-radius:20px;font-weight:700;border-color:var(--border-color);}.btn-follow.following{background:var(--brand-primary) !important;color:#fff !important;border-color:var(--brand-primary) !important;}.popular-posts-list{display:flex;flex-direction:column;gap:1rem;}.popular-post-item{display:flex;align-items:flex-start;gap:12px;cursor:pointer;}.post-rank{font-family:var(--font-heading);font-size:1.15rem;font-weight:800;color:var(--brand-primary);opacity:0.6;width:16px;text-align:center;}.popular-post-details{flex:1;display:flex;flex-direction:column;}.popular-post-title{font-size:0.85rem;font-weight:700;color:var(--text-primary);line-height:1.35;transition:var(--transition-smooth);}.popular-post-item:hover .popular-post-title{color:var(--brand-cta);}.popular-post-views{font-size:0.75rem;color:var(--text-secondary);margin-top:2px;}.active-community-status{font-size:0.82rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;font-weight:600;}.online-indicator-dot{width:8px;height:8px;background:#25D366;border-radius:50%;display:inline-block;box-shadow:0 0 8px rgba(37,211,102,0.5);}.active-community-avatars{display:flex;align-items:center;margin-top:0.5rem;}.active-community-avatars img{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-secondary);margin-left:-8px;object-fit:cover;}.active-community-avatars img:first-child{margin-left:0;}.avatars-overflow{width:32px;height:32px;border-radius:50%;background:var(--soft);border:2px solid var(--bg-secondary);margin-left:-8px;display:grid;place-items:center;font-size:0.75rem;font-weight:700;color:var(--text-secondary);}.feed-post-card{display:flex;flex-direction:column;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-soft);padding:1.5rem;gap:1.25rem;transition:var(--transition-smooth);box-shadow:0 4px 10px rgba(0,0,0,0.01);position:relative;width:100%;}.feed-post-card:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(31,41,55,0.04);border-color:var(--brand-primary);}.post-meta-row{display:flex;justify-content:space-between;align-items:flex-start;width:100%;}.post-author-block{display:flex;gap:12px;align-items:center;}.post-avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1.5px solid var(--border-color);background:var(--brand-cta);}.post-author-details{display:flex;flex-direction:column;gap:2px;}.post-author-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}.post-author-name{font-weight:700;color:var(--text-primary);font-size:0.95rem;}.author-tag-badge{font-size:0.65rem;font-weight:700;padding:0.15rem 0.5rem;border-radius:12px;display:inline-flex;align-items:center;}.author-tag-badge.gold{background:#FEF3C7;color:#D97706;}.author-tag-badge.green{background:rgba(111,143,114,0.15);color:var(--brand-primary);}.post-author-bottom{display:flex;align-items:center;gap:6px;font-size:0.78rem;color:var(--text-secondary);}.meta-separator{font-size:0.6rem;opacity:0.5;}.post-options-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px 8px;font-size:1rem;transition:var(--transition-smooth);}.post-options-btn:hover{color:var(--text-primary);}.post-title{font-family:var(--font-heading);font-size:1.35rem;font-weight:700;line-height:1.3;margin:0;}.post-title a{color:var(--text-primary);text-decoration:none;transition:var(--transition-smooth);}.post-title a:hover{color:var(--brand-cta);}.post-excerpt{font-size:0.92rem;line-height:1.5;color:var(--text-secondary);margin:0;}.post-cover-image-wrap{width:100%;border-radius:var(--radius-soft);overflow:hidden;border:1px solid var(--border-color);max-height:380px;}.post-cover-image{width:100%;height:100%;max-height:380px;object-fit:cover;display:block;transition:transform 0.4s ease;}.feed-post-card:hover .post-cover-image{transform:scale(1.02);}.post-interactions-bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:0.5rem;border-bottom:1px solid var(--border-color);font-size:0.8rem;color:var(--text-secondary);}.reactions-left{display:flex;align-items:center;gap:4px;}.reaction-badge-icons{display:inline-flex;align-items:center;}.interactions-right{display:flex;align-items:center;gap:6px;}.post-actions-footer{display:flex;justify-content:space-between;align-items:center;}.post-action-btn{background:none;border:none;font-size:0.88rem;font-weight:600;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;gap:8px;padding:0.5rem 0.75rem;border-radius:6px;transition:var(--transition-smooth);}.post-action-btn:hover{background:var(--soft);color:var(--text-primary);}.post-action-btn.liked{color:#3b82f6;font-weight:700;}.post-action-btn.saved{color:var(--brand-primary);font-weight:700;}.editor-drawer{position:fixed;top:0;right:-620px;width:600px;max-width:100%;height:100vh;background:var(--bg-secondary);border-left:1px solid var(--border-color);box-sizing:border-box;box-shadow:-10px 0 40px rgba(0,0,0,0.08);z-index:1050;transition:right 0.4s cubic-bezier(0.16,1,0.3,1);padding:2.5rem;overflow-y:auto;display:flex;flex-direction:column;}.editor-drawer.active{right:0;}.editor-drawer-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1.25rem;margin-bottom:1.5rem;}.editor-drawer-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0;color:var(--text-primary);display:flex;align-items:center;gap:8px;}.editor-drawer-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0.5rem;line-height:1;transition:var(--transition-smooth);}.editor-drawer-close:hover{color:var(--brand-cta);transform:rotate(90deg);}.drawer-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(31,41,55,0.25);backdrop-filter:blur(5px);z-index:1040;opacity:0;visibility:hidden;transition:opacity 0.3s ease,visibility 0.3s ease;}.drawer-backdrop.active{opacity:1;visibility:visible;}.sidebar-section-title{font-family:var(--font-body);font-size:0.78rem;font-weight:900;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-secondary);margin-bottom:0.75rem;border-bottom:1px solid var(--border-color);padding-bottom:0.5rem;}.sidebar-chips-wrap{display:flex;gap:0.5rem;flex-wrap:wrap;}.sidebar-sort-select{width:100%;border-radius:var(--radius-soft);border:1px solid var(--border-color);background:#ffffff;color:var(--text-primary);padding:0.65rem 1rem;font-size:0.88rem;font-weight:600;cursor:pointer;outline:none;transition:var(--transition-smooth);}.sidebar-sort-select:focus{border-color:var(--brand-primary);}.nav-write-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:0.88rem;color:var(--text-secondary) !important;text-decoration:none;margin-right:0.5rem;transition:var(--transition-smooth);padding:0.4rem 0.8rem;border-radius:var(--radius-soft);}.nav-write-link:hover{color:var(--brand-cta) !important;background:rgba(242,166,90,0.05);}.mobile-only{display:none !important;}.mobile-only-flex{display:none !important;}@media (max-width:991px){.nav-actions #nav-write-btn,.nav-actions .header-profile-container,.nav-actions .header-cta-btn{display:none !important;}body.page-blog .nav,body.page-read-blog .nav{flex-wrap:wrap;}body.page-blog .header-search-bar,body.page-read-blog .header-search-bar{display:flex !important;order:3;width:100% !important;max-width:100% !important;min-width:100% !important;margin:0.75rem 0 0 0 !important;}body.page-blog .site-header,body.page-read-blog .site-header{padding-bottom:1rem;}.blog-layout-grid{display:block;position:relative;}.blog-left-sidebar{position:fixed;top:0;left:-280px;width:280px;height:100vh;background-color:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:1002;padding:2rem 1.5rem;overflow-y:auto;transition:transform 0.4s cubic-bezier(0.25,0.8,0.25,1);box-shadow:5px 0 25px rgba(0,0,0,0.08);}.blog-left-sidebar.active{transform:translateX(280px);}.blog-center-feed{width:100% !important;max-width:100% !important;}.blog-right-sidebar{position:static;width:100%;margin-top:3rem;}.mobile-only{display:block !important;}.mobile-only-flex{display:flex !important;}.mobile-sidebar-header.mobile-only{display:flex !important;}.mobile-feed-controls.mobile-only{display:flex !important;}a.mobile-only{display:inline-flex !important;}.trusted-logos-grid{justify-content:center;gap:2.5rem 2rem;}}@media (max-width:576px){.editor-drawer{padding:1.5rem;width:100%;}.chat-drawer{width:100%;left:-100%;}.chat-drawer.active{transform:translateX(100%);}}#dynamic-blogs-container{display:flex;flex-direction:column;gap:1.5rem;width:100%;}body.page-blog .container{max-width:1400px;width:95%;}body.page-read-blog .nav-actions .btn-primary{display:none;}.recommended-badge{font-size:0.68rem;background:var(--brand-primary);color:#fff;padding:0.2rem 0.65rem;border-radius:30px;font-weight:700;display:inline-flex;align-items:center;gap:4px;}.trending-badge{font-size:0.68rem;background:var(--brand-cta);color:var(--text-primary);padding:0.2rem 0.65rem;border-radius:30px;font-weight:700;display:inline-flex;align-items:center;gap:4px;}.private-badge{font-size:0.68rem;background:#64748B;color:#fff;padding:0.2rem 0.65rem;border-radius:30px;font-weight:700;display:inline-flex;align-items:center;gap:4px;}.medium-card.recommended-post,.poetry-card.recommended-post{border:1px solid var(--brand-primary);box-shadow:0 0 12px rgba(111,143,114,0.12);}.chat-drawer-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(18,18,18,0.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:104;display:none;opacity:0;transition:opacity 0.3s ease;}.chat-drawer-backdrop.active{display:block;opacity:1;}.chat-drawer{position:fixed;top:0;left:-400px;width:380px;height:100vh;background:rgba(232,226,216,0.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--border-color);z-index:105;transition:transform 0.4s cubic-bezier(0.25,0.8,0.25,1);display:flex;flex-direction:column;box-shadow:10px 0 30px rgba(0,0,0,0.05);}.chat-drawer.active{transform:translateX(400px);}.chat-drawer-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:rgba(245,241,234,0.5);}.chat-drawer-title{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:8px;}.chat-drawer-close{background:none;border:none;font-size:1.75rem;cursor:pointer;color:var(--text-secondary);line-height:1;}.chat-drawer-body{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative;}.chat-rooms-view{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:1rem;gap:0.75rem;}.chat-room-item{display:flex;align-items:center;gap:12px;padding:0.85rem 1rem;background:rgba(255,255,255,0.4);border:1px solid var(--border-color);border-radius:var(--radius-soft);cursor:pointer;transition:var(--transition-smooth);}.chat-room-item:hover{background:rgba(255,255,255,0.85);transform:translateY(-2px);border-color:var(--brand-primary);}.chat-room-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);}.chat-room-details{flex:1;display:flex;flex-direction:column;min-width:0;}.chat-room-name{font-size:0.85rem;font-weight:700;color:var(--text-primary);margin-bottom:2px;}.chat-room-last-msg{font-size:0.75rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.chat-conversation-view{display:none;flex-direction:column;height:100%;overflow:hidden;}.chat-conversation-header{padding:0.75rem 1rem;background:rgba(255,255,255,0.4);border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:10px;}.chat-conversation-title{font-size:0.9rem;font-weight:700;color:var(--text-primary);flex:1;}.chat-messages-feed{flex:1;overflow-y:auto;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1rem;background:rgba(245,241,234,0.2);}.chat-msg-row{display:flex;flex-direction:column;width:100%;}.chat-msg-bubble{max-width:80%;padding:0.65rem 0.85rem;border-radius:14px;font-size:0.85rem;line-height:1.45;box-shadow:0 1px 2px rgba(0,0,0,0.02);}.chat-msg-row.sent{align-items:flex-end;}.chat-msg-row.sent .chat-msg-bubble{background:var(--brand-primary);color:#fff;border-bottom-right-radius:2px;}.chat-msg-row.received{align-items:flex-start;}.chat-msg-row.received .chat-msg-bubble{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);border-bottom-left-radius:2px;}.chat-msg-time{font-size:0.6rem;opacity:0.65;margin-top:3px;}.chat-msg-row.sent .chat-msg-time{margin-right:4px;}.chat-msg-row.received .chat-msg-time{margin-left:4px;}.chat-input-area{padding:0.85rem 1rem;border-top:1px solid var(--border-color);display:flex;gap:8px;background:rgba(245,241,234,0.95);align-items:center;}.chat-input-field{flex:1;border-radius:20px;border:1px solid var(--border-color);padding:0.5rem 1rem;font-size:0.85rem;outline:none;background:#fff;color:var(--text-primary);}.chat-send-btn{background:var(--brand-primary);color:#fff;border:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:var(--transition-smooth);}.chat-send-btn:hover{background:var(--text-primary);}.btn-chat-author{background:none;border:1px solid var(--border-color);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;color:var(--text-secondary);transition:var(--transition-smooth);}.btn-chat-author:hover{background:rgba(111,143,114,0.1);color:var(--brand-primary);border-color:var(--brand-primary);}.logout-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(18,18,18,0.45);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:200;display:none;align-items:center;justify-content:center;}.logout-modal-backdrop.active{display:flex;}.logout-modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-soft);width:440px;max-width:90%;padding:2.25rem;box-shadow:0 20px 40px rgba(0,0,0,0.1);display:flex;flex-direction:column;gap:1.5rem;}.logout-step-indicator{display:flex;justify-content:space-between;margin-bottom:0.5rem;position:relative;width:100%;}.logout-step-progress-line{position:absolute;top:14px;left:0;width:100%;height:2px;background:var(--border-color);z-index:1;}.logout-step-progress-fill{height:100%;background:var(--brand-primary);width:0%;transition:width 0.3s ease;}.logout-step-dot{width:28px;height:28px;border-radius:50%;background:var(--border-color);color:var(--text-secondary);display:grid;place-items:center;font-size:0.8rem;font-weight:700;z-index:2;transition:var(--transition-smooth);}.logout-step-dot.active{background:var(--brand-primary);color:#fff;}.logout-step-dot.completed{background:var(--brand-cta);color:var(--text-primary);}.logout-step-content{min-height:100px;display:flex;flex-direction:column;justify-content:center;text-align:center;gap:0.5rem;}.logout-step-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--text-primary);margin:0;}.logout-step-desc{font-size:0.88rem;color:var(--text-secondary);line-height:1.5;}.logout-modal-actions{display:flex;justify-content:space-between;gap:1rem;}.header-search-bar{display:none;align-items:center;gap:8px;background:var(--soft);border:1px solid var(--border-color);border-radius:24px;padding:0.45rem 1.15rem;width:280px !important;max-width:280px !important;min-width:280px !important;flex-shrink:0 !important;flex-grow:0 !important;margin-left:2rem;margin-right:auto;}body.page-blog .header-search-bar,body.page-read-blog .header-search-bar{display:flex !important;margin-left:0.75rem !important;}body.page-blog .brand-text,body.page-read-blog .brand-text{display:none !important;}.header-search-bar:focus-within{background:#ffffff;border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(111,143,114,0.1);}.header-search-bar input{border:none;background:transparent;outline:none;font-size:0.88rem;width:100%;color:var(--text-primary);}.header-search-bar i{color:var(--text-secondary);font-size:0.85rem;}@media (max-width:991px){.header-search-bar{display:none !important;}}.nav-marketing-link{display:none !important;}.nav-normal-link{display:inline-block;}.header-cta-btn{display:inline-flex;}body.page-blog .nav-normal-link,body.page-read-blog .nav-normal-link{display:none !important;}body.page-blog .nav-marketing-link,body.page-read-blog .nav-marketing-link{display:none !important;}body.page-read-blog .header-cta-btn{display:none !important;}body.page-blog .site-header,body.page-read-blog .site-header,body.page-blog .site-header.scrolled,body.page-read-blog .site-header.scrolled{background-color:var(--bg-primary) !important;box-shadow:0 1px 0 var(--border-color) !important;}.blog-nav-icons{display:none;align-items:center;gap:1.5rem;margin-right:1.5rem;}.blog-nav-icon-link{font-size:1.25rem;color:var(--text-secondary);transition:var(--transition-smooth);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:4px;}.blog-nav-icon-link:hover{color:var(--brand-primary);}body.page-blog .blog-nav-icons,body.page-read-blog .blog-nav-icons{display:flex !important;}@media (max-width:991px){.blog-nav-icons{margin-right:1rem;gap:1.25rem;}}#spa-loading-bar{position:fixed;top:0;left:0;height:3px;background:var(--brand-primary);z-index:99999;width:0;transition:width 0.4s ease,opacity 0.3s ease;pointer-events:none;opacity:0;}.profile-modal-backdrop{opacity:0;transition:opacity 0.25s cubic-bezier(0.16,1,0.3,1);pointer-events:none;}.profile-modal-backdrop.active{opacity:1 !important;pointer-events:auto !important;}@media (max-width:680px){.post-action-btn span{display:none !important;}.post-action-btn{padding:0.4rem 0.6rem !important;gap:0 !important;font-size:1rem !important;}.post-actions-footer{gap:4px !important;}.post-actions-footer > div{gap:4px !important;}}.post-comments-section{border-top:1px solid var(--border-color);padding-top:1.25rem;margin-top:1.25rem;}.inline-comment-form{display:flex;gap:10px;align-items:center;margin-bottom:1.25rem;}.comment-input-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);background:var(--bg-secondary);}.inline-comment-input{flex:1;background:var(--bg);border:1px solid var(--border-color);border-radius:20px;padding:0.5rem 1rem;color:var(--text-primary);font-size:0.88rem;outline:none;transition:var(--transition-smooth);}.inline-comment-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(214,173,45,0.15);}.inline-comment-post-btn{border-radius:20px !important;font-size:0.8rem !important;padding:0.45rem 1.25rem !important;min-height:unset !important;font-weight:700 !important;cursor:pointer;}.inline-comments-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:0.75rem;}.comment-item{display:flex;gap:10px;align-items:flex-start;}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid var(--border-color);cursor:pointer;background:var(--bg-secondary);}.comment-bubble{background:var(--soft);border-radius:12px;padding:0.6rem 0.9rem;flex:1;}.comment-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:0.25rem;}.comment-author-name{font-weight:700;font-size:0.85rem;color:var(--text-primary);cursor:pointer;transition:color 0.15s ease;}.comment-author-name:hover{color:var(--brand-primary);}.comment-author-email{font-size:0.72rem;color:var(--text-secondary);margin-left:6px;opacity:0.7;}.comment-date{font-size:0.72rem;color:var(--text-secondary);}.comment-body{font-size:0.88rem;color:var(--text-primary);line-height:1.4;word-break:break-word;}.see-more-comments-btn{background:none;border:none;color:var(--brand-primary);font-size:0.8rem;font-weight:700;cursor:pointer;padding:0.25rem 0;transition:var(--transition-smooth);align-self:flex-start;display:inline-flex;align-items:center;gap:4px;}.see-more-comments-btn:hover{color:var(--text-primary);text-decoration:underline;}body:not(.page-blog) .nav-write-link,body:not(.page-blog) #nav-write-btn,body:not(.page-blog) #header-user-profile,body:not(.page-blog) #mobile-user-profile,body:not(.page-blog) #mobile-login-btn{display:none !important;}.menu-item .badge,.menu-item .badge.badge-accent{background:#ff4d4d !important;color:#ffffff !important;border-radius:20px;font-weight:700;font-size:0.72rem;padding:0.15rem 0.5rem;box-shadow:0 2px 8px rgba(255,77,77,0.4);transition:all 0.2s ease;}.typing-dots{display:inline-flex;gap:2px;}.typing-dots .dot{width:4px;height:4px;border-radius:50%;background:var(--brand-primary);animation:typing-bounce 1.4s infinite ease-in-out both;}.typing-dots .dot:nth-child(1){animation-delay:-0.32s;}.typing-dots .dot:nth-child(2){animation-delay:-0.16s;}@keyframes typing-bounce{0%,80%,100%{transform:scale(0);opacity:0.3;}40%{transform:scale(1);opacity:1;}}.followers-modal-card div:hover{background:rgba(214,173,45,0.05) !important;}.blog-detail-container{max-width:800px;margin:120px auto 80px auto;padding:0 1.5rem;}.blog-detail-header{margin-bottom:2.5rem;text-align:left;}.blog-detail-meta{display:flex;align-items:center;gap:12px;margin-bottom:1.5rem;flex-wrap:wrap;}.blog-detail-title{font-size:clamp(2rem,5vw,3rem);font-family:var(--font-heading);font-weight:800;line-height:1.2;color:var(--text-primary);margin-bottom:1.5rem;}.blog-detail-author{display:flex;align-items:center;gap:12px;padding:0.75rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:2rem;}.blog-detail-author img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--brand-primary);}.blog-detail-author-info h4{margin:0;font-size:0.95rem;font-weight:700;color:var(--text-primary);font-family:var(--font-body);}.blog-detail-author-info p{margin:0;font-size:0.8rem;color:var(--text-secondary);font-family:var(--font-body);}.blog-detail-cover{width:100%;aspect-ratio:16/9;border-radius:var(--radius-soft);overflow:hidden;border:1px solid var(--border-color);margin-bottom:3rem;}.blog-detail-cover img{width:100%;height:100%;object-fit:cover;}.blog-detail-body{font-size:1.1rem;line-height:1.8;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;font-family:var(--font-body);}.blog-detail-body p{margin-bottom:1.5rem;}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem;color:var(--text-secondary);font-family:var(--font-body);}.loading-spinner{border:4px solid rgba(111,143,114,0.1);border-left-color:var(--brand-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}.back-btn{margin-bottom:2rem;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);}@media (max-width:768px){.blog-detail-container{margin:90px auto 40px auto;padding:0 1rem;}.blog-detail-title{font-size:1.8rem;margin-bottom:1rem;}.blog-detail-cover{margin-bottom:1.5rem;}.blog-detail-body{font-size:1rem;line-height:1.7;}}@media (max-width:768px){.chat-drawer{width:100vw !important;max-width:100vw !important;left:-100vw !important;height:100vh !important;height:100dvh !important;border-right:none !important;box-shadow:none !important;}.chat-drawer.active{transform:translateX(100vw) !important;}.chat-drawer-header{padding:1rem 1.25rem !important;flex-shrink:0 !important;}.chat-drawer-body{flex:1 !important;height:calc(100% - 60px) !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;}.chat-conversation-view{height:100% !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;}.chat-conversation-header{flex-shrink:0 !important;padding:0.75rem 1rem !important;}.chat-messages-feed{flex:1 !important;min-height:0 !important;overflow-y:auto !important;-webkit-overflow-scrolling:touch !important;padding:1rem !important;gap:0.85rem !important;}.chat-input-area{flex-shrink:0 !important;position:sticky !important;bottom:0 !important;background:var(--bg-secondary) !important;border-top:1px solid var(--border-color) !important;padding:0.75rem 1rem calc(0.75rem + env(safe-area-inset-bottom)) 1rem !important;box-shadow:0 -4px 12px rgba(0,0,0,0.03) !important;z-index:100 !important;}.chat-input-field{font-size:16px !important;padding:0.65rem 1rem !important;}.chat-send-btn{width:38px !important;height:38px !important;flex-shrink:0 !important;}}@media (max-width:576px){.site-header{padding:0.85rem 1rem !important;}.brand-logo-img{width:40px !important;height:40px !important;}.brand-text{font-size:1.25rem !important;}.blog-nav-icons{gap:0.85rem !important;margin-right:0.5rem !important;}.blog-nav-icon-link{font-size:1.1rem !important;}.feed-composer-card{padding:1rem !important;gap:0.85rem !important;}.composer-top-row{gap:10px !important;}.composer-user-avatar{width:36px !important;height:36px !important;}.composer-greeting{font-size:0.88rem !important;}.composer-placeholder-input{font-size:16px !important;padding:0.5rem 1rem !important;height:36px !important;}.feed-post-card{padding:1.15rem !important;gap:0.85rem !important;}.post-title{font-size:1.15rem !important;}.post-excerpt{font-size:0.88rem !important;}.post-actions-footer{flex-wrap:wrap !important;gap:0.75rem !important;justify-content:space-between !important;}}