*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #3b82f6;--color-secondary: #059669;--color-accent: #dc2626;--color-text-primary: #374151;--color-text-secondary: #6b7280;--color-text-light: #9ca3af;--color-bg-primary: #ffffff;--color-bg-secondary: #f8fafc;--color-bg-tertiary: #f1f5f9;--color-border: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .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;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease}body{font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:var(--color-text-primary);background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary));min-height:100vh;font-size:var(--font-size-base)}.app-container{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--color-primary);position:relative;overflow:hidden;padding:var(--space-xl) 0;box-shadow:var(--shadow-md)}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--space-xl);position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center}.header-left{flex:1}.social-balloon{position:relative;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:.8rem 1.2rem;display:flex;gap:var(--space-md);align-items:center;box-shadow:0 4px 15px #0000001a;transition:all var(--transition-base)}.social-balloon:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#fff3;color:#fff;text-decoration:none;transition:all var(--transition-base);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.social-link:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 2px 10px #0003}.social-link svg{width:18px;height:18px}.site-title{font-family:Inter,sans-serif;font-size:var(--font-size-4xl);color:#fff;font-weight:800;text-shadow:0 4px 8px rgba(0,0,0,.2);letter-spacing:-1px;margin-bottom:.3rem}.site-subtitle{font-size:var(--font-size-base);color:#ffffffe6;font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:1px;margin-top:-.2rem;margin-bottom:0;position:relative;z-index:3;text-transform:uppercase}.navigation{background:var(--color-bg-primary);box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border)}.nav-menu{max-width:1200px;margin:0 auto;padding:0 var(--space-xl);display:flex;list-style:none;gap:var(--space-sm);justify-content:center;flex-wrap:wrap}.nav-link{display:block;padding:.8rem var(--space-md);text-decoration:none;color:var(--color-text-primary);font-weight:600;transition:all var(--transition-fast);border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-bg-primary);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;font-size:var(--font-size-sm);letter-spacing:.5px;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.admin-link{color:var(--color-accent)!important;font-weight:700}.admin-link:hover,.admin-link.active{color:#b91c1c!important;border-color:var(--color-accent)!important;background:linear-gradient(135deg,#fef2f2,#fee2e2)!important;box-shadow:var(--shadow-lg)!important}.logout-link{color:var(--color-text-secondary)!important;font-weight:700}.logout-link:hover,.logout-link.active{color:#4b5563!important;border-color:var(--color-text-secondary)!important;background:linear-gradient(135deg,var(--color-bg-secondary),var(--color-bg-tertiary))!important;box-shadow:var(--shadow-lg)!important}.main-content{flex:1;max-width:none;margin:0 auto;padding:var(--space-2xl) var(--space-xl);width:100%}.content-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:4rem;align-items:start;max-width:1200px;margin:0 auto;width:100%}.posts-section h2{color:var(--color-text-primary);margin-bottom:var(--space-2xl);font-size:var(--font-size-4xl);font-weight:800;color:var(--color-primary);position:relative}.posts-section h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--color-primary);border-radius:2px}.posts-container{display:flex;flex-direction:column;gap:2.5rem;width:100%}.post-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:0;box-shadow:var(--shadow-md);transition:all .4s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border);width:100%;overflow:hidden;position:relative;cursor:pointer}.post-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary);transform:scaleX(0);transition:transform .4s ease}.post-card:hover:before{transform:scaleX(1)}.post-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl)}.post-cover{width:100%;height:240px;overflow:hidden;position:relative}.post-cover:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 100%)}.post-cover img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-fast)}.post-title{color:var(--color-text-primary);margin:var(--space-xl) var(--space-xl) var(--space-md) var(--space-xl);font-size:var(--font-size-2xl);font-weight:700;line-height:1.4;transition:color var(--transition-base)}.post-card:hover .post-title{color:var(--color-primary)}.post-excerpt{color:var(--color-text-secondary);margin:0 var(--space-xl) var(--space-md) var(--space-xl);line-height:1.6;font-size:var(--font-size-base)}.post-meta{color:var(--color-text-light);font-size:var(--font-size-sm);margin:0 var(--space-xl) var(--space-xl) var(--space-xl);display:flex;gap:var(--space-md);align-items:center;font-weight:500}.post-category{background:var(--color-primary);color:#fff;padding:.4rem var(--space-md);border-radius:20px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}.sidebar{display:block}.profile-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-lg);text-align:center;border:1px solid var(--color-border);position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--color-primary)}.profile-image{margin-bottom:var(--space-xl);position:relative}.profile-image img{width:130px;height:130px;border-radius:50%;object-fit:cover;border:5px solid white;box-shadow:var(--shadow-lg);transition:transform var(--transition-base)}.profile-image img:hover{transform:scale(1.05)}.profile-info h3{color:var(--color-text-primary);margin-bottom:var(--space-lg);font-size:var(--font-size-2xl);font-weight:700}.bio{color:var(--color-text-secondary);line-height:1.6;text-align:left;font-size:var(--font-size-sm);position:relative}.temp-admin-btn{position:absolute;bottom:-10px;right:10px;background:none;border:none;cursor:pointer;padding:8px;border-radius:50%;transition:all var(--transition-base);opacity:.3;color:var(--color-text-secondary)}.temp-admin-btn:hover{opacity:.7;background:#0000000d;transform:rotate(90deg)}.column-post-card{background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--color-border);margin-top:var(--space-xl);transition:all var(--transition-base);cursor:pointer}.column-post-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.column-post-header{position:relative;z-index:2}.column-post-badge{position:absolute;top:-1px;left:var(--space-md);background:var(--color-primary);color:#fff;padding:var(--space-sm) 1.2rem;border-radius:0 0 var(--radius-lg) var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #2563eb4d}.column-post-content{display:flex;flex-direction:column;height:100%}.column-post-image{height:160px;overflow:hidden;position:relative}.column-post-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 100%)}.column-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.column-post-card:hover .column-post-image img{transform:scale(1.05)}.column-post-info{padding:var(--space-lg);background:var(--color-secondary);color:#fff;flex:1;display:flex;flex-direction:column;justify-content:center}.column-post-title{font-size:var(--font-size-lg);font-weight:700;line-height:1.3;margin-bottom:var(--space-sm);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.1)}.column-post-date{font-size:var(--font-size-sm);opacity:.9;font-weight:500;margin:0}.about-content,.archive-content,.contact-content,.admin-content,.login-content,.category-content{grid-column:1 / -1;max-width:1200px;margin:0 auto;width:100%}.about-content h2,.archive-content h2,.contact-content h2,.admin-content h2,.category-content h2{color:var(--color-text-primary);margin-bottom:var(--space-xl);font-size:var(--font-size-4xl);font-weight:800;color:var(--color-primary);position:relative}.about-content h2:after,.archive-content h2:after,.category-content h2:after{content:"";position:absolute;bottom:-10px;left:0;width:60px;height:4px;background:var(--color-primary);border-radius:2px}.about-profile{display:grid;grid-template-columns:300px 1fr;gap:var(--space-2xl);align-items:start}.about-image{text-align:center}.about-image img{width:250px;height:250px;border-radius:50%;object-fit:cover;border:6px solid var(--color-primary);box-shadow:var(--shadow-lg)}.about-text p{margin-bottom:var(--space-lg);line-height:1.7;color:var(--color-text-secondary)}.books-list{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.books-note{font-style:italic;color:var(--color-text-secondary);margin-bottom:var(--space-xl);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.books-section{margin-bottom:var(--space-2xl)}.books-section:last-child{margin-bottom:0}.books-section h3{color:var(--color-primary);font-size:var(--font-size-2xl);font-weight:700;margin-bottom:var(--space-lg);border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-sm);display:inline-block}.books-items{list-style:none;counter-reset:book-counter;padding-left:0}.books-items[start]{counter-reset:book-counter calc(attr(start) - 1)}.books-items[start="27"]{counter-reset:book-counter 26}.books-items[start="31"]{counter-reset:book-counter 30}.books-items li{counter-increment:book-counter;margin-bottom:var(--space-md);padding:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border-left:3px solid var(--color-primary);position:relative;line-height:1.6;color:var(--color-text-primary);transition:all var(--transition-base)}.books-items li:hover{background:var(--color-bg-tertiary);transform:translate(5px);box-shadow:var(--shadow-sm)}.books-items li:before{content:counter(book-counter) ".";position:absolute;left:-2rem;top:var(--space-md);font-weight:700;color:var(--color-primary);font-size:var(--font-size-lg);width:1.5rem;text-align:right}.books-items li:last-child{margin-bottom:0}.pdf-books .pdf-book-item{display:flex;justify-content:space-between;align-items:center;padding:1.2rem;margin-bottom:var(--space-md);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border-left:3px solid var(--color-secondary);transition:all var(--transition-base);position:relative}.pdf-books .pdf-book-item:hover{background:var(--color-bg-tertiary);transform:translate(5px);box-shadow:var(--shadow-md)}.pdf-books .pdf-book-item:before{color:var(--color-secondary);left:-2.5rem;top:1.2rem}.book-info{flex:1;margin-right:var(--space-md)}.book-text{color:var(--color-text-primary);line-height:1.6;font-size:var(--font-size-base)}.book-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.btn-preview,.btn-download{display:flex;align-items:center;gap:.4rem;padding:.6rem var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;box-shadow:var(--shadow-sm)}.btn-preview{background:var(--color-primary);color:#fff}.btn-preview:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-download{background:var(--color-secondary);color:#fff}.btn-download:hover{background:#047857;transform:translateY(-2px);box-shadow:var(--shadow-md)}.download-count{font-size:var(--font-size-xs);opacity:.8;margin-left:.2rem}.pdf-note,.pdf-error{margin-top:var(--space-md);padding:var(--space-md);border-radius:var(--radius-lg);font-style:italic;text-align:center}.pdf-note{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-left:4px solid var(--color-primary)}.pdf-error{background:#fef2f2;color:var(--color-accent);border-left:4px solid var(--color-accent)}.form-group{display:flex;flex-direction:column;margin-bottom:var(--space-lg)}.form-group label{margin-bottom:var(--space-sm);color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-sm)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-md) 1.2rem;border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base);font-family:inherit;font-size:var(--font-size-base)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.btn-primary{background:var(--color-primary);color:#fff;border:none;padding:1.2rem 2.5rem;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:var(--space-sm)}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--color-text-secondary);color:#fff;border:none;padding:1.2rem 2.5rem;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);display:inline-flex;align-items:center;gap:var(--space-sm)}.btn-secondary:hover{background:#4b5563;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.archive-search{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.search-filters{display:flex;gap:var(--space-xl);align-items:end;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-group label{font-weight:600;color:var(--color-text-primary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.filter-group select,.filter-group input{padding:.8rem var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-family:inherit;transition:all var(--transition-base);min-width:200px;background:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}#clear-filters{height:fit-content;padding:.8rem var(--space-lg)}.archive-year{margin-bottom:var(--space-xl);background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.archive-year h3{color:var(--color-primary);margin-bottom:var(--space-md);font-size:var(--font-size-2xl);font-weight:700;border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-sm);display:inline-block}.archive-posts{display:flex;flex-direction:column;gap:var(--space-sm)}.archive-post{display:flex;align-items:center;padding:var(--space-md) 0;border-bottom:1px solid var(--color-border);transition:all var(--transition-base)}.archive-post:last-child{border-bottom:none}.archive-post:hover{background:var(--color-bg-secondary);margin:0 calc(-1 * var(--space-md));padding:var(--space-md);border-radius:var(--radius-lg)}.archive-date{color:var(--color-text-light);font-size:var(--font-size-sm);min-width:100px;margin-right:var(--space-md);font-weight:500}.archive-title{color:var(--color-text-primary);text-decoration:none;transition:color var(--transition-base);font-weight:500;flex:1}.archive-title:hover{color:var(--color-primary);cursor:pointer}.archive-category{background:var(--color-primary);color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:var(--font-size-xs);font-weight:500;margin-left:var(--space-md);text-transform:uppercase;letter-spacing:.5px}.admin-tabs{display:flex;gap:var(--space-md);margin-bottom:var(--space-2xl);border-bottom:2px solid var(--color-border);background:var(--color-bg-secondary);padding:var(--space-md);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.tab-btn{background:none;border:none;padding:1.2rem 2.5rem;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-secondary);cursor:pointer;border-bottom:3px solid transparent;transition:all .4s ease;border-radius:var(--radius-md) var(--radius-md) 0 0}.tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-bg-primary);box-shadow:var(--shadow-sm)}.tab-content{background:var(--color-bg-primary);border-radius:0 var(--radius-xl) var(--radius-xl) var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.tab-content.hidden{display:none}.editor-container{border:2px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.editor-toolbar{background:var(--color-bg-secondary);padding:var(--space-lg);border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-md);flex-wrap:wrap}.toolbar-btn{background:var(--color-bg-primary);border:1px solid var(--color-border);padding:.7rem var(--space-md);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-base);display:flex;align-items:center;gap:.3rem}.toolbar-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.content-editor{min-height:300px;padding:var(--space-lg);line-height:1.6;outline:none;border:none;font-family:inherit;font-size:var(--font-size-lg)}.content-editor:focus{background:var(--color-bg-primary)}.youtube-container{position:relative!important;width:100%!important;height:0!important;padding-bottom:56.25%!important;margin:var(--space-lg) 0!important;border-radius:12px!important;overflow:hidden!important;box-shadow:var(--shadow-lg)!important;z-index:10!important}.youtube-container iframe{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;border:none!important;z-index:10!important}.post-content .youtube-container,.content-editor .youtube-container,.preview-content .youtube-container{position:relative!important;z-index:10!important;clear:both!important;display:block!important}.login-container{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);text-align:center;max-width:500px;margin:0 auto}.login-error{background:#fef2f2;color:var(--color-accent);padding:var(--space-md);border-radius:var(--radius-lg);margin-top:var(--space-md);border:1px solid #fecaca}.login-error.hidden{display:none}.post-detail{grid-column:1 / -1;max-width:1200px;margin:0 auto;width:100%}.back-btn{background:var(--color-text-secondary);color:#fff;border:none;padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;margin-bottom:var(--space-lg);transition:all var(--transition-base)}.back-btn:hover{background:#4b5563;transform:translateY(-2px)}.post-detail .post-title{color:var(--color-primary);font-size:var(--font-size-4xl);margin-bottom:var(--space-md);border-bottom:3px solid var(--color-primary);padding-bottom:var(--space-md);line-height:1.2}.post-detail .post-content{line-height:1.7;color:var(--color-text-primary);font-size:var(--font-size-lg)}.post-detail .post-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-lg) 0;box-shadow:var(--shadow-md)}.post-footer{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:2px solid var(--color-border)}.post-share{margin-bottom:var(--space-xl)}.post-share h4{color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:var(--font-size-xl);font-weight:600}.share-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap}.share-btn{display:flex;align-items:center;gap:var(--space-sm);padding:.8rem var(--space-lg);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;box-shadow:var(--shadow-sm)}.share-twitter{background:#1da1f2;color:#fff}.share-twitter:hover{background:#1991db;transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-facebook{background:#4267b2;color:#fff}.share-facebook:hover{background:#365899;transform:translateY(-2px);box-shadow:var(--shadow-md)}.share-copy{background:var(--color-text-secondary);color:#fff}.share-copy:hover{background:#4b5563;transform:translateY(-2px);box-shadow:var(--shadow-md)}.post-navigation{display:flex;gap:var(--space-md);justify-content:center;flex-wrap:wrap}.nav-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);text-decoration:none;box-shadow:var(--shadow-sm)}.nav-back{background:var(--color-text-secondary);color:#fff}.nav-back:hover{background:#4b5563;transform:translateY(-2px);box-shadow:var(--shadow-md)}.nav-home{background:var(--color-primary);color:#fff}.nav-home:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.category-posts-container{display:flex;flex-direction:column;gap:var(--space-xl)}.category-post-item{display:flex;background:var(--color-bg-primary);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative}.category-post-item:before{content:"";position:absolute;top:0;left:0;bottom:0;width:6px;background:var(--color-primary);transform:scaleY(0);transition:transform .4s ease}.category-post-item:hover:before{transform:scaleY(1)}.category-post-item:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-xl)}.category-post-image{width:200px;height:140px;overflow:hidden;flex-shrink:0;position:relative}.category-post-image:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#2563eb1a}.category-post-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.category-post-item:hover .category-post-image img{transform:scale(1.05)}.category-post-content{flex:1;padding:var(--space-lg) var(--space-xl);display:flex;flex-direction:column;justify-content:center}.category-post-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700;margin-bottom:.8rem;line-height:1.3;transition:color var(--transition-base)}.category-post-item:hover .category-post-title{color:var(--color-primary)}.category-post-excerpt{color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-md);font-size:var(--font-size-base);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-post-meta{display:flex;align-items:center;gap:var(--space-md)}.category-post-date{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:500}.coming-soon{text-align:center;padding:4rem var(--space-xl);background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.coming-soon-icon,.no-posts-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.7}.coming-soon h3,.no-posts-message h3{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:700;margin-bottom:var(--space-md)}.coming-soon p,.no-posts-message p{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1.6}.no-posts-message,.error-message{text-align:center;padding:var(--space-2xl);background:var(--color-bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.error-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.7}.more-posts-section{display:flex;justify-content:center;margin-top:var(--space-2xl);padding:var(--space-xl) 0}.more-posts-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;background:var(--color-primary);color:#fff;text-decoration:none;border:none;border-radius:50px;font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 25px #2563eb4d;position:relative;overflow:hidden;text-transform:none;letter-spacing:.5px}.more-posts-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.more-posts-btn:hover:before{left:100%}.more-posts-btn:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 15px 35px #2563eb66;background:var(--color-primary-dark)}.more-posts-btn:active{transform:translateY(-1px) scale(1.02);transition:all .1s ease}.btn-icon{font-size:1.2rem;transition:transform var(--transition-base)}.more-posts-btn:hover .btn-icon{transform:scale(1.2) rotate(5deg)}.post-count{background:#fff3;padding:.3rem .8rem;border-radius:20px;font-size:var(--font-size-sm);font-weight:500;margin-left:var(--space-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.contact-info{background:var(--color-bg-primary);border-radius:var(--radius-xl);padding:var(--space-2xl);box-shadow:var(--shadow-md);border:1px solid var(--color-border)}.contact-methods{display:grid;gap:var(--space-xl)}.contact-method{padding:var(--space-lg);background:var(--color-bg-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--color-primary)}.contact-method h3{color:var(--color-text-primary);margin-bottom:var(--space-md);font-size:var(--font-size-xl);font-weight:700}.contact-method p{color:var(--color-text-secondary);line-height:1.6}.contact-method a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color var(--transition-base)}.contact-method a:hover{color:var(--color-primary-dark)}@media (max-width: 768px){.header-content{flex-direction:column;gap:var(--space-md);text-align:center}.header-left{flex:none}.social-balloon{justify-content:center}.site-title{font-size:var(--font-size-3xl)}.site-subtitle{font-size:var(--font-size-base)}.header-content,.nav-menu,.main-content{padding-left:var(--space-md);padding-right:var(--space-md)}.main-content{padding:var(--space-xl) var(--space-md)}.nav-menu{flex-wrap:wrap;gap:var(--space-md);justify-content:center}.nav-link{padding:.7rem .9rem;font-size:var(--font-size-xs)}.content-wrapper{grid-template-columns:1fr;gap:var(--space-2xl)}.sidebar{order:-1}.about-profile{grid-template-columns:1fr;gap:var(--space-xl);text-align:center}.about-image img{width:200px;height:200px}.posts-section h2,.admin-content h2,.category-content h2,.post-detail .post-title{font-size:var(--font-size-3xl)}.admin-tabs{flex-wrap:wrap;padding:var(--space-sm)}.tab-content{padding:var(--space-xl) var(--space-lg)}.editor-toolbar{padding:var(--space-md);gap:var(--space-sm)}.toolbar-btn{padding:.6rem .8rem;font-size:var(--font-size-xs)}.form-row{flex-direction:column;gap:var(--space-md)}.share-buttons,.post-navigation{justify-content:center}.more-posts-btn{padding:1.2rem var(--space-xl);font-size:var(--font-size-base);border-radius:40px}.more-posts-btn .post-count{display:none}.search-filters{flex-direction:column;align-items:stretch;gap:var(--space-lg)}.filter-group select,.filter-group input{min-width:auto}.archive-post{flex-direction:column;align-items:start;gap:var(--space-sm)}.archive-date{min-width:auto;margin-right:0}.archive-category{margin-left:0;margin-top:var(--space-sm)}.category-post-item{flex-direction:column}.category-post-image{width:100%;height:200px}.category-post-content{padding:var(--space-lg)}.category-content h2{font-size:var(--font-size-3xl);flex-direction:column;text-align:center;gap:var(--space-sm)}.coming-soon{padding:var(--space-2xl) var(--space-lg)}.coming-soon-icon,.no-posts-icon{font-size:3rem}.books-list{padding:var(--space-lg)}.books-items li{padding:.8rem;margin-left:var(--space-xl)}.books-items li:before{left:-1.8rem}.pdf-books .pdf-book-item{flex-direction:column;align-items:stretch;gap:var(--space-md);padding:var(--space-md);margin-left:var(--space-xl)}.pdf-books .pdf-book-item:before{left:-1.8rem;top:var(--space-md)}.book-info{margin-right:0}.book-actions{justify-content:center;flex-wrap:wrap}.btn-preview,.btn-download{flex:1;min-width:120px;justify-content:center}.column-post-card{margin-top:var(--space-lg)}.column-post-image{height:140px}.column-post-info{padding:1.2rem}.column-post-title{font-size:var(--font-size-base)}.column-post-badge{font-size:var(--font-size-xs);padding:.4rem var(--space-md)}}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}@media print{.header,.navigation,.sidebar,.admin-tabs,.editor-toolbar,.share-buttons,.post-navigation,.more-posts-section{display:none!important}.main-content{padding:0}.content-wrapper{grid-template-columns:1fr}.post-detail .post-title{color:#000!important;border-bottom-color:#000!important}.post-detail .post-content{color:#000!important}body{background:#fff!important;color:#000!important}}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--color-border: #000000;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3)}}