.site-header{background-color:#0B0B0B;border-bottom:none;padding:var(--spacing-md) var(--spacing-lg);position:sticky;top:0;z-index:var(--z-sticky)}.header-container{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-brand{display:flex;flex-direction:column;gap:4px}.header-title{font-size:var(--font-size-2xl);margin:0;color:#7AC488;font-family:var(--font-heading);font-weight:700;letter-spacing:-0.5px}.header-subtitle{font-size:var(--font-size-xs);margin:0;color:#7AC488;font-family:var(--font-body);text-transform:uppercase;letter-spacing:2px;font-weight:300}.header-nav{display:flex;align-items:center;gap:var(--spacing-md)}.header-nav-link{color:#FFFFFF;text-decoration:none;text-transform:uppercase;font-weight:500;font-size:var(--font-size-sm);letter-spacing:0.5px}.header-nav-link:hover{color:#7AC488}.nav-item-with-submenu{position:relative;display:inline-block}.nav-dropdown-trigger{background:none;border:none;color:#FFFFFF;font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;padding:0;transition:color var(--transition-fast);text-transform:uppercase;font-weight:500;letter-spacing:0.5px}.nav-dropdown-trigger:hover{color:#7AC488}.nav-dropdown-trigger:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.nav-submenu{display:none;position:absolute;top:calc(100% + 8px);left:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-xs);margin-top:0;min-width:180px;box-shadow:var(--shadow-md);list-style:none;z-index:var(--z-dropdown)}.nav-submenu::before{content:'';position:absolute;top:-8px;left:0;right:0;height:8px}.nav-item-with-submenu:hover .nav-submenu{display:block}.nav-submenu li{margin:0}.nav-submenu a{display:block;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-primary);text-decoration:none;text-transform:uppercase;font-weight:500;font-size:var(--font-size-sm);letter-spacing:0.5px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.nav-submenu a:hover{background-color:var(--bg-secondary);color:var(--color-primary)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background-color:transparent;color:var(--text-inverse);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{background-color:var(--bg-tertiary);border-color:var(--color-primary)}.theme-toggle__icon{font-size:var(--font-size-lg)}.quick-nav{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-sm) 0;position:sticky;top:73px;z-index:calc(var(--z-sticky) - 1)}.quick-nav-container{max-width:1440px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md)}.quick-nav-link{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;text-decoration:none;padding:var(--spacing-xs) 0;transition:color var(--transition-fast);position:relative}.quick-nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-fast)}.quick-nav-link:hover{color:var(--text-primary)}.quick-nav-link:hover::after{width:100%}.main-content{max-width:1440px;margin:0 auto;padding:var(--spacing-3xl) var(--spacing-lg);background-color:var(--bg-primary)}body{background-color:var(--bg-secondary)}.guide-section{margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-3xl);border-bottom:2px solid var(--border-secondary)}.guide-section:last-child{border-bottom:none}.section-title{font-size:var(--font-size-3xl);font-weight:bold;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm);border-bottom:3px solid var(--color-primary);display:inline-block}.site-footer{background-color:var(--bg-secondary);border-top:none;padding:var(--spacing-2xl) var(--spacing-lg);text-align:center}.footer-container{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.footer-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0}.footer-links{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.footer-links li{margin:0}.footer-links a{color:var(--text-secondary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-primary)}.brand-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.brand-item{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow var(--transition-fast)}.brand-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.brand-item h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.logo-placeholder{padding:var(--spacing-2xl);background-color:var(--bg-tertiary);border:2px dashed var(--border-primary);border-radius:var(--radius-md);text-align:center}.logo-placeholder p:first-child{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs)}.brand-colors{display:flex;flex-direction:column;gap:var(--spacing-lg)}.brand-color-item{display:flex;gap:var(--spacing-md);align-items:center}.color-swatch{width:100px;height:100px;border-radius:var(--radius-md);box-shadow:var(--shadow-md);flex-shrink:0}.color-info h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.color-hex{font-family:var(--font-code);font-size:var(--font-size-lg);font-weight:bold;margin-bottom:4px}.color-rgb{font-family:var(--font-code);font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xs)}.font-specimens{display:flex;flex-direction:column;gap:var(--spacing-lg)}.font-specimen{padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.font-specimen h4{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);font-family:var(--font-body)}.font-sample{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);line-height:var(--line-height-normal)}.font-sample.font-heading{font-family:var(--font-heading)}.font-sample.font-body{font-family:var(--font-body)}.font-sample.font-accent{font-family:var(--font-accent)}@media (min-width:640px){.brand-colors{flex-direction:row}.brand-color-item{flex:1;flex-direction:column;text-align:center}}.typography-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.typography-item{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow var(--transition-fast)}.typography-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.typography-item h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.heading-examples{display:flex;flex-direction:column;gap:var(--spacing-lg)}.heading-example{padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.heading-example h1,.heading-example h2,.heading-example h3,.heading-example h4,.heading-example h5,.heading-example h6{margin-bottom:var(--spacing-xs)}.body-text-examples,.font-pairing-examples{display:flex;flex-direction:column;gap:var(--spacing-md)}.body-example,.pairing-example{padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.spacing-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.spacing-item{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow var(--transition-fast)}.spacing-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.spacing-item h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.spacing-examples{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.spacing-demo{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.spacing-box{background-color:var(--color-primary);border-radius:var(--radius-sm);flex-shrink:0}.spacing-info strong{display:block;color:var(--text-primary);margin-bottom:4px}.spacing-info p{margin:0}.colors-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.colors-item{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow var(--transition-fast)}.colors-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.colors-item h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.color-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.color-card{background-color:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.color-preview{height:120px;width:100%}.color-details{padding:var(--spacing-md)}.color-details h4{margin-bottom:var(--spacing-xs);font-size:var(--font-size-lg)}.forms-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.forms-item{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow var(--transition-fast)}.forms-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.forms-item h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.form-examples{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-example{display:flex;flex-direction:column;gap:var(--spacing-xs)}.form-example label{font-weight:500;color:var(--text-primary)}.input,.textarea,.select{width:100%;padding:var(--spacing-sm);background-color:var(--input-bg);border:2px solid var(--input-border);border-radius:var(--radius-md);color:var(--input-text);font-size:var(--font-size-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(122,196,136,0.1)}.input:disabled,.textarea:disabled,.select:disabled{background-color:var(--input-disabled-bg);color:var(--input-disabled-text);cursor:not-allowed}.input::placeholder,.textarea::placeholder{color:var(--input-placeholder)}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23666" d="M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z"/></svg>');background-repeat:no-repeat;background-position:right var(--spacing-sm) center;background-size:12px;padding-right:calc(var(--spacing-sm) * 3);cursor:pointer}.select:hover:not(:disabled){border-color:var(--text-secondary)}.select:disabled{opacity:0.6;background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23999" d="M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z"/></svg>')}:root[data-theme="dark"] .select{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23B8B8B8" d="M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z"/></svg>')}:root[data-theme="dark"] .select:disabled{background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%23666" d="M1.41 0L6 4.58 10.59 0 12 1.41l-6 6-6-6z"/></svg>')}.input--error{border-color:var(--color-error)}.input--error:focus{box-shadow:0 0 0 3px rgba(220,53,69,0.1)}.input--success{border-color:var(--color-success)}.input--success:focus{box-shadow:0 0 0 3px rgba(40,167,69,0.1)}.input-message{font-size:var(--font-size-sm);margin-top:4px}.input-message--error{color:var(--color-error)}.input-message--success{color:var(--color-success)}.textarea{resize:vertical;min-height:100px}.button-examples{display:flex;flex-direction:column;gap:var(--spacing-xl)}.button-group h4{margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg)}.buttons-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.button{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:2px solid transparent;border-radius:4px;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.button--primary{background-color:var(--button-primary-bg);color:var(--button-primary-text)}.button--primary:hover:not(:disabled){background-color:var(--button-primary-hover);color:var(--button-primary-hover-text);transform:translateY(-1px);box-shadow:var(--shadow-md)}.button--primary:active:not(:disabled){transform:translateY(0)}.button--secondary{background-color:var(--bg-tertiary);color:var(--text-primary)}.button--secondary:hover:not(:disabled){background-color:var(--bg-secondary);transform:translateY(-1px)}.button--outline{background-color:transparent;border-color:var(--button-secondary-border);color:var(--button-secondary-text)}.button--outline:hover:not(:disabled){background-color:var(--bg-secondary);transform:translateY(-1px)}.button--white{background-color:white;color:var(--color-primary);border:none}.button--white:hover:not(:disabled){background-color:rgba(255,255,255,0.9);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.button--read-more{text-transform:uppercase;letter-spacing:0.5px}.button:disabled{opacity:0.5;cursor:not-allowed}.button--loading{position:relative;color:transparent}.button--loading::after{content:'';position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid var(--button-primary-text);border-radius:50%;border-top-color:transparent;animation:button-loading-spinner 0.6s linear infinite}@keyframes button-loading-spinner{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkbox-label,.radio-label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.checkbox,.radio{width:20px;height:20px;cursor:pointer}.checkbox-label:has(.checkbox:disabled),.radio-label:has(.radio:disabled){opacity:0.5;cursor:not-allowed}.navigation-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.navigation-item{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow var(--transition-fast)}.navigation-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.navigation-item h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.navbar-demo{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.navbar-brand{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);letter-spacing:-0.5px}.navbar-menu{display:flex;gap:var(--spacing-xl);list-style:none;margin:0;padding:0;align-items:center}.navbar-link{color:var(--text-primary);text-decoration:none;font-size:var(--font-size-lg);font-weight:500;padding:8px 0;transition:color var(--transition-fast);position:relative;display:inline-block}.navbar-link:hover{color:var(--color-primary)}.navbar-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary);transition:width var(--transition-fast)}.navbar-link:hover::after{width:100%}.breadcrumb{padding:0}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:0;list-style:none;margin:0;font-size:var(--font-size-base);text-transform:uppercase;letter-spacing:0.5px}.breadcrumb-list li{display:flex;align-items:center}.breadcrumb-list li a{color:var(--text-accent);text-decoration:none;transition:color var(--transition-fast);font-weight:600}.breadcrumb-list li a:hover{color:var(--button-primary-hover)}.breadcrumb-list li:not(:last-child)::after{content:'›';margin:0 10px;color:var(--text-tertiary);font-size:1em;font-weight:400}.breadcrumb-list li:last-child{color:var(--text-accent);font-weight:600}.pagination{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.pagination-btn{padding:8px 12px;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:4px;color:var(--text-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(.pagination-btn--active){background-color:var(--bg-secondary)}.pagination-btn--active{background-color:var(--button-primary-bg);color:var(--button-primary-text);border-color:var(--button-primary-bg)}.main-nav{background-color:var(--bg-primary);border:1px solid var(--border-primary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:0 1px 3px rgba(0,0,0,0.05)}.main-nav-container{display:flex;justify-content:space-between;align-items:center}.main-nav-brand{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:700;color:var(--text-primary);letter-spacing:-0.5px}.main-nav-menu{display:flex;list-style:none;gap:var(--spacing-xl);margin:0;padding:0;align-items:center}.main-nav-item--has-submenu{position:relative}.main-nav-link{display:flex;align-items:center;gap:4px;padding:8px 0;color:var(--text-primary);text-decoration:none;font-size:var(--font-size-lg);font-weight:500;transition:all var(--transition-fast);position:relative}.main-nav-item--has-submenu .main-nav-link::after{content:'▾';font-size:10px;color:var(--text-secondary);transition:transform var(--transition-fast)}.main-nav-item--has-submenu:hover .main-nav-link::after{transform:rotate(180deg)}.main-nav-link:hover{color:var(--color-primary)}.sub-menu{display:none;position:absolute;top:calc(100% + 8px);left:0;min-width:220px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:0 8px 24px rgba(0,0,0,0.12);list-style:none;margin:0;padding:var(--spacing-xs);z-index:var(--z-dropdown)}.main-nav-item--has-submenu:hover .sub-menu{display:block;animation:fadeInDown 200ms ease-out}@keyframes fadeInDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.sub-menu-link{display:block;padding:10px 12px;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast)}.sub-menu-link:hover{background-color:var(--bg-secondary);color:var(--color-primary);padding-left:16px}.content-section{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.content-item{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow var(--transition-fast)}.content-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.content-item h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.card{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-image{overflow:hidden}.card-body{padding:var(--spacing-md)}.card-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.card-text{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse;background-color:var(--bg-primary)}.table th,.table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-secondary)}.table th{background-color:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.table tr:hover{background-color:var(--bg-secondary)}.alert-examples{display:flex;flex-direction:column;gap:var(--spacing-md)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);border-left:4px solid}.alert--info{background-color:rgba(23,162,184,0.1);border-color:var(--color-info);color:var(--text-primary)}.alert--success{background-color:rgba(40,167,69,0.1);border-color:var(--color-success);color:var(--text-primary)}.alert--warning{background-color:rgba(255,193,7,0.1);border-color:var(--color-warning);color:var(--text-primary)}.alert--error{background-color:rgba(220,53,69,0.1);border-color:var(--color-error);color:var(--text-primary)}.badge-examples{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.badge{display:inline-block;padding:4px var(--spacing-xs);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500}.badge--primary{background-color:var(--color-primary);color:var(--text-inverse)}.badge--success{background-color:var(--color-success);color:var(--text-inverse)}.badge--warning{background-color:var(--color-warning);color:var(--text-primary)}.badge--error{background-color:var(--color-error);color:var(--text-inverse)}.badge--info{background-color:var(--color-info);color:var(--text-inverse)}.modal-demo{padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.modal-content{max-width:500px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 4px 12px rgba(0,0,0,0.15)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid rgba(0,0,0,0.05)}:root[data-theme="dark"] .modal-header{border-bottom:1px solid rgba(255,255,255,0.05)}.modal-header h4{margin:0}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);color:var(--text-secondary);cursor:pointer;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-primary)}.modal-body{padding:var(--spacing-md)}.modal-footer{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding:var(--spacing-md);border-top:1px solid rgba(0,0,0,0.05)}:root[data-theme="dark"] .modal-footer{border-top:1px solid rgba(255,255,255,0.05)}.modal-footer .button{padding:8px 16px;font-size:var(--font-size-sm)}.ecommerce-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.ecommerce-item{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow var(--transition-fast)}.ecommerce-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.ecommerce-item h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.product-card{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-image{overflow:hidden}.product-info{padding:var(--spacing-md)}.product-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.product-price{font-size:var(--font-size-xl);font-weight:bold;color:var(--text-accent);margin-bottom:var(--spacing-xs)}.product-rating{color:var(--color-warning);margin-bottom:var(--spacing-md)}.cart-items{display:flex;flex-direction:column;gap:var(--spacing-md)}.cart-item{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);align-items:center;flex-wrap:wrap}.cart-item-details{flex:1;min-width:200px}.cart-item-details h4{margin-bottom:4px;font-size:var(--font-size-base)}.cart-item-price{font-weight:bold;color:var(--text-accent)}.cart-item-quantity{display:flex;align-items:center;gap:var(--spacing-sm)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-lg)}.pricing-card{position:relative;padding:var(--spacing-lg);background-color:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card--featured{border-color:var(--color-primary)}.pricing-badge{position:absolute;top:-12px;right:var(--spacing-lg);padding:4px var(--spacing-sm);background-color:var(--color-primary);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:bold}.pricing-title{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.pricing-price{font-size:var(--font-size-4xl);font-weight:bold;margin-bottom:var(--spacing-lg)}.pricing-price span{font-size:var(--font-size-base);font-weight:normal;color:var(--text-secondary)}.pricing-features{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0;text-align:left}.pricing-features li{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--border-secondary)}.pricing-features li:last-child{border-bottom:none}.utilities-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.utilities-item{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow var(--transition-fast)}.utilities-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.utilities-item h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.utilities-item code{background-color:var(--bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);font-family:var(--font-code);font-size:var(--font-size-sm)}.tags-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.tags-item{padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1);transition:box-shadow var(--transition-fast)}.tags-item:hover{box-shadow:0 4px 12px rgba(0,0,0,0.15)}.tags-item h3{font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md)}.tag-examples{display:flex;flex-direction:column;gap:var(--spacing-md)}.tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.tag{display:inline-block;padding:4px 12px;background-color:var(--bg-secondary);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:all var(--transition-fast);border:1px solid transparent}.tag:hover{background-color:var(--bg-tertiary);border-color:var(--color-primary);color:var(--text-accent)}.tag--category{background-color:var(--color-primary);color:#FFFFFF;border:1px solid var(--color-primary);font-weight:600;opacity:1}.tag--category:hover{background-color:var(--button-primary-hover);color:#FFFFFF;border-color:var(--button-primary-hover);opacity:1;transform:translateY(-1px)}.post-tags{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.post-tag-label{font-weight:700;color:var(--text-primary);font-size:var(--font-size-sm)}.post-tag{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:600;transition:color var(--transition-fast)}.post-tag:hover{color:var(--button-primary-hover);text-decoration:underline}.tag-cloud{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.tag-cloud-item{display:inline-block;padding:4px 10px;background-color:var(--bg-primary);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:1em}.tag-cloud-item:hover{background-color:var(--color-primary);color:var(--button-primary-text);transform:scale(1.05)}.article-content{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.article-example{max-width:800px;margin:0 auto;padding:var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.article-breadcrumb{margin-bottom:var(--spacing-lg)}.article-header{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.article-title{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.article-meta{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.article-meta-separator{color:var(--text-tertiary)}.article-tags-header{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.article-body{line-height:var(--line-height-relaxed)}.article-lead{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}.article-body h2{font-size:var(--font-size-2xl);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-md)}.article-body h3{font-size:var(--font-size-xl);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.article-body p{margin-bottom:var(--spacing-md)}.article-body ul,.article-body ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.article-body li{margin-bottom:var(--spacing-xs)}.article-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}.article-footer{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}.article-footer-tags h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.hero-section{padding:var(--spacing-3xl) var(--spacing-md)}.hero-content{max-width:800px;margin:0 auto;text-align:center}.page-container{max-width:900px;margin:var(--spacing-3xl) auto;padding:0 var(--spacing-lg)}.page-header{text-align:center;margin-bottom:var(--spacing-3xl)}.page-title{font-family:var(--font-heading);font-size:var(--font-size-4xl);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.page-subtitle{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:700px;margin:0 auto}.gradient-feature-box{background:linear-gradient(135deg,var(--color-primary) 0%,var(--button-primary-hover) 100%);border-radius:var(--radius-lg);padding:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);color:white}.gradient-feature-box h2{font-size:var(--font-size-2xl);font-weight:600;margin-bottom:var(--spacing-xl);color:white}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-xl)}.feature-item{display:flex;align-items:start;gap:var(--spacing-md)}.feature-icon-box{background:rgba(255,255,255,0.2);border-radius:var(--radius-md);padding:var(--spacing-sm);flex-shrink:0}.feature-icon{font-size:var(--font-size-3xl)}.feature-title{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs);color:white}.feature-description{color:rgba(255,255,255,0.9);font-size:var(--font-size-sm);margin:0}.feature-note{margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,0.2);text-align:center}.feature-note-title{color:white;font-weight:700;font-size:var(--font-size-base);margin:0 0 var(--spacing-xs) 0}.feature-note-text{color:rgba(255,255,255,0.9);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.form-container{background:var(--bg-primary);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.step-progress{margin-bottom:var(--spacing-3xl)}.step-indicators{display:flex;justify-content:space-between;margin-bottom:var(--spacing-sm)}.step-spacer{width:var(--spacing-sm)}.step-indicator{flex:1;text-align:center;padding:var(--spacing-sm);background:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600}.step-indicator.active{background:var(--color-primary);color:#FFFFFF}.form-step{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-step h2{font-family:var(--font-heading);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-xl);color:var(--text-primary)}.form-fields{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-label{font-weight:500;color:var(--text-primary);margin-bottom:var(--spacing-xs);display:block}.form-label-required{color:var(--color-error)}.form-help-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:4px}.form-actions{margin-top:var(--spacing-2xl);display:flex;justify-content:space-between}.form-actions-end{margin-top:var(--spacing-2xl);display:flex;justify-content:flex-end}.error-page{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:var(--spacing-3xl) var(--spacing-lg)}.error-container{text-align:center;max-width:700px}.error-symbol{font-size:5em;margin-bottom:var(--spacing-lg)}.error-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--text-primary)}.error-message{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.error-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);flex-wrap:wrap}.error-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md);color:var(--text-primary)}.error-message{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.error-actions{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-2xl);flex-wrap:wrap}.page-container-wide{max-width:1440px;margin:var(--spacing-xl) auto;padding:0 var(--spacing-lg)}.content-with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-xl)}@media (max-width:768px){.content-with-sidebar{grid-template-columns:1fr}}.contact-form-container{background:var(--bg-primary);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.contact-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl)}.sidebar-card{background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.sidebar-card--gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--button-primary-hover) 100%);box-shadow:0 2px 8px rgba(74,155,96,0.2);text-align:center}.sidebar-card-icon{font-size:48px;margin-bottom:var(--spacing-md)}.sidebar-card-title{font-family:var(--font-heading);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:white}.sidebar-card-title-dark{font-family:var(--font-heading);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.sidebar-card-text{color:rgba(255,255,255,0.95);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg)}.sidebar-card-note{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal);margin-top:var(--spacing-md)}.office-hours-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.office-hours-item{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-secondary)}.office-hours-item:last-child{border-bottom:none;padding-bottom:0}.office-hours-day{font-weight:600;color:var(--text-primary)}.landing-hero{background:linear-gradient(135deg,#2d5a3d 0%,#1a3d2a 100%);padding:120px var(--spacing-lg) 100px;text-align:center;color:var(--text-inverse);position:relative;overflow:hidden;min-height:70vh;display:flex;align-items:center;justify-content:center}.landing-hero__background{position:absolute;inset:0;pointer-events:none;opacity:0.4}.landing-hero__background::before,.landing-hero__background::after{content:'';position:absolute;border-radius:50%;filter:blur(100px);background:radial-gradient(circle,rgba(122,196,136,0.3) 0%,transparent 70%)}.landing-hero__background::before{top:-10%;left:-5%;width:500px;height:500px}.landing-hero__background::after{bottom:-10%;right:-5%;width:400px;height:400px}.landing-hero__content{max-width:760px;margin:0 auto;position:relative;z-index:10}.landing-hero__badge{display:inline-block;background:rgba(255,255,255,0.15);padding:8px 20px;border-radius:50px;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-lg);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2)}.landing-hero__title{font-size:3.5rem;font-family:var(--font-heading);margin-bottom:var(--spacing-lg);font-weight:800;letter-spacing:-1.5px;line-height:1.15;color:var(--text-inverse)}.landing-hero__subtitle{font-size:1.25rem;line-height:1.7;font-weight:400;opacity:0.92;max-width:600px;margin:0 auto}.landing-solutions{padding:100px var(--spacing-lg) 80px;background:var(--bg-primary)}.landing-solutions__intro{text-align:center;max-width:700px;margin:0 auto var(--spacing-3xl)}.landing-solutions__heading{font-size:2.5rem;font-family:var(--font-heading);font-weight:700;margin-bottom:var(--spacing-sm);color:var(--text-primary);letter-spacing:-1px}.landing-solutions__subheading{font-size:1.125rem;color:var(--text-secondary);margin:0;line-height:1.6}.landing-solutions__grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.landing-solutions .feature-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-xl)}.solution-card{background:var(--bg-secondary);border-radius:16px;padding:var(--spacing-2xl);text-decoration:none;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;border:2px solid transparent}.solution-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,0.12);border-color:var(--color-primary)}.solution-card--featured{background:linear-gradient(135deg,#4A9B60 0%,#3a7d4d 100%);color:var(--text-inverse);border-color:var(--color-primary)}.solution-card--featured:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 16px 48px rgba(74,155,96,0.3)}.solution-card--learn,.solution-card--custom{background:var(--bg-secondary)}.solution-card--white{background:var(--bg-primary);border:1px solid var(--border-primary)}.solution-card__badge{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:rgba(255,255,255,0.2);color:var(--text-inverse);padding:6px 14px;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;backdrop-filter:blur(10px)}.solution-card__icon{font-size:3rem;line-height:1;margin-bottom:var(--spacing-sm)}.solution-card__title{font-size:1.5rem;font-family:var(--font-heading);font-weight:700;margin:0;color:inherit;letter-spacing:-0.5px}.solution-card--featured .solution-card__title{color:var(--text-inverse)}.solution-card__description{font-size:1rem;line-height:1.6;margin:0;color:var(--text-secondary);flex-grow:1}.solution-card--featured .solution-card__description{color:var(--text-inverse)}.solution-card__label{font-size:0.875rem;font-weight:600;padding-top:var(--spacing-md);border-top:1px solid currentColor;color:var(--text-tertiary);margin-top:auto}.landing-recent{padding:100px var(--spacing-lg) 80px;background:var(--bg-secondary)}.landing-recent__container{max-width:1200px;margin:0 auto}.landing-recent__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--spacing-3xl);flex-wrap:wrap;gap:var(--spacing-md)}.landing-recent__heading{font-size:2.5rem;font-family:var(--font-heading);font-weight:700;margin:0 0 var(--spacing-xs);color:var(--text-primary);letter-spacing:-1px}.landing-recent__subheading{font-size:1.125rem;color:var(--text-secondary);margin:0}.landing-projects{display:flex;flex-direction:column;gap:var(--spacing-xl);max-width:1200px;margin:0 auto}.project-card{background:var(--bg-primary);border-radius:16px;padding:var(--spacing-2xl);border:2px solid var(--bg-tertiary);transition:all 0.3s ease}.project-card:hover{border-color:var(--color-primary);box-shadow:0 8px 24px rgba(0,0,0,0.1)}.project-card--highlight{border-color:var(--color-primary);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);box-shadow:0 4px 16px rgba(74,155,96,0.15)}.project-card--highlight:hover{box-shadow:0 8px 32px rgba(74,155,96,0.25);transform:translateY(-2px)}.project-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.project-card__title{font-size:1.75rem;font-family:var(--font-heading);font-weight:700;margin:0;color:var(--text-primary)}.project-card__badge{background:linear-gradient(135deg,#4A9B60 0%,#3a7d4d 100%);color:var(--text-inverse);padding:6px 14px;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;flex-shrink:0}.project-card__description{font-size:1rem;line-height:1.6;color:var(--text-secondary);margin-bottom:var(--spacing-lg)}.project-card__tech{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tech-badge{background:var(--bg-tertiary);color:var(--text-primary);padding:6px 12px;border-radius:8px;font-size:0.875rem;font-weight:500}.landing-cta{padding:100px var(--spacing-lg);background:linear-gradient(135deg,#2d5a3d 0%,#1a3d2a 100%);text-align:center;color:var(--text-inverse)}.landing-cta__container{max-width:800px;margin:0 auto}.landing-cta__heading{font-size:2.5rem;font-family:var(--font-heading);font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-inverse);letter-spacing:-1px}.landing-cta__subheading{font-size:1.25rem;line-height:1.6;margin-bottom:var(--spacing-2xl);opacity:0.92}.landing-cta__buttons{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:nowrap}.button--lg{padding:14px 32px;font-size:1.125rem}@media (max-width:1200px){.landing-solutions__grid{grid-template-columns:repeat(2,1fr)}.solution-card--featured{grid-column:span 2}}@media (max-width:768px){.landing-hero{padding:80px var(--spacing-lg) 60px;min-height:60vh}.landing-hero__title{font-size:2.25rem;letter-spacing:-1px}.landing-hero__subtitle{font-size:1.125rem}.landing-solutions,.landing-recent,.landing-cta{padding:60px var(--spacing-lg)}.landing-solutions__heading,.landing-recent__heading,.landing-cta__heading{font-size:2rem}.landing-solutions__grid{grid-template-columns:1fr;gap:var(--spacing-lg)}.solution-card--featured{grid-column:span 1}.landing-cta__buttons{flex-direction:column;align-items:stretch}.button--lg{width:100%}}.comment-section{max-width:900px;margin:var(--spacing-3xl) auto;padding:var(--spacing-2xl) var(--spacing-lg);border-top:2px solid var(--border-primary)}.comment-section-header{margin-bottom:var(--spacing-2xl)}.comment-section-title{font-family:var(--font-heading);font-size:var(--font-size-3xl);margin-bottom:var(--spacing-xs);color:var(--text-primary)}.comment-section-count{font-size:var(--font-size-lg);color:var(--text-secondary)}.comment-form-container{background:var(--bg-secondary);padding:var(--spacing-2xl);border-radius:var(--radius-lg);margin-bottom:var(--spacing-3xl);border:2px solid var(--border-secondary)}.comment-form-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-md);color:var(--text-primary)}.comment-form-privacy{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-tertiary);border-left:3px solid var(--color-info);border-radius:var(--radius-sm)}.comment-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.form-label-optional{color:var(--text-tertiary);font-weight:400;font-size:var(--font-size-sm)}.comment-form-notice{font-size:var(--font-size-sm);color:var(--text-tertiary);text-align:center;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-secondary)}.comment-reply-context{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-accent);color:var(--text-inverse);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.comment-reply-context[data-hidden="true"]{display:none}.reply-context-text{font-weight:500}.reply-context-cancel{background:rgba(255,255,255,0.2);border:none;color:var(--text-inverse);padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-xs);font-weight:600;transition:background var(--transition-fast)}.reply-context-cancel:hover{background:rgba(255,255,255,0.3)}.form-response{margin-top:var(--spacing-md)}.comment-list-container{margin-top:var(--spacing-2xl)}.comment-list{display:flex;flex-direction:column;gap:var(--spacing-xl)}.comment-list-empty{padding:var(--spacing-3xl) var(--spacing-lg)}.empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-lg);background:var(--bg-secondary);border-radius:var(--radius-lg)}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:0.5;display:flex;justify-content:center}.empty-state-title{font-family:var(--font-heading);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm);color:var(--text-primary)}.empty-state-text{font-size:var(--font-size-lg);color:var(--text-secondary);margin:0}.comment-thread{display:flex;flex-direction:column;gap:var(--spacing-md)}.comment-item{padding:var(--spacing-lg);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.comment-item:hover{border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm);gap:var(--spacing-md);flex-wrap:wrap}.comment-author{display:flex;align-items:center;gap:var(--spacing-xs)}.comment-author-name{font-weight:600;color:var(--text-primary);font-size:var(--font-size-base)}.comment-author-link{font-weight:600;color:var(--color-primary);text-decoration:none;font-size:var(--font-size-base);transition:color var(--transition-fast)}.comment-author-link:hover{color:var(--button-primary-hover);text-decoration:underline}.comment-timestamp{font-size:var(--font-size-sm);color:var(--text-tertiary)}.comment-body{margin-bottom:var(--spacing-md)}.comment-text{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--text-primary);margin:0;word-wrap:break-word;word-break:break-word}.comment-actions{display:flex;gap:var(--spacing-md);align-items:center}.comment-reply-btn{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast)}.comment-reply-btn:hover{background:var(--bg-secondary);color:var(--button-primary-hover)}.comment-reply-btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.comment-reply-form-container{margin-top:var(--spacing-lg);padding:var(--spacing-md);background:var(--bg-secondary);border-radius:var(--radius-md);border:2px dashed var(--border-primary)}.comment-reply-form-container[data-hidden="true"]{display:none}.comment-replies{margin-top:var(--spacing-lg);margin-left:var(--spacing-2xl);padding-left:var(--spacing-lg);border-left:2px solid var(--border-secondary);display:flex;flex-direction:column;gap:var(--spacing-lg)}.comment-replies--nested{margin-left:var(--spacing-xl);padding-left:var(--spacing-md);border-left:2px solid var(--border-tertiary)}.comment-item[data-reply-depth="1"]{background:var(--bg-secondary)}.comment-item[data-reply-depth="2"]{background:var(--bg-tertiary)}.comment-item[data-reply-depth="3"]{background:var(--bg-tertiary);border-left:3px solid var(--color-primary)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);margin-bottom:var(--spacing-lg);border:1px solid transparent}.alert--success{background:rgba(39,174,96,0.1);border-color:var(--color-success);color:var(--color-success)}.alert--error{background:rgba(231,76,60,0.1);border-color:var(--color-error);color:var(--color-error)}.alert--info{background:rgba(52,152,219,0.1);border-color:var(--color-info);color:var(--color-info)}.alert strong{font-weight:700;display:block;margin-bottom:4px}@media (max-width:768px){.comment-section{padding:var(--spacing-xl) var(--spacing-sm)}.comment-form-container{padding:var(--spacing-lg)}.comment-replies{margin-left:var(--spacing-md);padding-left:var(--spacing-sm)}.comment-replies--nested{margin-left:var(--spacing-sm);padding-left:var(--spacing-xs)}.comment-header{flex-direction:column;align-items:flex-start}.form-actions{flex-direction:column}.form-actions .button{width:100%}}.justify-center{justify-content:center}.gap-md{gap:var(--spacing-md)}.w-full{width:100%}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-md{margin-bottom:var(--spacing-md)}.mb-xl{margin-bottom:var(--spacing-xl)}.bg-alt{background:var(--bg-secondary)}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-inverse);cursor:pointer;padding:var(--spacing-sm);width:48px;height:48px;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.mobile-menu-toggle:hover{background-color:rgba(255,255,255,0.1)}.mobile-menu-toggle:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.mobile-menu-toggle .icon-menu,.mobile-menu-toggle .icon-close{width:24px;height:24px}body.menu-open{overflow:hidden}@media (max-width:768px){.mobile-menu-toggle{display:flex}.header-nav>.theme-toggle{display:none}.header-nav{position:fixed;top:0;left:-100%;width:100%;height:100vh;background:var(--bg-primary);flex-direction:column;padding:80px var(--spacing-lg) var(--spacing-lg);transition:left var(--transition-base);z-index:100;overflow-y:auto;gap:0}.header-nav.is-active{left:0}.header-nav-link{display:flex;align-items:center;width:100%;padding:var(--spacing-md);min-height:48px;font-size:var(--font-size-lg);color:var(--text-primary);border-bottom:1px solid var(--border-secondary)}.header-nav-link:hover{background-color:var(--bg-secondary);color:var(--color-primary)}.header-nav-link.button{margin-top:var(--spacing-lg);justify-content:center;border-bottom:none;width:100%}.nav-item-with-submenu{width:100%;display:flex;flex-direction:column}.nav-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md);min-height:48px;font-size:var(--font-size-lg);color:var(--text-primary);border-bottom:1px solid var(--border-secondary);text-align:left}.nav-dropdown-trigger:hover{background-color:var(--bg-secondary);color:var(--color-primary)}.dropdown-arrow{transition:transform var(--transition-fast);font-size:var(--font-size-sm)}.nav-item-with-submenu.is-open .dropdown-arrow{transform:rotate(180deg)}.nav-submenu{position:static;display:none;width:100%;min-width:unset;background:var(--bg-secondary);border-radius:0;box-shadow:none;border:none;padding:0;margin-top:0}.nav-submenu::before{display:none}.nav-item-with-submenu.is-open .nav-submenu{display:block}.nav-item-with-submenu:hover .nav-submenu{display:none}.nav-item-with-submenu.is-open:hover .nav-submenu{display:block}.nav-submenu a,.nav-submenu-link{padding:var(--spacing-md) var(--spacing-lg);min-height:48px;display:flex;align-items:center;border-bottom:1px solid var(--border-secondary)}.nav-submenu a:last-child,.nav-submenu-link:last-child{border-bottom:none}.header-nav .theme-toggle-mobile{display:flex;margin-top:auto;padding-top:var(--spacing-lg);justify-content:center}.header-container{flex-wrap:nowrap}.header-brand{flex:1}.header-title{font-size:var(--font-size-xl)}.header-subtitle{font-size:0.65rem;letter-spacing:1.5px}}@media (max-width:480px){.header-title{font-size:var(--font-size-lg)}.header-subtitle{display:none}.landing-cta__buttons{flex-direction:column;width:100%}.landing-cta__buttons .button{width:100%}}.legal-page{scroll-behavior:smooth}.legal-page .article-body p{margin-bottom:4px}.legal-page .article-body h2{margin-top:24px;margin-bottom:4px}.legal-page .article-body h3{margin-top:12px;margin-bottom:4px}.legal-page .article-body ul,.legal-page .article-body ol{margin-top:4px;margin-bottom:4px}.legal-page .article-body li{margin-bottom:2px}.legal-page .content-section{gap:0;margin-bottom:0}.legal-toc{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.legal-toc-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.legal-toc-list{list-style:decimal;padding-left:var(--spacing-lg);margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs) var(--spacing-xl)}@media (max-width:768px){.legal-toc-list{grid-template-columns:1fr}}.legal-toc-list li{padding:var(--spacing-xs) 0}.legal-toc-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:color var(--transition-fast)}.legal-toc-link:hover{color:var(--color-primary);text-decoration:underline}.back-to-top{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);width:48px;height:48px;background:var(--color-primary);color:var(--text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 4px 12px rgba(0,0,0,0.15);opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast),background-color var(--transition-fast);z-index:100}.back-to-top:hover{background:var(--button-primary-hover);transform:translateY(-2px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top svg{width:24px;height:24px}@media (max-width:768px){.back-to-top{bottom:var(--spacing-lg);right:var(--spacing-lg);width:44px;height:44px}.back-to-top svg{width:20px;height:20px}}.legal-page section[id]{scroll-margin-top:calc(var(--spacing-3xl) + var(--spacing-xl))}.posts-list{padding:var(--spacing-xl) 0}.entity-label-container{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-md)}.text-label{font-size:var(--font-size-xs);font-weight:600;letter-spacing:2px;color:var(--text-secondary);text-transform:uppercase}.text-accent{color:var(--color-primary)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}@media (max-width:768px){.posts-grid{grid-template-columns:1fr}}.post-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.post-card-image-container{position:relative;overflow:hidden;aspect-ratio:16 / 9}.post-card-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.post-card:hover .post-card-image{transform:scale(1.05)}.post-card-content{padding:var(--spacing-lg)}.post-card-breadcrumb{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:1px}.post-card-breadcrumb-link{color:var(--color-primary);text-decoration:none;font-weight:500}.post-card-breadcrumb-link:hover{text-decoration:underline}.post-card-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-sm);line-height:var(--line-height-tight)}.post-card-title-link{color:var(--text-primary);text-decoration:none}.post-card-title-link:hover{color:var(--color-primary)}.post-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-md)}.post-card-meta-link{color:var(--text-secondary);text-decoration:none}.post-card-meta-link:hover{color:var(--color-primary);text-decoration:underline}.post-card-excerpt{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.button--read-more{font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-md)}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) 0;border-top:1px solid var(--border-secondary)}.pagination-info{font-size:var(--font-size-sm);color:var(--text-secondary)}.button-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none}.empty-state-content{max-width:500px;margin:0 auto}.empty-state-description{color:var(--text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-xl)}.empty-state-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.icon-xl{width:64px;height:64px}.text-tertiary{color:var(--text-tertiary)}.mb-3xl{margin-bottom:var(--spacing-3xl)}.article-hero{position:relative;width:100%;height:660px;overflow:hidden}.article-hero-image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;filter:brightness(0.6)}.article-hero-overlay{position:relative;z-index:10;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--spacing-3xl) var(--spacing-lg);max-width:1200px;margin:0 auto}.article-hero-breadcrumb{margin-bottom:var(--spacing-md)}.article-hero-breadcrumb-text{color:var(--text-inverse);opacity:0.9;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:0.5px;font-weight:600}.article-hero-breadcrumb-link{color:var(--text-inverse);text-decoration:none;opacity:0.9;transition:opacity 0.2s}.article-hero-breadcrumb-link:hover{opacity:1}.article-hero-title{color:var(--text-inverse);font-size:var(--font-size-3xl);font-family:var(--font-heading);line-height:var(--line-height-tight);margin-bottom:var(--spacing-md);text-shadow:var(--shadow-sm)}.article-hero-meta{display:flex;align-items:center;gap:var(--spacing-md);color:var(--text-inverse);opacity:0.9;font-size:var(--font-size-sm)}.article-main-content{max-width:1440px;margin:var(--spacing-xl) auto;padding:0 var(--spacing-lg)}.article-layout{display:grid;grid-template-columns:1fr 300px;gap:var(--spacing-xl);min-width:0}.article-content-card{background:var(--bg-primary);padding:var(--spacing-3xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-md);min-width:0;overflow:hidden}.article-body-text{font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--text-primary);min-width:0;overflow-wrap:break-word;word-wrap:break-word}.article-body-text pre{max-width:100%;overflow-x:auto}.article-body-text code{word-break:break-word}.article-body-text pre code{word-break:normal}.article-body-text img{max-width:100%;height:auto;display:block;margin:var(--spacing-lg) 0;border-radius:var(--radius-md)}.article-body-text figure{margin:var(--spacing-xl) 0;text-align:center}.article-body-text figure img{margin:0 auto}.article-body-text figcaption{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);font-style:italic}.article-footer-section{margin-top:var(--spacing-3xl);padding-top:var(--spacing-xl);border-top:2px solid var(--border-primary)}.article-tags-container{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.article-tags-label{font-weight:700;color:var(--text-primary);font-size:var(--font-size-base)}.sidebar-cta-gradient{background:linear-gradient(135deg,var(--color-primary) 0%,var(--button-primary-hover) 100%);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-xl)}.sidebar-cta-icon-center{text-align:center;margin-bottom:var(--spacing-md)}.sidebar-cta-icon-large{font-size:48px}.sidebar-cta-title{font-family:var(--font-heading);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--text-inverse);text-align:center}.sidebar-cta-text{color:var(--text-inverse);opacity:0.95;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg);text-align:center}.sidebar-cta-button-white{width:100%;background:var(--bg-primary);color:var(--color-primary);border:none}.sidebar-cta-standard{background:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.sidebar-cta-title-dark{font-family:var(--font-heading);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);color:var(--text-primary)}.sidebar-cta-text-dark{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--spacing-lg)}.sidebar-cta-button-full{width:100%}.sidebar-toc{background:var(--bg-primary);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-primary);position:sticky;top:var(--spacing-xl)}.sidebar-toc-title{font-family:var(--font-heading);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-md);color:var(--text-tertiary)}.sidebar-toc-nav{max-height:50vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.sidebar-toc-nav::-webkit-scrollbar{width:4px}.sidebar-toc-nav::-webkit-scrollbar-track{background:transparent}.sidebar-toc-nav::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-full)}.sidebar-toc-list{list-style:none;padding:0;margin:0;border-left:2px solid var(--border-secondary)}.sidebar-toc-item{margin:0}.sidebar-toc-item--h2{margin-top:var(--spacing-xs)}.sidebar-toc-item--h2:first-child{margin-top:0}.sidebar-toc-item--h3 .sidebar-toc-link{padding-left:var(--spacing-lg);font-size:var(--font-size-xs)}.sidebar-toc-link{color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);line-height:var(--line-height-tight);display:block;padding:var(--spacing-xs) var(--spacing-sm);margin-left:-2px;border-left:2px solid transparent;transition:all var(--transition-fast)}.sidebar-toc-link:hover{color:var(--color-primary);border-left-color:var(--color-primary);background:var(--bg-secondary)}.sidebar-toc-link.active{color:var(--color-primary);border-left-color:var(--color-primary);font-weight:500}.related-posts-section{padding:var(--spacing-2xl);background:var(--bg-tertiary);border-radius:var(--radius-lg);margin-top:var(--spacing-md)}.related-posts-title{margin-bottom:var(--spacing-xl);text-align:center;font-family:var(--font-heading);font-size:var(--font-size-3xl)}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,384px));gap:var(--spacing-lg);justify-content:center}.related-post-image-container{height:180px;overflow:hidden}.related-post-image{width:100%;height:100%;object-fit:cover}.related-post-link{color:var(--text-primary);text-decoration:none}.related-post-date{color:var(--text-tertiary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.tag{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);border-radius:var(--radius-md);transition:all var(--transition-fast)}.tag:hover{background:var(--color-primary);color:var(--text-inverse)}.tag--category{background:var(--color-primary-light);color:var(--color-primary)}.tag--category:hover{background:var(--color-primary);color:var(--text-inverse)}.card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--shadow-md)}.card-body{padding:var(--spacing-lg)}.card-title{font-family:var(--font-heading);font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm)}.card-text{color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}aside{order:2}.article-content-card{order:1}}@media (max-width:768px){.article-hero{height:400px}.article-hero-title{font-size:var(--font-size-2xl)}.article-hero-meta{flex-wrap:wrap;gap:var(--spacing-sm)}.article-content-card{padding:var(--spacing-lg)}}.share-buttons{display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-lg) 0}.share-buttons-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:500}.share-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-primary);text-decoration:none;cursor:pointer;transition:all 0.2s ease;position:relative}.share-button:hover{color:#FFFFFF;border-color:transparent}.share-button--twitter:hover{background-color:#000000}.share-button--linkedin:hover{background-color:#0A66C2}.share-button--facebook:hover{background-color:#1877F2}.share-button--email:hover{background-color:var(--color-accent)}.share-button--copy:hover{background-color:var(--color-accent)}.share-button-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:4px 8px;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--text-primary);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity 0.2s ease,visibility 0.2s ease;margin-bottom:4px}.share-button--copy.copied .share-button-tooltip{opacity:1;visibility:visible}.article-footer-section .share-buttons{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}@media (max-width:768px){.share-buttons{flex-wrap:wrap;justify-content:center}.share-buttons-label{width:100%;text-align:center;margin-bottom:var(--spacing-xs)}}