*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#001858;--primary-light:#172c66;--primary-lighter:#8bd3dd;--accent-color:#f582ae;--accent-hover:#f3d2c1;--text-primary:#001858;--text-secondary:#172c66;--text-tertiary:#8bd3dd;--bg-primary:#fef6e4;--bg-secondary:#f3d2c1;--bg-card:#fff;--border-color:#001858;--shadow:#0003;--nav-bg:#172c66;--nav-text:#fef6e4;--nav-hover:#8bd3dd;--nav-active:#f582ae;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:40px;--spacing-3xl:48px;--spacing-4xl:60px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-2xl:24px;--transition-fast:.2s ease;--transition-medium:.3s ease;--transition-slow:.5s ease}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;color:var(--text-primary);background-color:#0000;background-image:linear-gradient(90deg,#82716e33 0%,#413837b3 100%),url(/assets/images/home-bg.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:var(--accent-color);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--primary-lighter);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}.fui-FluentProvider{background-color:var(--bg-primary);min-height:100vh}.fui-TabList .fui-Tab:after{background-color:var(--nav-hover)!important}.fui-Tab{color:var(--nav-text)!important}.fui-Tab:hover{color:var(--nav-hover)!important}.fui-Tab[aria-selected=true]{color:var(--nav-active)!important}.layout-container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.layout-grid{gap:var(--spacing-lg);margin-top:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-auto-rows:1fr;display:grid}.layout-flex{display:flex}.layout-flex-column{flex-direction:column;display:flex}.layout-flex-center{justify-content:center;align-items:center;display:flex}.layout-flex-between{justify-content:space-between;align-items:center;display:flex}.layout-flex-start{justify-content:flex-start;align-items:center;display:flex}.layout-flex-end{justify-content:flex-end;align-items:center;display:flex}.layout-gap-xs{gap:var(--spacing-xs)}.layout-gap-sm{gap:var(--spacing-sm)}.layout-gap-md{gap:var(--spacing-md)}.layout-gap-lg{gap:var(--spacing-lg)}.layout-gap-xl{gap:var(--spacing-xl)}.layout-p-xs{padding:var(--spacing-xs)}.layout-p-sm{padding:var(--spacing-sm)}.layout-p-md{padding:var(--spacing-md)}.layout-p-lg{padding:var(--spacing-lg)}.layout-p-xl{padding:var(--spacing-xl)}.layout-m-xs{margin:var(--spacing-xs)}.layout-m-sm{margin:var(--spacing-sm)}.layout-m-md{margin:var(--spacing-md)}.layout-m-lg{margin:var(--spacing-lg)}.layout-m-xl{margin:var(--spacing-xl)}.layout-header{background-color:var(--nav-bg);padding:var(--spacing-lg)var(--spacing-xl);border-bottom:1px solid var(--border-color);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.layout-header-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);max-width:1200px;margin:0 auto;display:flex}.layout-logo{color:var(--nav-text);letter-spacing:-.5px;transition:color var(--transition-fast);font-size:24px;font-weight:700;text-decoration:none}.layout-logo:hover{color:var(--nav-hover)}.layout-nav{gap:var(--spacing-sm);display:flex}.layout-nav .fui-Tab span{color:var(--nav-text)}.layout-nav .fui-Tab span:hover{color:var(--nav-hover)}@media (max-width:768px){.layout-nav{display:none}}.layout-mobile-menu-button{color:var(--nav-text);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast);background-color:#0000;border:none;font-size:24px;display:none}.layout-mobile-menu-button:hover{background-color:var(--nav-hover)}@media (max-width:768px){.layout-mobile-menu-button{display:block}}.layout-mobile-nav{background-color:var(--nav-bg);width:280px;height:100vh;padding:var(--spacing-xl);transition:transform var(--transition-medium);z-index:2000;box-shadow:-4px 0 12px var(--shadow);position:fixed;top:0;right:0;transform:translate(100%)}.layout-mobile-nav-open{transform:translate(0)}.layout-mobile-nav-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.layout-mobile-nav-list{gap:var(--spacing-md);flex-direction:column;display:flex}.layout-mobile-nav-link{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);border-radius:var(--radius-lg);color:var(--nav-text);transition:all var(--transition-fast);font-size:16px;text-decoration:none;display:flex}.layout-mobile-nav-link:hover{background-color:var(--nav-hover);color:var(--nav-bg)}.layout-mobile-nav-link-active{background-color:var(--nav-active);color:var(--nav-bg)}.layout-overlay{z-index:1999;opacity:0;pointer-events:none;transition:opacity var(--transition-medium);background-color:#00000080;position:fixed;inset:0}.layout-overlay-visible{opacity:1;pointer-events:auto}.page-container{max-width:1200px;padding:var(--spacing-2xl)var(--spacing-lg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-xl);margin:0 auto;margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);background-color:#82716e99;position:relative;box-shadow:0 20px 60px #0000004d}.page-hero{text-align:center;margin-bottom:var(--spacing-3xl);padding:var(--spacing-3xl)var(--spacing-lg);border-radius:var(--radius-xl);border:1px solid var(--border-color);background:#82716e80;position:relative}.page-hero-title{margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--accent-color)0%,#c2b490 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;line-height:72px}@media (max-width:768px){.page-hero-title{font-size:32px}}.page-hero-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:18px;line-height:1.6}.page-category-title{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:2px solid var(--accent-color);color:var(--text-primary)}.page-card{background:linear-gradient(145deg,var(--bg-card)0%,var(--bg-secondary)100%);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-medium);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.page-card:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(135deg,#acb7ae0d 0%,#0000 50%);width:100%;height:100%;position:absolute;top:0;left:0}.page-card:hover{border-color:var(--accent-color);background:linear-gradient(145deg,var(--bg-secondary)0%,var(--bg-card)100%);transform:translateY(-6px);box-shadow:0 12px 32px #acb7ae40}.page-card-content{padding:var(--spacing-lg);gap:var(--spacing-md);flex-direction:column;flex:1;display:flex}.page-card-image{object-fit:cover;border-radius:var(--radius-md);width:100%;height:auto;max-height:200px;margin-bottom:var(--spacing-md)}.page-card-icon-wrapper{border-radius:var(--radius-lg);width:48px;height:48px;margin-bottom:var(--spacing-sm);justify-content:center;align-items:center;font-size:24px;display:flex}.page-card-icon-books{color:var(--accent-color);background-color:#acb7ae1a}.page-card-icon-apps{color:#c2b490;background-color:#c2b4901a}.page-card-icon-unshelved{color:#e4decd;background-color:#e4decd1a}.page-card-title{color:var(--text-primary);font-size:18px;font-weight:600}.page-card-date{color:var(--text-tertiary);font-size:13px}.page-card-description{color:var(--text-secondary);flex:1;min-height:60px;font-size:14px;line-height:1.5}.page-tags{gap:var(--spacing-sm);padding-top:var(--spacing-md);flex-wrap:wrap;margin-top:auto;display:flex}.page-tag{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-xl);color:var(--primary-color);background-color:#acb7ae4d;font-size:12px}.page-empty-state{text-align:center;padding:var(--spacing-4xl)var(--spacing-xl);color:var(--text-tertiary)}.page-loading{justify-content:center;align-items:center;min-height:400px;display:flex}.page-footer{text-align:center;padding:var(--spacing-xl)var(--spacing-lg);margin-top:var(--spacing-4xl);border-top:1px solid var(--border-color);color:var(--text-tertiary)}.detail-container{max-width:900px;padding:var(--spacing-2xl)var(--spacing-lg);min-height:calc(100vh - 200px);margin:0 auto}.detail-back-button{margin-bottom:var(--spacing-lg);color:var(--accent-color);border:1px solid var(--border-color);transition:all var(--transition-fast);background-color:#0000}.detail-back-button:hover{border-color:var(--accent-color);background-color:#3b82f61a}.detail-header{margin-bottom:var(--spacing-xl)}.detail-category{padding:var(--spacing-xs)var(--spacing-md);border-radius:var(--radius-xl);color:var(--accent-color);margin-bottom:var(--spacing-md);text-transform:capitalize;background-color:#3b82f61a;font-size:14px;font-weight:600;display:inline-block}.detail-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:42px;font-weight:700;line-height:1.2}@media (max-width:768px){.detail-title{font-size:32px}}.detail-meta{gap:var(--spacing-md);color:var(--text-tertiary);flex-wrap:wrap;font-size:16px;display:flex}.detail-description{color:var(--text-secondary);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-card);border-radius:var(--radius-lg);border-left:4px solid var(--accent-color);font-size:20px;line-height:1.6}.detail-featured-image{object-fit:cover;border-radius:var(--radius-lg);width:100%;height:auto;max-height:400px;margin-bottom:var(--spacing-xl)}.detail-content{color:var(--text-secondary);font-size:16px;line-height:1.8}.detail-content h2{color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);font-size:28px;font-weight:600}.detail-content h3{color:var(--text-primary);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);font-size:22px;font-weight:600}.detail-content p{margin-bottom:var(--spacing-md)}.detail-content ul,.detail-content ol{margin-bottom:var(--spacing-md);padding-left:var(--spacing-lg)}.detail-content li{margin-bottom:var(--spacing-sm)}.detail-content strong{color:var(--text-primary);font-weight:600}.detail-content a{color:var(--accent-color);text-decoration:underline}.detail-content a:hover{color:var(--accent-hover)}.detail-content code{background-color:var(--bg-card);color:var(--accent-color);border-radius:var(--radius-sm);padding:2px 6px;font-family:monospace;font-size:14px}.detail-tags{gap:var(--spacing-sm);margin-top:var(--spacing-xl);padding:var(--spacing-lg)0;border-top:1px solid var(--border-color);flex-wrap:wrap;display:flex}.detail-tag{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-xl);color:var(--accent-color);background-color:#3b82f61a;font-size:14px;font-weight:500}.detail-legal-links{margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg)}.detail-legal-divider{border:none;border-top:1px solid var(--border-color);margin-bottom:var(--spacing-lg)}.detail-legal-links-container{justify-content:center;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;font-size:14px;display:flex}.detail-legal-link{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.detail-legal-link:hover{color:var(--accent-color);text-decoration:underline}.detail-legal-separator{color:var(--text-tertiary)}@media (max-width:768px){.layout-container,.page-container,.detail-container{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.layout-header{padding:var(--spacing-md)var(--spacing-lg)}.page-hero{margin-bottom:var(--spacing-xl)}}@media (max-width:480px){.layout-grid{grid-template-columns:1fr}.page-card-content{padding:var(--spacing-md)}.detail-container{padding:var(--spacing-xl)var(--spacing-md)}}