.blog-page{min-height:100vh;background-color:#0f0f10;color:#eee;font-family:Arial,sans-serif}.blog-header{background:linear-gradient(135deg,rgba(15,15,16,.95),rgba(26,26,27,.9));padding:4rem 0 3rem;min-height:400px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.blog-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,.3),rgba(0,0,0,.5));z-index:0}.container{max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.blog-nav{justify-content:space-between;margin-bottom:3rem}.back-button,.blog-nav{display:flex;align-items:center}.back-button{gap:.5rem;background:rgba(212,175,55,.1);border:1px solid rgba(212,175,55,.3);color:#d4af37;padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .3s ease;cursor:pointer;text-decoration:none}.back-button:hover{background:rgba(212,175,55,.2);border-color:rgba(212,175,55,.5);transform:translateY(-1px);color:#f4e4a6}.logo img{filter:brightness(0) invert(1)}.blog-hero{text-align:center}.blog-hero h1{font-size:3.5rem;font-family:Almarai;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#d4af37,#f4e4a6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero p{font-size:1.25rem;color:#d9d9d9;max-width:600px;margin:0 auto}.search-section{padding:3rem 0;background:linear-gradient(135deg,#0f0f10,#1a1a1b);border-bottom:1px solid rgba(212,175,55,.2);position:relative}.search-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(212,175,55,.05) 0,transparent 70%);pointer-events:none}.search-filter-container{gap:1.5rem;justify-content:center;flex-wrap:wrap;z-index:1}.search-box,.search-filter-container{display:flex;align-items:center;position:relative}.search-box{background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border:2px solid rgba(212,175,55,.3);border-radius:1rem;padding:1rem 1.25rem;min-width:350px;transition:all .3s ease;box-shadow:0 4px 15px rgba(212,175,55,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-box:hover{border-color:rgba(212,175,55,.5);box-shadow:0 6px 25px rgba(212,175,55,.2);transform:translateY(-2px)}.search-box:focus-within{border-color:#d4af37;box-shadow:0 0 0 3px rgba(212,175,55,.2),0 6px 25px rgba(212,175,55,.3);transform:translateY(-2px)}.search-box svg{color:#d4af37;margin-left:.75rem;transition:all .3s ease}.search-box:focus-within svg{color:#f4e4a6;transform:scale(1.1)}.search-box input{background:transparent;border:none;outline:none;color:#eee;font-size:1rem;width:100%;font-weight:500}.search-box input::placeholder{color:#d9d9d9;font-weight:400}.category-filter{position:relative;background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));border:2px solid rgba(212,175,55,.3);border-radius:1rem;transition:all .3s ease;box-shadow:0 4px 15px rgba(212,175,55,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px}.filter-trigger{display:flex;align-items:center;padding:1rem 1.25rem;cursor:pointer;transition:all .3s ease}.category-filter:hover{border-color:rgba(212,175,55,.5);box-shadow:0 6px 25px rgba(212,175,55,.2);transform:translateY(-2px)}.category-filter.active{border-color:#d4af37;box-shadow:0 0 0 3px rgba(212,175,55,.2),0 6px 25px rgba(212,175,55,.3);transform:translateY(-2px)}.filter-trigger svg{color:#d4af37;margin-left:.75rem;transition:all .3s ease}.category-filter:hover .filter-trigger svg{color:#f4e4a6;transform:scale(1.1)}.filter-trigger .filter-display{background:transparent;border:none;outline:none;color:#eee;font-size:1rem;cursor:pointer;font-weight:500;flex:1;text-align:right;padding-left:.5rem}.filter-trigger .dropdown-arrow{color:#d4af37;font-size:.75rem;transition:all .3s ease;margin-right:.5rem}.category-filter:hover .filter-trigger .dropdown-arrow{color:#f4e4a6;transform:scale(1.1)}.category-filter.active .filter-trigger .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(135deg,rgba(15,15,16,.95),rgba(26,26,27,.9));border:2px solid rgba(212,175,55,.3);border-radius:1rem;margin-top:.5rem;box-shadow:0 10px 40px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;max-height:200px;overflow-y:auto;pointer-events:none}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.dropdown-item{display:block;width:100%;padding:.75rem 1rem;color:#eee;text-decoration:none;font-size:.9rem;font-weight:500;transition:background-color .15s ease,color .15s ease,transform .15s ease;border-bottom:1px solid rgba(212,175,55,.1);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:linear-gradient(135deg,rgba(212,175,55,.2),rgba(212,175,55,.1));color:#f4e4a6;transform:translateX(3px)}.dropdown-item:active{background:linear-gradient(135deg,rgba(212,175,55,.4),rgba(212,175,55,.3));color:#f4e4a6;transform:translateX(1px)}.dropdown-item.active{background:linear-gradient(135deg,rgba(212,175,55,.3),rgba(212,175,55,.2));color:#f4e4a6;font-weight:600}.featured-section{padding:4rem 0}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#d4af37}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.featured-article{background:linear-gradient(135deg,rgba(15,15,16,.9),rgba(26,26,27,.8));border-radius:1rem;overflow:hidden;border:1px solid rgba(212,175,55,.2);transition:all .3s ease}.featured-article:hover{transform:translateY(-4px);border-color:#d4af37;box-shadow:0 10px 30px rgba(212,175,55,.2)}.featured-article .article-image{position:relative;height:250px;overflow:hidden}.featured-article .article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.featured-article:hover .article-image img{transform:scale(1.05)}.featured-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#d4af37,#f4e4a6);color:black;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:700}.featured-article .article-content{padding:1.5rem}.articles-section{padding:4rem 0;background:#0f0f10}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.regular-article{background:linear-gradient(135deg,rgba(15,15,16,.9),rgba(26,26,27,.8));border-radius:1rem;overflow:hidden;border:1px solid rgba(212,175,55,.2);transition:all .3s ease}.regular-article:hover{transform:translateY(-2px);border-color:#d4af37;box-shadow:0 5px 20px rgba(212,175,55,.1)}.regular-article .article-image{height:200px;overflow:hidden}.regular-article .article-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.regular-article:hover .article-image img{transform:scale(1.05)}.regular-article .article-content{padding:1.25rem}.article-meta{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:.875rem}.category{background:rgba(212,175,55,.1);color:#d4af37;padding:.25rem .75rem;border-radius:1rem;font-weight:500}.date{display:flex;align-items:center;gap:.25rem;color:#d9d9d9}.article-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;line-height:1.3;color:#eee}.featured-article .article-title{font-size:1.75rem}.article-excerpt{color:#d9d9d9;line-height:1.6;margin-bottom:1rem}.article-footer{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:#d9d9d9}.author-info,.read-time{display:flex;align-items:center;gap:.25rem}.blog-footer{background:#0f0f10;border-top:1px solid rgba(212,175,55,.2);padding:3rem 0 2rem}.footer-content{justify-content:space-between;margin-bottom:2rem;flex-wrap:wrap;gap:2rem}.footer-content,.footer-logo{display:flex;align-items:center}.footer-logo{gap:1rem}.footer-logo img{filter:brightness(0) invert(1)}.footer-logo p{color:#d9d9d9;font-size:1.125rem;font-weight:500}.footer-links{display:flex;gap:2rem}.footer-link{color:#d9d9d9;text-decoration:none;transition:color .3s ease}.footer-link:hover{color:#d4af37}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(212,175,55,.2);color:#d9d9d9}@media (max-width:768px){.container{padding:0 1rem}.blog-header{min-height:400px;padding:3rem 0 2rem}.blog-hero h1{font-size:2.5rem}.blog-hero p{font-size:1rem}.search-section{padding:2rem 0}.search-filter-container{flex-direction:column;align-items:stretch;gap:1rem}.search-box{min-width:auto}.category-filter,.search-box{padding:.875rem 1rem}.articles-grid,.featured-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;text-align:center}.footer-links{justify-content:center}}@media (max-width:480px){.blog-header{min-height:350px;padding:2rem 0 1.5rem}.blog-hero h1,.section-title{font-size:2rem}.search-section{padding:1.5rem 0}.category-filter,.search-box{padding:.75rem .875rem;border-radius:.75rem}.category-filter select,.search-box input{font-size:.9rem}.featured-article .article-content,.regular-article .article-content{padding:1rem}.article-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}