:root{--primary-blue:#007bff;--dark-blue:#0c1e35;--glass-bg:rgba(255,255,255,.1);--text-color:#f0f0f0;--border-color:rgba(255,255,255,.2)}body{font-family:'Vazirmatn',sans-serif;background-color:var(--dark-blue);background-image:linear-gradient(135deg,#0c1e35 0%,#1d3a5f 50%,#007bff 100%);color:var(--text-color);line-height:1.6;overflow-x:hidden;width:100%}html{overflow-x:hidden;width:100%}.page-section{padding:1rem 0}.page-header{padding-top:150px;padding-bottom:50px;text-align:center;background:rgba(0,0,0,.1)}.page-title{font-size:3rem;font-weight:700;color:#fff}.page-subtitle{font-size:1.1rem;color:var(--text-color);max-width:500px;margin:10px auto 0}.details-page-header{padding-top:150px;padding-bottom:50px;position:relative;z-index:1}.details-page-header .page-title{font-size:2.5rem;background:linear-gradient(90deg,#B8860B 0%,#FFD700 45%,#FFFFFF 50%,#FFD700 55%,#B8860B 100%);background-size:400% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#FFD700;animation:goldShimmer 3s linear infinite;will-change:background-position}@keyframes goldShimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}.glass-card{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:25px;height:100%;transition:all .3s ease;display:flex;flex-direction:column}.glass-card:hover{transform:translateY(-10px);box-shadow:0 8px 30px rgba(0,0,0,.15);border-color:rgba(255,255,255,.4)}.glass-card-header{position:relative;overflow:hidden}.glass-card-header::after{content:'';position:absolute;top:0;left:-150%;width:70%;height:100%;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.25) 50%,rgba(255,255,255,0) 100%);transform:skewX(-25deg);transition:left 1s ease-in-out}.glass-card-header:hover::after{left:150%}.glass-card .card-title{color:#fff;font-weight:700;margin-bottom:15px}#articles .glass-card .card-body{padding:1rem!important}.badge{min-width:80px}.btn-glass{background:var(--glass-bg);border:1px solid var(--border-color);color:#fff;padding:12px 30px;border-radius:50px;font-weight:bold;text-decoration:none;transition:all .3s ease}.btn-glass:hover{background-color:var(--primary-blue);border-color:var(--primary-blue);box-shadow:0 0 20px rgba(0,123,255,.5);color:#fff}.btn-secondary-glass{background:transparent;border:1px solid var(--border-color);color:var(--text-color);padding:12px 30px;border-radius:50px;font-weight:bold;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-secondary-glass:hover{background:var(--glass-bg);border-color:rgba(255,255,255,.4);color:#fff}.floating-search-button{position:fixed;bottom:20px;right:20px;z-index:1050;width:auto;height:auto;padding:.75rem 1.5rem;border-radius:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px rgba(0,0,0,.2);font-size:1.1rem;transition:all .3s ease}.floating-search-button:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.4)}.floating-search-button i{margin-left:.5rem}.modal{z-index:10000}.modal-content.glass-card .btn-close-white{filter:invert(1) grayscale(1) brightness(2)}.contact-form-card .form-label{color:var(--text-color);margin-bottom:5px}.contact-form-card .form-control{background-color:rgba(0,0,0,.2);border:1px solid var(--border-color);color:#fff;border-radius:8px;padding:10px}.contact-form-card .form-control:focus{background-color:rgba(0,0,0,.3);border-color:var(--primary-blue);color:#fff;box-shadow:0 0 10px rgba(0,123,255,.5)}@media (max-width:768px){.page-section{padding:30px 0}.page-header{padding-top:30px}.page-title{font-size:2.2rem}.page-subtitle{font-size:1rem}.container{padding-left:.5rem!important;padding-right:.5rem!important}.row.g-4,.row.g-lg-5{--bs-gutter-x:.5rem}.details-page-header{padding-top:80px;padding-bottom:20px}.details-page-header .page-title{font-size:1.8rem}.glass-card{padding:.3rem!important}#articles .glass-card .card-body{padding:.75rem!important}.col-12 .glass-card{padding:.4rem!important}.modal-dialog.modal-lg{max-width:95%;margin:.5rem auto}.floating-search-button{bottom:65px}}
