body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;left:0;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar-scrolled{background:#fffffffa;box-shadow:0 2px 20px #0000001a}.nav-container{align-items:center;display:flex;height:70px;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.nav-brand{flex-shrink:0}.brand-link{align-items:center;color:#2c3e50;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;text-decoration:none;transition:color .3s ease}.brand-link:hover{color:#3498db}.brand-icon{font-size:1.75rem}.nav-links-container{align-items:center;display:flex;gap:2rem}.nav-links{align-items:center;display:flex;gap:1.5rem;list-style:none;margin:0;padding:0}.nav-item{position:relative}.nav-link{align-items:center;border-radius:8px;color:#4a5568;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link.active,.nav-link:hover{background:#3498db1a;color:#3498db}.nav-icon{font-size:1.1rem}.dropdown{position:relative}.dropdown-toggle{align-items:center;border-radius:8px;color:#4a5568;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease;white-space:nowrap}.dropdown-toggle:hover{background:#3498db1a;color:#3498db}.dropdown-arrow{font-size:.7rem;transition:transform .3s ease}.dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{background:#fff;border-radius:8px;box-shadow:0 10px 30px #00000026;left:0;min-width:200px;opacity:0;padding:.5rem;position:absolute;top:100%;transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:1001}.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.dropdown-link{align-items:center;border-radius:6px;color:#4a5568;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.dropdown-link:hover{background:#3498db1a;color:#3498db}.dropdown-icon{font-size:1rem;text-align:center;width:16px}.mobile-menu-button{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:4px;padding:.5rem}.menu-bar{background:#4a5568;border-radius:2px;height:3px;transition:all .3s ease;width:25px}.mobile-menu-button.menu-open .menu-bar:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-button.menu-open .menu-bar:nth-child(2){opacity:0}.mobile-menu-button.menu-open .menu-bar:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-legal-links{border-top:1px solid #0000001a;display:none;flex-direction:column;gap:.5rem;padding:1rem}.mobile-legal-link{align-items:center;border-radius:6px;color:#4a5568;display:flex;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.mobile-legal-link:hover{background:#3498db1a;color:#3498db}.nav-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}@media (max-width:768px){.mobile-menu-button{display:flex}.nav-links-container{align-items:stretch;background:#fff;box-shadow:-5px 0 15px #0000001a;flex-direction:column;height:calc(100vh - 70px);justify-content:flex-start;overflow-y:auto;position:fixed;right:-100%;top:70px;transition:right .3s ease;width:280px;z-index:999}.nav-links-container.nav-links-open{right:0}.nav-links{flex-direction:column;gap:0;padding:1rem 0;width:100%}.nav-item{width:100%}.nav-link{border-radius:0;justify-content:flex-start;padding:1rem 1.5rem}.dropdown{display:none}.mobile-legal-links{display:flex}.brand-link{font-size:1.25rem}.brand-icon{font-size:1.5rem}}@media (max-width:480px){.nav-container{padding:0 .75rem}.nav-links-container{width:100%}.brand-link{font-size:1.1rem}}body{padding-top:70px}.consent-backdrop{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9998}.consent-banner{animation:slideUp .4s cubic-bezier(.25,.46,.45,.94);background:#fff;border-radius:16px;bottom:20px;box-shadow:0 20px 60px #0003,0 0 0 1px #ffffff1a;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;left:50%;max-height:90vh;max-width:600px;overflow-y:auto;position:fixed;transform:translateX(-50%);width:90%;z-index:9999}.consent-content{color:#2d3748;padding:24px}.consent-header{border-bottom:1px solid #e2e8f0;gap:12px;margin-bottom:20px;padding-bottom:16px;position:relative}.consent-header,.consent-icon{align-items:center;display:flex}.consent-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;font-size:24px;height:40px;justify-content:center;width:40px}.consent-header h3{color:#1a202c;flex:1 1;font-size:18px;font-weight:600;margin:0}.consent-close{align-items:center;background:none;border:none;border-radius:50%;color:#718096;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.consent-close:hover{background:#f7fafc;color:#2d3748}.consent-body{margin-bottom:24px}.consent-body p{color:#4a5568;font-size:14px;line-height:1.6;margin:0 0 20px}.consent-body a{color:#667eea;font-weight:500;text-decoration:none}.consent-body a:hover{text-decoration:underline}.consent-features{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:20px 0}.feature-item{align-items:center;background:#f7fafc;border-radius:8px;color:#4a5568;display:flex;font-size:13px;gap:8px;padding:12px}.feature-icon{font-size:16px}.consent-settings{space-y:16px}.setting-item{align-items:flex-start;background:#f7fafc;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.setting-item:hover{background:#edf2f7}.setting-item.setting-required{background:#f0fff4;border:1px solid #c6f6d5}.setting-info{flex:1 1}.setting-info h4{color:#2d3748;font-size:14px;font-weight:600;margin:0 0 4px}.setting-info p{color:#718096;font-size:13px;line-height:1.5;margin:0}.setting-toggle{display:inline-block;flex-shrink:0;height:24px;position:relative;width:44px}.setting-toggle input{height:0;opacity:0;width:0}.toggle-slider{background:#cbd5e0;border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;width:18px}input:checked+.toggle-slider{background:#667eea}input:checked+.toggle-slider:before{transform:translateX(20px)}input:disabled+.toggle-slider{background:#a0aec0;cursor:not-allowed}.consent-actions{display:flex;flex-wrap:wrap;gap:12px}.consent-actions.detailed-actions{align-items:center;justify-content:space-between}.action-group{display:flex;gap:12px}.consent-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 20px;text-decoration:none;transition:all .2s ease}.consent-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 2px 4px #667eea4d;color:#fff}.consent-btn-primary:hover{box-shadow:0 4px 8px #667eea66;transform:translateY(-1px)}.consent-btn-secondary{background:#718096;color:#fff}.consent-btn-secondary:hover{background:#4a5568}.consent-btn-tertiary{background:#0000;border:1px solid #cbd5e0;color:#667eea}.consent-btn-tertiary:hover{background:#f7fafc;border-color:#667eea}.consent-btn-outline{background:#0000;border:1px solid #cbd5e0;color:#718096}.consent-btn-outline:hover{background:#f7fafc;color:#4a5568}.btn-icon{font-size:16px}.consent-footer{border-top:1px solid #e2e8f0;display:flex;gap:20px;justify-content:center;margin-top:16px;padding-top:16px}.consent-footer a{color:#718096;font-size:12px;text-decoration:none;transition:color .2s ease}.consent-footer a:hover{color:#667eea}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:768px){.consent-banner{animation:slideUpMobile .4s cubic-bezier(.25,.46,.45,.94);border-radius:16px 16px 0 0;bottom:0;left:0;max-width:none;right:0;transform:none;width:100%}.consent-content{padding:20px}.consent-actions{flex-direction:column}.consent-actions.detailed-actions{flex-direction:column;gap:12px}.action-group{justify-content:space-between;width:100%}.consent-btn{flex:1 1;min-width:auto}.consent-features{grid-template-columns:1fr}.setting-item{flex-direction:column;gap:12px;text-align:left}.setting-toggle{align-self:flex-start}.consent-footer{flex-direction:column;gap:8px;text-align:center}}@media (max-width:480px){.consent-content{padding:16px}.consent-header{flex-direction:column;gap:8px}.consent-header,.consent-header h3{text-align:center}.consent-close{position:absolute;right:8px;top:8px}}@keyframes slideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-color-scheme:dark){.consent-banner{background:#2d3748;color:#e2e8f0}.consent-header h3{color:#f7fafc}.consent-body p{color:#cbd5e0}.feature-item{color:#e2e8f0}.feature-item,.setting-item{background:#4a5568}.setting-item:hover{background:#718096}.setting-item.setting-required{background:#22543d;border-color:#38a169}.setting-info h4{color:#f7fafc}.consent-btn-outline,.consent-btn-tertiary{background:#0000;border-color:#4a5568;color:#cbd5e0}.consent-btn-outline:hover,.consent-btn-tertiary:hover{background:#4a5568}}@media (prefers-reduced-motion:reduce){.consent-backdrop,.consent-banner{animation:none}.consent-btn,.setting-item,.toggle-slider{transition:none}}:root{--background-hover:#f7fafc;--border-dark:#a0aec0;--gradient-primary:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);--gradient-card:linear-gradient(135deg,#fff,#f7fafc);--shadow-inner:inset 0 2px 4px #0000000f;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--font-size-xs:0.75rem;--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-normal:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;background-color:var(--background-light);color:#2d3748;color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}.layout{background:#f8fafc;background:var(--background-light);flex-direction:column;min-height:100vh}.layout,.layout-container{display:flex;position:relative}.layout-container{align-items:flex-start;flex:1 1;gap:3rem;gap:var(--space-2xl);margin:0 auto;max-width:1200px;padding:2rem 1.5rem;padding:var(--space-xl) var(--space-lg);width:100%}.main-content{background:#fff;background:var(--background-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md);flex:1 1;min-width:0;overflow:hidden;padding:3rem;padding:var(--space-2xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.main-content:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:16px 16px 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.main-content:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.sidebar{flex-shrink:0;max-height:calc(100vh - 120px);overflow-y:auto;position:-webkit-sticky;position:sticky;scrollbar-color:#a3bffa #0000;scrollbar-color:var(--primary-light) #0000;scrollbar-width:thin;top:calc(80px + 2rem);top:calc(80px + var(--space-xl));width:340px}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:#0000}.sidebar::-webkit-scrollbar-thumb{background:#a3bffa;background:var(--primary-light);border-radius:9999px;border-radius:var(--radius-full)}.sidebar::-webkit-scrollbar-thumb:hover{background:#667eea;background:var(--primary-color)}.sidebar-sticky{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-lg)}.sidebar-widget{background:#fff;background:var(--background-card);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md);overflow:hidden;padding:2rem;padding:var(--space-xl);position:relative}.sidebar-widget,.sidebar-widget:before{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.sidebar-widget:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0}.sidebar-widget:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-3px)}.sidebar-widget:hover:before{opacity:1}.sidebar-widget h3{align-items:center;color:#2d3748;color:var(--text-dark);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;gap:.5rem;gap:var(--space-sm);line-height:1.4;margin-bottom:1rem;margin-bottom:var(--space-md)}.sidebar-widget h3:before{font-size:1.25rem;font-size:var(--font-size-xl);opacity:.8}.sidebar-widget p{color:#4a5568;color:var(--text-gray);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.sidebar-link,.sidebar-widget p{font-size:.875rem;font-size:var(--font-size-sm)}.sidebar-link{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:8px;border-radius:var(--radius-md);color:#fff;display:inline-flex;font-weight:500;gap:.5rem;gap:var(--space-sm);justify-content:center;overflow:hidden;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal);width:100%}.sidebar-link:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .5s cubic-bezier(.4,0,.2,1);transition:var(--transition-slow);width:100%}.sidebar-link:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);color:#fff;text-decoration:none;transform:translateY(-2px)}.sidebar-link:hover:before{left:100%}.sidebar-tags{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm)}.sidebar-tag{background:#f8fafc;background:var(--background-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);color:#4a5568;color:var(--text-gray);cursor:pointer;display:inline-block;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md);text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.sidebar-tag:hover{background:#667eea;background:var(--primary-color);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#fff;text-decoration:none;transform:translateY(-1px)}.ad-container{border-radius:12px;border-radius:var(--radius-lg);margin:1.5rem 0;margin:var(--space-lg) 0;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-normal)}.ad-container:hover{box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md)}.ad-label{font-size:.75rem;font-size:var(--font-size-xs)}.sidebar-ad,.sidebar-ad-secondary{background:#fff;background:var(--background-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--space-lg);overflow:hidden}.footer-ad{border-radius:12px;border-radius:var(--radius-lg);margin:0 auto 2rem;margin:0 auto var(--space-xl);max-width:1200px;overflow:hidden}.footer{background:#2d3748;background:var(--text-dark);border-top:4px solid #667eea;border-top:4px solid var(--primary-color);color:#fff;flex-shrink:0;margin-top:auto;overflow:hidden;padding:3rem 0 2rem;padding:var(--space-2xl) 0 var(--space-xl);position:relative}.footer:before{background:linear-gradient(90deg,#0000,#667eea,#0000);background:linear-gradient(90deg,#0000,var(--primary-color),#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.footer-content{gap:2rem;gap:var(--space-xl);margin:0 auto;max-width:1200px;padding:0 2rem;padding:0 var(--space-xl);position:relative;text-align:center;z-index:1}.footer-content,.footer-section{align-items:center;display:flex;flex-direction:column}.footer-section{gap:1rem;gap:var(--space-md)}.footer-section p{color:#ffffffe6;font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:2rem;gap:var(--space-xl);justify-content:center}.footer-link{color:#fffc;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;padding:.25rem 0;padding:var(--space-xs) 0;position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.footer-link:after{background:#667eea;background:var(--primary-color);bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.footer-link:hover{color:#fff;text-decoration:none}.footer-link:hover:after{width:100%}.footer-text{color:#ffffffe6;font-size:1rem;font-size:var(--font-size-base);font-weight:500}.footer-subtext{color:#ffffffb3;font-size:.875rem;font-size:var(--font-size-sm);margin-top:.25rem;margin-top:var(--space-xs)}.loading-container{background:#fff;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md);padding:3rem;padding:var(--space-2xl)}.error-container,.loading-container{background:var(--background-card);border-radius:16px;border-radius:var(--radius-xl);min-height:400px}.error-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.loading-spinner{border:3px solid #e2e8f0;border-top:3px solid #667eea;border:3px solid var(--border-light);border-radius:9999px;border-radius:var(--radius-full);border-top-color:var(--primary-color);height:40px;margin-bottom:1.5rem;margin-bottom:var(--space-lg);width:40px}@media (max-width:1024px){.layout-container{flex-direction:column;gap:2rem;gap:var(--space-xl);padding:1.5rem;padding:var(--space-lg)}.sidebar{margin-bottom:2rem;margin-bottom:var(--space-xl);max-height:none;order:-1;position:static;width:100%}.sidebar-sticky{grid-gap:1.5rem;grid-gap:var(--space-lg);display:grid;gap:1.5rem;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.main-content{padding:2rem;padding:var(--space-xl);width:100%}.sidebar-widget{margin-bottom:0}.sidebar-ad,.sidebar-ad-secondary{margin-left:auto;margin-right:auto;max-width:300px;width:100%}}@media (max-width:768px){:root{--space-xl:1.5rem;--space-2xl:2rem}.layout-container{gap:1.5rem;gap:var(--space-lg);padding:1rem;padding:var(--space-md)}.sidebar-sticky{gap:1rem;gap:var(--space-md);grid-template-columns:1fr}.main-content,.sidebar-widget{padding:1.5rem;padding:var(--space-lg)}.main-content{border-radius:12px;border-radius:var(--radius-lg)}.footer{padding:2rem 0 1.5rem;padding:var(--space-xl) 0 var(--space-lg)}.footer-content{padding:0 1.5rem;padding:0 var(--space-lg)}.footer-content,.footer-links{gap:1.5rem;gap:var(--space-lg)}.footer-link{font-size:.875rem;font-size:var(--font-size-sm)}.sidebar-widget h3{font-size:1rem;font-size:var(--font-size-base)}.sidebar-widget p{font-size:.875rem;font-size:var(--font-size-sm)}}@media (max-width:480px){.layout-container{gap:1rem;gap:var(--space-md);padding:.5rem;padding:var(--space-sm)}.main-content,.sidebar-widget{border-radius:8px;border-radius:var(--radius-md);padding:1rem;padding:var(--space-md)}.main-content{box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.main-content:before{height:3px}.ad-container{margin:1rem 0;margin:var(--space-md) 0}.footer{padding:1.5rem 0 1rem;padding:var(--space-lg) 0 var(--space-md)}.footer-content{padding:0 1rem;padding:0 var(--space-md)}.footer-links{align-items:center;flex-direction:column;gap:1rem;gap:var(--space-md)}.footer-link{font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem 0;padding:var(--space-xs) 0}.sidebar-tags{justify-content:center}.sidebar-sticky{gap:.5rem;gap:var(--space-sm)}.sidebar-link{font-size:.75rem;font-size:var(--font-size-xs);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}}@media (max-width:360px){.layout-container{padding:.25rem;padding:var(--space-xs)}.main-content,.sidebar-widget{padding:1rem;padding:var(--space-md)}.sidebar-widget h3{font-size:1rem;font-size:var(--font-size-base)}.footer-section p,.footer-subtext,.footer-text,.sidebar-widget p{font-size:.875rem;font-size:var(--font-size-sm)}.sidebar-sticky{gap:.25rem;gap:var(--space-xs)}}.footer-link:focus,.sidebar-link:focus,.sidebar-tag:focus{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px}.skip-link{background:#667eea;background:var(--primary-color);border-radius:6px;border-radius:var(--radius-sm);color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);z-index:1060;z-index:var(--z-tooltip)}.skip-link:focus{top:6px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.footer-link,.main-content,.sidebar-link,.sidebar-tag,.sidebar-widget{transition:none}html{scroll-behavior:auto}}@media (prefers-contrast:high){.main-content,.sidebar-tag,.sidebar-widget{border:2px solid #2d3748;border:2px solid var(--text-dark)}.footer{border-top:4px solid #2d3748;border-top:4px solid var(--text-dark)}}@media (prefers-color-scheme:dark){:root{--background-light:#1a202c;--background-white:#2d3748;--background-card:#2d3748;--background-hover:#2d3748;--text-dark:#f7fafc;--text-gray:#e2e8f0;--text-light:#cbd5e0;--text-muted:#a0aec0;--border-light:#4a5568;--border-medium:#718096}.layout{background:#f8fafc;background:var(--background-light)}.main-content,.sidebar-widget{background:#fff;background:var(--background-card);border-color:#e2e8f0;border-color:var(--border-light)}.main-content,.sidebar-widget,.sidebar-widget h3{color:#2d3748;color:var(--text-dark)}.sidebar-tag,.sidebar-widget p{color:#4a5568;color:var(--text-gray)}.sidebar-tag{background:#4a5568;border-color:#cbd5e0;border-color:var(--border-medium)}.ad-container{background:#fff;background:var(--background-card)}@media (max-width:768px){.main-content{box-shadow:0 2px 4px #0000004d}}}@media print{.footer,.sidebar{display:none}.main-content{background:#fff;border:none;box-shadow:none;color:#000;flex:none;margin:0;padding:0}.layout-container{flex-direction:column;margin:0;max-width:none;padding:0}.layout{background:#fff}.main-content:before{display:none}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:#c1c1c1;-webkit-transition:all .15s cubic-bezier(.4,0,.2,1);transition:all .15s cubic-bezier(.4,0,.2,1);-webkit-transition:var(--transition-fast);transition:var(--transition-fast)}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.main-content,.sidebar-widget{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;perspective:1000;text-rendering:optimizeLegibility;transform:translateZ(0)}.layout:focus-within{outline:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.sidebar-sticky>*{animation:fadeIn .6s ease-out forwards}.sidebar-sticky>:first-child{animation-delay:.1s}.sidebar-sticky>:nth-child(2){animation-delay:.2s}.sidebar-sticky>:nth-child(3){animation-delay:.3s}.sidebar-sticky>:nth-child(4){animation-delay:.4s}.sidebar-sticky>:nth-child(5){animation-delay:.5s}@media (max-width:768px){.footer-link,.sidebar-link,.sidebar-tag{align-items:center;display:flex;justify-content:center;min-height:44px}.layout{overflow-x:hidden}.main-content{line-height:1.6}}@media (min-width:1440px){.layout-container{max-width:1400px}.sidebar{width:380px}}:root{--gradient-hero:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)}.home-container{margin:0 auto;max-width:1200px;min-height:80vh;padding:1rem}.home-hero{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--gradient-hero);border-radius:24px;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-large);color:#fff;margin-bottom:4rem;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.home-hero:before{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-accent);border-radius:50%;content:"";height:200%;opacity:.1;position:absolute;right:-50%;top:-50%;width:100%}.home-hero-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f8fafc);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000001a}.hero-subtitle{color:#ffffffe6;font-size:1.5rem;font-weight:500;line-height:1.6;margin-bottom:2.5rem}.cta-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);color:#fff;display:inline-block;font-size:1.25rem;font-weight:700;overflow:hidden;padding:1.25rem 2.5rem;position:relative;text-decoration:none;transition:all .3s ease}.cta-button:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cta-button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-large);transform:translateY(-3px) scale(1.05)}.cta-button:hover:before{left:100%}.home-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:4rem}.feature-card{background:#fff;background:var(--background-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-light);overflow:hidden;padding:2.5rem 2rem;position:relative;text-align:center;transition:all .3s ease}.feature-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.feature-card:hover{box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-large);transform:translateY(-8px)}.feature-card:nth-child(2):hover{transform:translateY(-8px) rotate(1deg)}.feature-card:nth-child(3):hover{transform:translateY(-8px) rotate(-1deg)}.feature-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;display:block;font-size:4rem;margin-bottom:1.5rem;transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg)}.feature-title{color:#2d3748;color:var(--text-dark);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.feature-description{color:#4a5568;color:var(--text-gray);font-size:1.1rem;line-height:1.6;margin:0}.home-cta{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:var(--gradient-light);border-radius:24px;margin-top:2rem;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.home-cta:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);bottom:0;content:"";left:0;opacity:.03;position:absolute;right:0;top:0;z-index:1}.cta-content{position:relative;z-index:2}.cta-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#2d3748;color:var(--text-dark);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.cta-subtitle{color:#4a5568;color:var(--text-gray);font-size:1.2rem;line-height:1.6;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.cta-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:2px solid #0000;border-radius:50px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-light);color:#fff;display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button-primary:hover{background:#5a67d8;background:var(--primary-dark);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.cta-button-secondary{background:#fff;background:var(--background-white);border:2px solid #e2e8f0;border:2px solid var(--border-light);border-radius:50px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-light);color:#2d3748;color:var(--text-dark);display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button-secondary:hover{background:#f8fafc;background:var(--background-light);border-color:#667eea;border-color:var(--primary-color);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);color:#667eea;color:var(--primary-color);transform:translateY(-3px)}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.home-hero{animation:fadeInScale .8s ease-out}.feature-card{animation:fadeInUp .6s ease-out}.feature-card:first-child{animation-delay:.1s}.feature-card:nth-child(2){animation-delay:.2s}.feature-card:nth-child(3){animation-delay:.3s}.home-cta{animation:fadeInUp .6s ease-out .4s both}@media (max-width:768px){.home-container{padding:.5rem}.home-hero{margin-bottom:3rem;padding:3rem 1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.25rem}.cta-button{font-size:1.1rem;padding:1rem 2rem}.home-features-grid{gap:1.5rem;grid-template-columns:1fr;margin-bottom:3rem}.feature-card{padding:2rem 1.5rem}.feature-icon{font-size:3.5rem}.feature-title{font-size:1.5rem}.home-cta{padding:3rem 1.5rem}.cta-title{font-size:2rem}.cta-subtitle{font-size:1.1rem}.cta-buttons{align-items:center;flex-direction:column}.cta-button-primary,.cta-button-secondary{max-width:250px;text-align:center;width:100%}}@media (max-width:480px){.home-hero{border-radius:20px;padding:2rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:1.1rem}.cta-button{font-size:1rem;padding:.875rem 1.75rem}.feature-card{border-radius:16px;padding:1.5rem 1rem}.feature-icon{font-size:3rem}.feature-title{font-size:1.25rem}.feature-description{font-size:1rem}.home-cta{border-radius:20px;padding:2rem 1rem}.cta-title{font-size:1.75rem}.cta-subtitle{font-size:1rem}}@media (prefers-reduced-motion:no-preference){.feature-card,.home-cta,.home-hero{animation-duration:.8s}}.cta-button-primary:focus,.cta-button-secondary:focus,.cta-button:focus{outline:3px solid #667eea;outline:3px solid var(--primary-color);outline-offset:2px}@media print{.home-hero{background:#fff!important;box-shadow:none!important;color:#000!important}.cta-button,.cta-button-primary,.cta-button-secondary{display:none}.feature-card{border:1px solid #ccc!important;box-shadow:none!important;break-inside:avoid;page-break-inside:avoid}.home-container{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}}.lazy-load-image-background.blur{filter:blur(15px)}.lazy-load-image-background.blur.lazy-load-image-loaded{filter:blur(0);transition:filter .3s}.lazy-load-image-background.blur>img{opacity:0}.lazy-load-image-background.blur.lazy-load-image-loaded>img{opacity:1;transition:opacity .3s}.newsletter-signup{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin:1.5rem 0;padding:1.5rem;transition:all .3s ease}.newsletter-signup:hover{box-shadow:0 4px 12px #0000000d}.newsletter-header{margin-bottom:1.5rem;text-align:center}.newsletter-title{color:#2d3748;font-size:1.25rem;font-weight:600;line-height:1.3;margin-bottom:.5rem}.newsletter-description{color:#718096;font-size:.9rem;line-height:1.4;margin:0}.newsletter-warning{align-items:center;background:#fef3cd;border:1px solid #fde68a;border-radius:6px;color:#92400e;display:flex;font-size:.8rem;gap:.5rem;margin-bottom:1rem;padding:.5rem .75rem}.warning-icon{font-size:.9em}.newsletter-form{width:100%}.form-row{display:flex;gap:.5rem;margin-bottom:.75rem}.newsletter-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:.9rem;outline:none;padding:.75rem;transition:all .2s ease}.newsletter-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a}.newsletter-input:disabled{background-color:#f9fafb;cursor:not-allowed;opacity:.7}.name-input{border-bottom-right-radius:0;border-top-right-radius:0}.newsletter-button{align-items:center;background-color:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.newsletter-button:hover:not(:disabled){background-color:#4338ca;box-shadow:0 2px 8px #4f46e54d;transform:translateY(-1px)}.newsletter-button:active:not(:disabled){transform:translateY(0)}.newsletter-button:disabled{background-color:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.name-toggle{margin-bottom:.75rem;text-align:center}.name-toggle-button{background:none;border:none;color:#4f46e5;cursor:pointer;font-size:.8rem;padding:.25rem 0;text-decoration:underline;transition:color .2s ease}.name-toggle-button:hover{color:#4338ca}.name-field{display:flex;margin-bottom:.75rem}.name-remove-button{align-items:center;background:#ef4444;border:none;border-bottom-right-radius:6px;border-top-right-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;min-width:40px;padding:0 .75rem;transition:background-color .2s ease}.name-remove-button:hover{background:#dc2626}.newsletter-message{border-radius:6px;font-size:.9rem;line-height:1.4;margin-bottom:.75rem;padding:.75rem;text-align:center}.newsletter-message.success{background-color:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.newsletter-message.error{background-color:#fee2e2;border:1px solid #fecaca;color:#991b1b}.newsletter-message.loading{background-color:#dbeafe;border:1px solid #93c5fd;color:#1e40af}.privacy-note{color:#6b7280;margin-top:.75rem;text-align:center}.privacy-note small{font-size:.75rem;line-height:1.3}.button-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:14px;width:14px}.success-info{border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem}.success-tip{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;padding:.75rem}.success-tip strong{color:#065f46;display:block;margin-bottom:.5rem}.success-tip ul{color:#047857;margin:0;padding-left:1rem}.success-tip li{font-size:.8rem;margin-bottom:.25rem}@media (max-width:768px){.newsletter-signup{margin:1.25rem 0;padding:1.25rem}.form-row{flex-direction:column}.newsletter-button{justify-content:center;width:100%}.name-field{flex-direction:column}.name-input{border-radius:6px;margin-bottom:.5rem}.name-remove-button{align-self:flex-end;border-radius:6px;min-width:auto;padding:.5rem;width:auto}.newsletter-title{font-size:1.1rem}.newsletter-description{font-size:.85rem}}@media (min-width:769px) and (max-width:1024px){.newsletter-signup{padding:1.5rem}}@media (prefers-color-scheme:dark){.newsletter-signup{background:#1f2937;border-color:#374151}.newsletter-title{color:#f9fafb}.newsletter-description{color:#d1d5db}.newsletter-input{background:#374151;border-color:#4b5563;color:#f9fafb}.newsletter-input:focus{border-color:#818cf8;box-shadow:0 0 0 2px #818cf833}.newsletter-warning{background:#451a03;border-color:#9a3412;color:#fdba74}.privacy-note{color:#9ca3af}.success-tip{background:#064e3b;border-color:#047857}.success-tip strong{color:#a7f3d0}.success-tip ul{color:#6ee7b7}}@media (prefers-reduced-motion:reduce){.newsletter-button,.newsletter-input,.newsletter-signup{transition:none}.button-spinner{animation:none}}.name-remove-button:focus-visible,.name-toggle-button:focus-visible,.newsletter-button:focus-visible,.newsletter-input:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}:root{--primary-light:#a3bffa;--accent-color:#ed64a6;--info-color:#4299e1;--background-card:#fff;--text-muted:#a0aec0;--border-medium:#cbd5e0;--gradient-light:linear-gradient(135deg,#f7fafc,#edf2f7);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000000d,0 1px 3px #0000001a;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem}.blog-post-container{background:#fff;background:var(--background-white);line-height:1.7;margin:0;min-height:80vh;padding:0;width:100%}.reading-progress{background:#e2e8f0;background:var(--border-light);height:4px;left:0;position:fixed;top:0;width:100%;z-index:1000}.reading-progress-bar{border-radius:0 2px 2px 0;box-shadow:0 0 10px #667eea80;height:100%;transition:width .3s ease}.reading-progress-bar,.scroll-to-top{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary)}.scroll-to-top{align-items:center;border:none;border-radius:50%;bottom:2rem;bottom:var(--space-xl);box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);height:50px;justify-content:center;position:fixed;right:2rem;right:var(--space-xl);transition:all .3s ease;width:50px;z-index:999}.scroll-to-top:hover{box-shadow:0 20px 25px #0000001a,0 10px 10px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-3px) scale(1.1)}.featured-image-container{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);margin-bottom:3rem;margin-bottom:var(--space-2xl);overflow:hidden;width:100%}.featured-image{display:block;height:auto;max-height:400px;object-fit:cover;width:100%}.breadcrumb{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.breadcrumb-link{align-items:center;background:#f8fafc;background:var(--background-light);border-radius:8px;color:#718096;color:var(--text-light);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.5rem;gap:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .2s ease}.breadcrumb-link:hover{background:#a3bffa;background:var(--primary-light);color:#667eea;color:var(--primary-color);text-decoration:none}.post-header{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-light);margin-bottom:3rem;margin-bottom:var(--space-2xl);padding-bottom:2rem;padding-bottom:var(--space-xl);text-align:center}.post-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#2d3748;color:var(--text-dark);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;line-height:1.3}.post-meta,.post-title{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.post-meta{color:#718096;color:var(--text-light);flex-wrap:wrap;font-size:1rem;font-size:var(--font-size-base);gap:var(--space-md);justify-content:center}.post-meta-item{align-items:center;background:#f8fafc;background:var(--background-light);border-radius:25px;display:flex;font-weight:500;gap:.5rem;gap:var(--space-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.meta-icon{font-size:1.125rem;font-size:var(--font-size-lg)}.meta-separator{color:#a0aec0;color:var(--text-muted);font-weight:300}.post-categories{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.category-tag{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:25px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md);color:#fff;font-weight:600;padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);text-transform:capitalize}.category-tag,.tag{font-size:.875rem;font-size:var(--font-size-sm)}.tag{background:#f8fafc;background:var(--background-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;color:#4a5568;color:var(--text-gray);display:inline-block;padding:.25rem 1rem;padding:var(--space-xs) var(--space-md);text-decoration:none}.social-sharing{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--space-sm);justify-content:center;margin:3rem 0;margin:var(--space-2xl) 0}.share-label{color:#4a5568;color:var(--text-gray);font-weight:500;margin-right:.5rem;margin-right:var(--space-sm)}.share-label,.social-button{font-size:.875rem;font-size:var(--font-size-sm)}.social-button{align-items:center;border:none;border-radius:25px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md);cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;gap:var(--space-sm);padding:.5rem 1.5rem;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all .3s ease}.social-button:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);text-decoration:none;transform:translateY(-2px)}.social-button.twitter{background:#1da1f2;color:#fff}.social-button.linkedin{background:#0077b5;color:#fff}.social-button.facebook{background:#4267b2;color:#fff}.social-button.reddit{background:#ff4500;color:#fff}.social-button.copy{background:#48bb78;background:var(--success-color);color:#fff}.social-button.print{background:#4a5568;background:var(--text-gray);color:#fff}.table-of-contents{background:#f8fafc;background:var(--background-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md);margin:3rem 0;margin:var(--space-2xl) 0;padding:2rem;padding:var(--space-xl)}.toc-title{align-items:center;color:#2d3748;color:var(--text-dark);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;margin-bottom:1rem;margin-bottom:var(--space-md)}.toc-nav,.toc-title{display:flex;gap:.5rem;gap:var(--space-sm)}.toc-nav{flex-direction:column}.toc-link{border-left:3px solid #0000;border-radius:8px;color:#4a5568;color:var(--text-gray);font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .2s ease}.toc-link:hover{border-left-color:#a3bffa;border-left-color:var(--primary-light);text-decoration:none}.toc-link.active,.toc-link:hover{background:#fff;background:var(--background-white);color:#667eea;color:var(--primary-color)}.toc-link.active{border-left-color:#667eea;border-left-color:var(--primary-color);font-weight:600}.toc-link.h3{font-size:.875rem;font-size:var(--font-size-sm);padding-left:2rem;padding-left:var(--space-xl)}.post-content{color:#4a5568;color:var(--text-gray);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.8;margin:3rem 0;margin:var(--space-2xl) 0;width:100%}.post-content img{border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md);display:block;height:auto!important;margin:2rem auto;margin:var(--space-xl) auto;max-width:100%!important}.post-content h1{border-bottom:3px solid #667eea;border-bottom:3px solid var(--primary-color);color:#2d3748;color:var(--text-dark);font-size:1.5rem;font-size:var(--font-size-2xl);margin:3rem 0 1.5rem;margin:var(--space-2xl) 0 var(--space-lg);padding-bottom:.5rem;padding-bottom:var(--space-sm)}.post-content h2{color:#5a67d8;color:var(--primary-dark);font-size:1.25rem;font-size:var(--font-size-xl);margin:2rem 0 1rem;margin:var(--space-xl) 0 var(--space-md)}.post-content h3{color:#764ba2;color:var(--secondary-color);font-size:1.125rem;font-size:var(--font-size-lg);margin:1.5rem 0 1rem;margin:var(--space-lg) 0 var(--space-md)}.post-content p{margin-bottom:1.5rem;margin-bottom:var(--space-lg);text-align:left}.post-content blockquote{background:#f8fafc;background:var(--background-light);border-left:4px solid #667eea;border-left:4px solid var(--primary-color);border-radius:0 8px 8px 0;color:#4a5568;color:var(--text-gray);font-style:italic;margin:2rem 0;margin:var(--space-xl) 0;padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl)}.post-content pre{background:#2d3748;border-radius:12px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md);color:#e2e8f0;margin:2rem 0;margin:var(--space-xl) 0;overflow-x:auto;padding:1.5rem;padding:var(--space-lg)}.post-content code{background:#f8fafc;background:var(--background-light);border-radius:4px;color:#5a67d8;color:var(--primary-dark);font-size:.9em;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.post-content pre code{background:none;color:inherit;padding:0}.post-content ol,.post-content ul{margin:1.5rem 0;margin:var(--space-lg) 0;padding-left:3rem;padding-left:var(--space-2xl)}.post-content li{margin-bottom:.5rem;margin-bottom:var(--space-sm)}.post-content a{border-bottom:1px solid #0000;color:#667eea;color:var(--primary-color);font-weight:500;text-decoration:none;transition:all .2s ease}.post-content a:hover{border-bottom:1px solid #667eea;border-bottom:1px solid var(--primary-color);color:#5a67d8;color:var(--primary-dark);text-decoration:none}.author-bio{align-items:flex-start;background:#f8fafc;background:var(--background-light);border-radius:12px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md);display:flex;gap:1.5rem;gap:var(--space-lg);margin:3rem 0;margin:var(--space-2xl) 0;padding:2rem;padding:var(--space-xl)}.author-avatar{border:3px solid #667eea;border:3px solid var(--primary-color);border-radius:50%;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);flex-shrink:0;height:80px;overflow:hidden;width:80px}.author-avatar img{height:100%;object-fit:cover;width:100%}.author-info{flex:1 1}.author-info h3{color:#2d3748;color:var(--text-dark);font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:.5rem;margin-bottom:var(--space-sm)}.author-info p{color:#4a5568;color:var(--text-gray);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.author-link{align-items:center;color:#667eea;color:var(--primary-color);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:.5rem;gap:var(--space-sm);text-decoration:none}.author-link:hover{color:#5a67d8;color:var(--primary-dark);text-decoration:none}.newsletter-section{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:16px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);color:#fff;margin:3rem 0;margin:var(--space-2xl) 0;padding:3rem;padding:var(--space-2xl);text-align:center}.newsletter-header h2{color:#fff;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-md)}.newsletter-header p{color:#ffffffe6;font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6;margin:0 auto;max-width:600px}.ad-container{margin:2rem 0;margin:var(--space-xl) 0;position:relative;text-align:center}.ad-label{color:#a0aec0;color:var(--text-muted);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;letter-spacing:.5px;margin-top:.5rem;margin-top:var(--space-sm);text-align:center;text-transform:uppercase}.ad-break{margin:3rem 0;margin:var(--space-2xl) 0}.ad-in-article{margin:2rem auto;margin:var(--space-xl) auto;max-width:100%}.ad-after-content,.ad-before-content,.ad-between-sections{margin:3rem auto;margin:var(--space-2xl) auto}.error-container{background:#fff;background:var(--background-white);border:1px solid #e2e8f0;border-left:4px solid #f56565;border:1px solid var(--border-light);border-left:4px solid var(--error-color);border-radius:12px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md);margin:var(--space-xl) auto;padding:3rem;padding:var(--space-2xl)}.error-icon{font-size:3rem;opacity:.7}.error-container h2,.error-icon{margin-bottom:1.5rem;margin-bottom:var(--space-lg)}.error-container h2{color:#f56565;color:var(--error-color);font-size:1.25rem;font-size:var(--font-size-xl)}.error-container p{color:#4a5568;color:var(--text-gray);font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6;margin-bottom:2rem;margin-bottom:var(--space-xl)}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-md);justify-content:center}.retry-button{align-items:center;border-radius:25px;box-shadow:0 4px 6px #0000000d,0 1px 3px #0000001a;box-shadow:var(--shadow-md);display:inline-flex;font-size:var(--font-size-base);font-weight:600;gap:.5rem;gap:var(--space-sm);padding:1rem 2rem;padding:var(--space-md) var(--space-xl);transition:all .3s ease}.retry-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);color:#fff}.retry-button.secondary{background:#f8fafc;background:var(--background-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);color:#4a5568;color:var(--text-gray)}.retry-button.tertiary{background:#4a5568;background:var(--text-gray);color:#fff}.retry-button:hover{box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}@media (max-width:1024px){.blog-post-container{padding:1.5rem;padding:var(--space-lg)}.post-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.post-meta,.social-sharing{align-items:center;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.social-button{justify-content:center;max-width:250px;width:100%}.share-label{margin-bottom:.5rem;margin-bottom:var(--space-sm);margin-right:0}.author-bio{flex-direction:column;gap:1.5rem;gap:var(--space-lg);text-align:center}.author-avatar{margin:0 auto}.scroll-to-top{bottom:1.5rem;bottom:var(--space-lg);font-size:1.125rem;font-size:var(--font-size-lg);height:45px;right:1.5rem;right:var(--space-lg);width:45px}.post-content{font-size:1rem;font-size:var(--font-size-base)}}@media (max-width:768px){.blog-post-container{padding:1rem;padding:var(--space-md)}.post-title{font-size:1.25rem;font-size:var(--font-size-xl)}.post-header{padding:1.5rem;padding:var(--space-lg)}.post-meta-item{font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem 1rem;padding:var(--space-xs) var(--space-md)}.newsletter-section{padding:2rem 1rem;padding:var(--space-xl) var(--space-md)}.newsletter-header h2{font-size:1.25rem;font-size:var(--font-size-xl)}.newsletter-header p{font-size:1rem;font-size:var(--font-size-base)}.social-button{font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}.author-bio{padding:1.5rem;padding:var(--space-lg)}.author-avatar{height:60px;width:60px}.error-container{padding:2rem;padding:var(--space-xl)}.error-actions{align-items:center;flex-direction:column}.retry-button{justify-content:center;max-width:250px;width:100%}.table-of-contents{padding:1.5rem;padding:var(--space-lg)}}@media (max-width:480px){.blog-post-container{padding:.5rem;padding:var(--space-sm)}.post-title{font-size:1.125rem;font-size:var(--font-size-lg)}.post-header{padding:1rem;padding:var(--space-md)}.post-content,.post-meta{font-size:.875rem;font-size:var(--font-size-sm)}.newsletter-section{padding:1.5rem .5rem;padding:var(--space-lg) var(--space-sm)}.social-sharing{gap:.25rem;gap:var(--space-xs)}.author-bio{padding:1rem;padding:var(--space-md)}.author-avatar{height:50px;width:50px}}@media (prefers-reduced-motion:reduce){.retry-button,.scroll-to-top,.social-button{transition:none}}.breadcrumb-link:focus,.retry-button:focus,.scroll-to-top:focus,.social-button:focus,.toc-link:focus{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px}::selection{background:#a3bffa;background:var(--primary-light);color:#2d3748;color:var(--text-dark)}::-moz-selection{background:#a3bffa;background:var(--primary-light);color:#2d3748;color:var(--text-dark)}.blog-list-page{margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.blog-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.blog-header h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.blog-header p{color:#666;font-size:1.2rem;margin-bottom:1rem}.posts-count{color:#888;font-size:1rem;font-style:italic}.posts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:3rem}.post-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.post-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.post-image{height:200px;overflow:hidden;position:relative}.post-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.post-card:hover .post-image img{transform:scale(1.05)}.post-content{padding:1.5rem}.post-meta{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.category{background:#667eea;border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.read-time{color:#666;font-size:.9rem}.post-title{line-height:1.4;margin-bottom:1rem}.post-title a{color:#2d3748;font-size:1.3rem;font-weight:700;text-decoration:none;transition:color .2s ease}.post-title a:hover{color:#667eea}.post-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#666;display:-webkit-box;line-height:1.6;margin-bottom:1.5rem;overflow:hidden}.post-footer{align-items:center;border-top:1px solid #f7fafc;color:#888;display:flex;font-size:.9rem;justify-content:space-between;padding-top:1rem}.author{color:#4a5568;font-weight:500}.date{color:#718096}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:50vh;padding:4rem 2rem;text-align:center}.loading-spinner{border:4px solid #f3f3f3;border-top-color:#667eea;height:50px;margin-bottom:1rem;width:50px}.error-container{background:#fed7d7;border:1px solid #feb2b2;border-radius:8px;margin:2rem auto;max-width:600px;padding:3rem 2rem;text-align:center}.error-container h2{color:#c53030;margin-bottom:1rem}.error-container p{color:#742a2a;margin-bottom:1.5rem}.retry-button{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background-color .2s ease}.retry-button:hover{background-color:#5a67d8}.no-posts{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:12px;grid-column:1/-1;padding:4rem 2rem;text-align:center}.no-posts h3{color:#2d3748;font-size:1.5rem;margin-bottom:1rem}.no-posts p{color:#718096;font-size:1.1rem}@media (max-width:768px){.blog-list-page{padding:1rem}.posts-grid{gap:1.5rem;grid-template-columns:1fr}.blog-header h1{font-size:2rem}.blog-header p{font-size:1.1rem}.post-content{padding:1.25rem}.post-footer,.post-meta{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width:480px){.blog-header{margin-bottom:2rem;padding:1rem 0}.blog-header h1{font-size:1.75rem}.post-title a{font-size:1.2rem}}:root{--primary-color:#667eea;--primary-dark:#5a67d8;--secondary-color:#764ba2;--accent-color:#f093fb;--background-light:#f8fafc;--background-white:#fff;--text-dark:#2d3748;--text-gray:#4a5568;--text-light:#718096;--border-light:#e2e8f0;--success-color:#48bb78;--warning-color:#ed8936;--error-color:#f56565;--shadow-light:0 4px 6px #0000000d;--shadow-medium:0 10px 15px #0000001a;--shadow-large:0 20px 25px #00000026;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-accent:linear-gradient(135deg,#f093fb,#f5576c);--gradient-light:linear-gradient(135deg,#f8fafc,#e2e8f0)}.about-container{background:#fff;background:var(--background-white);margin:0 auto;max-width:1200px;min-height:80vh;padding:2rem}.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:24px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);color:#fff;margin-bottom:3rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.about-hero:before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-accent);border-radius:50%;content:"";height:200%;opacity:.1;position:absolute;right:-50%;top:-50%;width:100%}.hero-content{align-items:center;display:flex;gap:3rem;margin:0 auto;max-width:1000px;position:relative;text-align:left;z-index:2}.profile-image-container{flex-shrink:0;position:relative}.profile-image{border:4px solid #fff;border-radius:50%;box-shadow:0 20px 25px #00000026;box-shadow:var(--shadow-large);height:200px;object-fit:cover;transition:transform .3s ease;width:200px}.profile-image:hover{transform:scale(1.05)}.profile-badge{animation:pulse 2s infinite;background:#f56565;background:var(--error-color);border-radius:20px;bottom:10px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);color:#fff;font-size:.8rem;font-weight:600;padding:.5rem 1rem;position:absolute;right:-10px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.hero-text{flex:1 1}.about-title{color:#fff;font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:.5rem}.about-subtitle{font-size:1.5rem;font-weight:300;margin-bottom:1rem;opacity:.9}.hero-description{font-size:1.2rem;line-height:1.6;margin-bottom:2rem;opacity:.95}.hero-stats{display:flex;gap:2rem}.stat{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700}.stat-label{font-size:.9rem;opacity:.8}.about-content{display:flex;flex-direction:column;gap:3rem}.about-section{background:#fff;background:var(--background-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-light);overflow:hidden;padding:2.5rem;position:relative;transition:all .3s ease}.about-section:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.about-section:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-5px)}.section-header{align-items:center;display:flex;margin-bottom:2rem}.section-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-right:1rem}.section-title{color:#2d3748;color:var(--text-dark);font-size:2rem;font-weight:700;margin:0}.section-text{color:#4a5568;color:var(--text-gray);font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.journey-highlights{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.highlight-item{align-items:flex-start;background:#f8fafc;background:var(--background-light);border-left:4px solid #667eea;border-left:4px solid var(--primary-color);border-radius:12px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.highlight-item:hover{border-left-color:#f093fb;border-left-color:var(--accent-color);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-light);transform:translateX(5px)}.highlight-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;flex-shrink:0;font-size:1.5rem}.highlight-content h4{color:#2d3748;color:var(--text-dark);font-size:1.1rem;font-weight:600;margin:0 0 .5rem}.highlight-content p{color:#4a5568;color:var(--text-gray);font-size:.95rem;line-height:1.5;margin:0}.expertise-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.expertise-category{background:#f8fafc;background:var(--background-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:12px;padding:2rem;transition:all .3s ease}.expertise-category:hover{box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-light);transform:translateY(-3px)}.expertise-title{border-bottom:2px solid #667eea;border-bottom:2px solid var(--primary-color);color:#2d3748;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.expertise-list{list-style:none;margin:0;padding:0}.expertise-list li{color:#4a5568;color:var(--text-gray);padding:.5rem 0 .5rem 1.5rem;position:relative;transition:color .3s ease}.expertise-list li:hover{color:#667eea;color:var(--primary-color)}.expertise-list li:before{color:#48bb78;color:var(--success-color);content:"✓";font-weight:700;left:0;position:absolute}.philosophy-points{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:2rem}.philosophy-point{background:linear-gradient(135deg,#667eea10,#764ba210);border-left:4px solid #667eea;border-left:4px solid var(--primary-color);border-radius:12px;padding:2rem;transition:all .3s ease}.philosophy-point:hover{box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-light);transform:translateY(-3px)}.philosophy-point h4{color:#2d3748;color:var(--text-dark);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.philosophy-point p{color:#4a5568;color:var(--text-gray);line-height:1.5;margin:0}.content-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.content-card{background:#fff;background:var(--background-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;overflow:hidden;padding:2.5rem 1.5rem;position:relative;text-align:center;transition:all .3s ease}.content-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.content-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-8px)}.content-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1.5rem}.content-card h4{color:#2d3748;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.content-card p{color:#4a5568;color:var(--text-gray);line-height:1.5;margin:0}.tech-stack-container{margin-top:1.5rem}.tech-stack-text{color:#4a5568;color:var(--text-gray);font-size:1.1rem;line-height:1.7;margin-bottom:1.5rem}.tech-stack-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:1.5rem}.tech-item{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:8px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-light);color:#fff;font-size:.9rem;font-weight:600;overflow:hidden;padding:.75rem 1rem;position:relative;text-align:center;transition:all .3s ease}.tech-item:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.tech-item:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);transform:scale(1.05)}.tech-item:hover:before{left:100%}.services-section{background:linear-gradient(135deg,#f093fb10,#f5576c10);border:1px solid #e2e8f0;border:1px solid var(--border-light)}.services-grid{margin-top:1.5rem}.service-card{background:var(--background-white);border:1px solid var(--border-light);border-radius:12px;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center}.service-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.service-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-5px)}.service-title{color:#2d3748;color:var(--text-dark);font-size:1.2rem}.service-description{color:#4a5568;color:var(--text-gray);line-height:1.5}.contact-section{background:#2c3e50;border-radius:20px;color:#fff;margin-top:2rem;overflow:hidden;padding:3rem 2rem;position:relative;text-align:center}.contact-section:before{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-accent);border-radius:50%;content:"";height:200%;opacity:.1;position:absolute;right:-50%;top:-50%;width:100%}.contact-header{align-items:center;display:flex;justify-content:center;margin-bottom:2rem;position:relative;z-index:2}.contact-icon{font-size:2.5rem;margin-right:1rem}.contact-title{color:#fff;font-size:2.25rem;font-weight:700;margin:0}.contact-text{color:#ffffffe6;font-size:1.2rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;position:relative;z-index:2}.contact-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;position:relative;z-index:2}.contact-button{border:2px solid #0000;border-radius:50px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-light);display:inline-block;font-size:1.1rem;font-weight:600;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.contact-button.primary{background:#fff;color:#667eea;color:var(--primary-color)}.contact-button.primary:hover{background:#f8fafc;background:var(--background-light);border-color:#fff;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.contact-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;color:#fff}.contact-button.secondary:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-3px)}.contact-button.outline{background:#0000;border:2px solid #ffffff80;color:#fff}.contact-button.outline:hover{background:#fff;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);color:#667eea;color:var(--primary-color);transform:translateY(-3px)}.trust-section{background:#f8fafc;background:var(--background-light);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:20px;margin-top:3rem;padding:3rem 2rem;text-align:center}.trust-title{color:#2d3748;color:var(--text-dark);font-size:2rem;font-weight:700;margin-bottom:2rem}.trust-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.trust-card{background:#fff;background:var(--background-white);border:1px solid #e2e8f0;border:1px solid var(--border-light);border-radius:16px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-light);overflow:hidden;padding:2.5rem 1.5rem;position:relative;transition:all .3s ease}.trust-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.trust-card:hover{box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-medium);transform:translateY(-5px)}.trust-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1.5rem}.trust-card h4{color:#2d3748;color:var(--text-dark);font-size:1.3rem;font-weight:600;margin-bottom:1rem}.trust-card p{color:#4a5568;color:var(--text-gray);line-height:1.5;margin:0}@media (max-width:768px){.about-container{padding:1rem}.about-hero{padding:2rem 1rem}.hero-content{flex-direction:column;gap:2rem;text-align:center}.profile-image{height:150px;width:150px}.about-title{font-size:2.5rem}.about-subtitle{font-size:1.25rem}.hero-stats{flex-wrap:wrap;justify-content:center}.about-content{gap:2rem}.about-section{padding:1.5rem}.section-header{flex-direction:column;gap:1rem;text-align:center}.section-icon{margin-right:0}.section-title{font-size:1.75rem}.content-grid,.expertise-grid,.journey-highlights,.philosophy-points,.services-grid,.trust-grid{gap:1rem;grid-template-columns:1fr}.contact-section{padding:2rem 1.5rem}.contact-header{flex-direction:column;gap:1rem}.contact-title{font-size:1.75rem}.contact-text{font-size:1.1rem}.contact-buttons{align-items:center;flex-direction:column}.contact-button{max-width:250px;text-align:center;width:100%}.tech-stack-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:480px){.about-title{font-size:2rem}.about-subtitle{font-size:1.1rem}.hero-description{font-size:1rem}.about-content{padding:0}.about-section{padding:1.25rem}.section-title{font-size:1.5rem}.section-text{font-size:1rem}.hero-stats{flex-direction:column;gap:1rem}.stat-number{font-size:1.75rem}.contact-title{font-size:1.5rem}.contact-text{font-size:1rem}.trust-title{font-size:1.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.about-hero{animation:fadeInUp .8s ease-out}.about-section{animation:fadeInUp .6s ease-out}.about-section:first-child{animation-delay:.1s}.about-section:nth-child(2){animation-delay:.2s}.about-section:nth-child(3){animation-delay:.3s}.about-section:nth-child(4){animation-delay:.4s}.about-section:nth-child(5){animation-delay:.5s}.about-section:nth-child(6){animation-delay:.6s}.contact-section{animation:fadeInUp .6s ease-out .7s both}.trust-section{animation:fadeInUp .6s ease-out .8s both}.about-container{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.about-content{flex:1 1}html{scroll-behavior:smooth}.contact-button:focus,.tech-item:focus{outline:2px solid #667eea;outline:2px solid var(--primary-color);outline-offset:2px}.profile-image{animation:loading 1.5s infinite;background:#f8fafc;background:var(--background-light);background-image:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.contact-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.contact-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.contact-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.contact-subtitle{color:#4a5568;font-size:1.2rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:600px}.contact-grid{grid-gap:3rem;align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:4rem}.contact-info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2.5rem}.contact-info-title{align-items:center;color:#2d3748;display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;line-height:1.3;margin-bottom:1.5rem}.contact-info-description{color:#4a5568;font-size:1.05rem;font-weight:400;line-height:1.6;margin-bottom:2rem}.contact-info-section{margin-bottom:2rem}.contact-info-section:last-child{margin-bottom:0}.contact-info-section-title{align-items:center;color:#2d3748;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;line-height:1.4;margin-bottom:.5rem}.contact-info-text{color:#4a5568;font-weight:400;line-height:1.5;margin:0}.contact-info-text.muted{color:#718096;font-size:.95rem}.contact-link{color:#4f46e5;font-size:1.05rem;font-weight:500;text-decoration:none;transition:color .2s ease}.contact-link:hover{color:#3730a3;text-decoration:underline}.contact-icon{font-size:1.2em}.contact-form-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px #0000000d;padding:2.5rem}.contact-form-title{align-items:center;color:#2d3748;display:flex;font-size:1.75rem;font-weight:700;gap:.5rem;line-height:1.3;margin-bottom:2rem}.status-message{border:1px solid;border-radius:8px;font-size:1rem;font-weight:500;line-height:1.5;margin-bottom:2rem;padding:1rem 1.25rem}.status-message.success{background-color:#f0fdf4;border-color:#bbf7d0;color:#166534}.status-message.error{background-color:#fef2f2;border-color:#fecaca;color:#991b1b}.contact-form{width:100%}.form-group{margin-bottom:1.75rem}.form-label{color:#374151;display:block;font-size:1rem;font-weight:600;line-height:1.5;margin-bottom:.75rem}.form-input,.form-select,.form-textarea{background-color:#fff;border:2px solid #d1d5db;border-radius:8px;color:#1f2937;font-family:inherit;font-size:1rem;font-weight:400;outline:none;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;font-weight:400}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:#fff}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#9ca3af}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#f9fafb;border-color:#d1d5db;color:#6b7280;cursor:not-allowed}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.form-textarea{line-height:1.5;min-height:140px;resize:vertical}.textarea-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.char-count{color:#6b7280;font-size:.875rem;font-weight:500}.char-count.error{color:#dc2626;font-weight:600}.submit-button{align-items:center;background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.75rem;justify-content:center;margin-top:.5rem;padding:1rem 2rem;transition:all .2s ease;width:100%}.submit-button:hover:not(:disabled){background-color:#4338ca;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{background-color:#9ca3af;box-shadow:none;transform:none}.loading-spinner{border-top-color:#fff}.additional-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:2.5rem}.additional-info-title{color:#2d3748;font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:2rem;text-align:center}.services-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.service-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;padding:1.75rem;transition:all .3s ease}.service-card:hover{border-color:#c7d2fe;box-shadow:0 8px 25px #0000001a;transform:translateY(-4px)}.service-title{align-items:center;color:#4f46e5;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;line-height:1.4;margin-bottom:1rem}.service-description{color:#4b5563;font-size:.95rem;font-weight:400;line-height:1.6;margin:0}.service-icon{font-size:1.3em}@media (max-width:768px){.contact-container{padding:1rem}.contact-header{margin-bottom:2rem;padding:1rem 0}.contact-title{font-size:2rem;margin-bottom:.75rem}.contact-subtitle{font-size:1.1rem;padding:0 .5rem}.contact-grid{gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}.contact-form-card,.contact-info-card{padding:1.75rem}.contact-form-title,.contact-info-title{font-size:1.5rem;margin-bottom:1.25rem}.contact-info-section{margin-bottom:1.75rem}.additional-info{padding:1.75rem}.additional-info-title{font-size:1.3rem;margin-bottom:1.5rem}.services-grid{gap:1.25rem;grid-template-columns:1fr}.service-card{padding:1.5rem}.textarea-header{align-items:flex-start;flex-direction:column;gap:.5rem}.form-group{margin-bottom:1.5rem}.form-label{font-size:1.05rem;margin-bottom:.5rem}.form-input,.form-select,.form-textarea{font-size:1.05rem;padding:.75rem .875rem}.submit-button{font-size:1.1rem;padding:.875rem 1.5rem}}@media (max-width:480px){.contact-container{padding:.75rem}.contact-title{font-size:1.75rem}.contact-subtitle{font-size:1rem;line-height:1.5}.contact-form-card,.contact-info-card{padding:1.5rem}.contact-form-title,.contact-info-title{font-size:1.3rem}.contact-info-section-title{font-size:1.05rem}.contact-link{font-size:1rem}.submit-button{font-size:1.05rem;padding:.875rem 1.25rem}.additional-info{padding:1.5rem}.service-card{padding:1.25rem}.status-message{font-size:.95rem;padding:.875rem 1rem}}@media (min-width:769px) and (max-width:1024px){.contact-container{padding:1.5rem}.contact-grid{gap:2.5rem}.contact-form-card,.contact-info-card{padding:2rem}.contact-title{font-size:2.25rem}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.contact-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}}@media (prefers-reduced-motion:reduce){.contact-link,.form-input,.form-select,.form-textarea,.service-card,.submit-button{transition:none}.loading-spinner{animation:none}.service-card:hover,.submit-button:hover:not(:disabled){transform:none}}@media (prefers-color-scheme:dark){.contact-container{background-color:#111827;color:#f9fafb}.additional-info,.contact-info-card{background:#1f2937;border-color:#374151;color:#f9fafb}.additional-info-title,.contact-form-title,.contact-info-section-title,.contact-info-title,.form-label{color:#f9fafb}.char-count,.contact-info-description,.contact-info-text.muted,.contact-subtitle,.service-description{color:#d1d5db}.contact-info-text{color:#e5e7eb}.contact-link{color:#818cf8}.contact-link:hover{color:#a5b4fc}.contact-form-card{background:#1f2937;border-color:#374151;color:#f9fafb}.form-input,.form-select,.form-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:focus,.form-select:focus,.form-textarea:focus{background-color:#374151;border-color:#818cf8;box-shadow:0 0 0 3px #818cf833}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#6b7280}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:#4b5563;border-color:#6b7280;color:#9ca3af}.service-card{background:#374151;border-color:#4b5563}.service-title{color:#a5b4fc}.service-description{color:#d1d5db}.status-message.success{background-color:#064e3b;border-color:#047857;color:#a7f3d0}.status-message.error{background-color:#7f1d1d;border-color:#b91c1c;color:#fecaca}.submit-button{background-color:#818cf8}.submit-button:hover:not(:disabled){background-color:#6366f1;box-shadow:0 4px 12px #6366f14d}.submit-button:disabled{background-color:#6b7280}}.contact-link:focus-visible,.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.submit-button:focus-visible{outline:2px solid #4f46e5;outline-offset:2px}@media print{.contact-container{max-width:none;padding:0}.contact-grid{gap:1rem;grid-template-columns:1fr}.additional-info,.contact-form-card,.contact-info-card{border:1px solid #000;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.submit-button{display:none}.contact-link{color:#000;text-decoration:underline}}.api-status-warning{align-items:center;background:#fef3cd;border:1px solid #fde68a;border-radius:6px;color:#92400e;display:flex;font-size:.9rem;gap:.5rem;margin-left:auto;margin-right:auto;margin-top:1rem;max-width:600px;padding:.75rem 1rem}.status-icon{font-size:1.1em}.textarea-hint{color:#6b7280;font-size:.8rem;font-style:italic;margin-top:.25rem}.form-hint{margin-top:1rem;text-align:center}.hint-warning{color:#dc2626;font-size:.85rem;font-style:italic}.submit-button:disabled{cursor:not-allowed;opacity:.6}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.api-status-warning{font-size:.85rem;margin:1rem .5rem;padding:.5rem .75rem}.textarea-hint{font-size:.75rem}.hint-warning{font-size:.8rem}}