*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#232323;color:#fff;line-height:1.6;overflow-x:hidden;padding-top:80px}.container{max-width:1200px;margin:0 auto;padding:0 20px}.main-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#232323f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid transparent;background-image:linear-gradient(#232323f2,#232323f2),linear-gradient(90deg,#7ea2d4,#5a7db8,#7ea2d4);background-origin:border-box;background-clip:padding-box,border-box;transition:all .3s ease;height:70px;display:flex;align-items:center;box-shadow:0 2px 20px #0000004d,0 0 0 1px #7ea2d41a}.header-content{max-width:1200px;margin:0 auto;padding:0 30px;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative}.logo{font-size:32px;font-weight:700;color:#fff;cursor:pointer;transition:all .3s ease;flex-shrink:0;text-decoration:none;letter-spacing:-1px}.logo-highlight{color:#7ea2d4;background:linear-gradient(135deg,#7ea2d4,#5a7db8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo:hover{filter:drop-shadow(0 4px 12px rgba(126,162,212,.4))}.header-title{font-size:24px;font-weight:600;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3);white-space:nowrap}@media(max-width:768px){.main-header{height:auto;padding:15px 0}.header-content{flex-direction:column;gap:12px;padding:0 20px;align-items:center}.header-title{font-size:20px;position:static;transform:none;text-align:center}.header-title:before,.header-title:after{display:none}.logo{font-size:28px}}@media(max-width:480px){.header-title{font-size:18px}.logo{font-size:24px}.header-content{padding:0 15px}}.articles-section{padding:1px 0;min-height:calc(80vh - 60px);position:relative;overflow:hidden}.floating-decorations{position:absolute;inset:0;z-index:1}.decoration-3d{position:absolute;pointer-events:auto;cursor:pointer;transition:all .3s ease;z-index:100;opacity:1}.decoration-left{top:5%;left:-10px}.decoration-right{top:55%;right:-30px}.decoration-3d:hover{transform:scale(1.1) rotate(5deg);opacity:1}.decoration-image{object-fit:contain;filter:brightness(.8) saturate(150%);transition:all .3s ease}.decoration-left .decoration-image{width:200px;height:200px;animation:samaraliDarsFloat 4s ease-in-out infinite}.decoration-left:hover .decoration-image{filter:brightness(1.2) saturate(180%) drop-shadow(0 6px 12px rgba(107,123,255,.3))}.decoration-right .decoration-image{width:400px;height:400px;animation:oxirgiDarsFloat 4s ease-in-out infinite}.decoration-right:hover .decoration-image{filter:brightness(1.2) saturate(180%) drop-shadow(0 6px 12px rgba(107,123,255,.3))}@keyframes samaraliDarsFloat{0%,to{transform:translateY(0) rotate(0) translate(0);filter:brightness(.8) saturate(150%)}25%{transform:translateY(-8px) rotate(-3deg) translate(3px);filter:brightness(.9) saturate(160%)}50%{transform:translateY(-15px) rotate(0) translate(0);filter:brightness(1) saturate(170%)}75%{transform:translateY(-8px) rotate(3deg) translate(-3px);filter:brightness(.9) saturate(160%)}}@keyframes oxirgiDarsFloat{0%,to{transform:translateY(0) rotate(0) translate(0);filter:brightness(.8) saturate(150%)}25%{transform:translateY(-10px) rotate(4deg) translate(-4px);filter:brightness(.9) saturate(160%)}50%{transform:translateY(-18px) rotate(0) translate(0);filter:brightness(1) saturate(170%)}75%{transform:translateY(-10px) rotate(-4deg) translate(4px);filter:brightness(.9) saturate(160%)}}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;position:relative;z-index:2;max-width:1170px;margin:15px auto 40px}.article-card{background:#3a383833;border:1px solid #7ea2d4;border-radius:16px;padding:20px;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;overflow:hidden;height:250px;display:flex;flex-direction:column}.article-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #6b7bff4d;border-color:#7ea2d4;background:#3a38384d}.article-decoration{position:absolute;top:-20px;right:-20px;width:80px;height:80px;opacity:.3;transition:all .3s ease}.article-card:hover .article-decoration{opacity:.6;transform:scale(1.1)}.article-image{width:100%;height:100%;object-fit:cover;border-radius:8px}.article-header{margin-bottom:15px;min-height:60px;display:flex;flex-direction:column;align-items:center;padding-bottom:15px;position:relative}.article-header:after{content:"";position:absolute;bottom:0;left:-15px;right:-15px;height:2px;background:linear-gradient(90deg,#7ea2d41a,#7ea2d499,#7ea2d41a)}.article-header h3{font-size:1.3rem;color:#fff;font-weight:600;line-height:1.3;margin:0}.article-content{margin-bottom:20px;flex:1;overflow:hidden}.article-content p{color:#a0a0a0;font-size:.95rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin:0}.article-meta{display:flex;justify-content:space-between;align-items:center;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.article-stats{display:flex;justify-content:space-between;font-size:.85rem;color:#a0a0a0;width:100%}.views{display:flex;align-items:center;gap:5px}.views svg{opacity:.7}.date{color:#8a8a8a}.read-more-btn{background:linear-gradient(135deg,#538bdb,#7ea2d4);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease}.read-more-btn:hover{background:linear-gradient(135deg,#538bdb,#7ea2d4);transform:translateY(-2px);box-shadow:0 5px 15px #6b7bff66}.load-more-section{display:flex;justify-content:center;margin-top:40px;position:relative;z-index:2;width:100%}.btn-load-more{background:#3a383833;color:#fff;border:2px solid #7ea2d4;padding:15px 40px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.btn-load-more:hover{background:#7ea2d4;transform:translateY(-2px);box-shadow:0 10px 25px #6b7bff4d}.btn-load-more:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:768px){.container{padding:0 15px}.header .container{flex-direction:column;gap:15px;text-align:center}.nav-menu{gap:20px}.section-title{font-size:2rem;text-align:center;max-width:100%;margin:0 15px 3rem;padding:15px 20px}.articles-grid{grid-template-columns:1fr;gap:20px}.article-card{padding:20px}.article-meta{flex-direction:column;gap:15px;align-items:flex-start}.article-stats,.related-stats{width:100%}body{padding-top:120px}.decoration-left .decoration-image{width:150px;height:150px}.decoration-right .decoration-image{width:130px;height:130px}.decoration-left{top:10%;left:2%}.decoration-right{top:70%;right:2%}.article-header{min-height:75px}}@media(max-width:480px){.section-title{font-size:1.5rem;text-align:center;margin:0 15px 3rem;padding:15px 20px}.article-header h3{font-size:1.2rem}.article-header{min-height:70px}.btn-load-more{padding:12px 30px;font-size:.9rem}.floating-decorations{display:none}}.neon-dots-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:.12;overflow:hidden}.neon-dot{position:absolute;width:50px;height:50px;border-radius:50%;background:#7ea2d4;opacity:.15;filter:blur(12px);transition:all .3s ease;aspect-ratio:1;box-sizing:border-box}@media(max-width:768px){.neon-dot{width:25px;height:25px;opacity:.08;filter:blur(8px)}.neon-dot.white{opacity:.06}}@media(max-width:480px){.neon-dot{width:18px;height:18px;opacity:.06;filter:blur(6px)}.neon-dot.white{opacity:.04}}.neon-dot.white{background:#fff;opacity:.12}@keyframes neonBlink{0%,to{opacity:.05;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}@keyframes neonPulse{0%,to{opacity:.08;transform:scale(.9)}50%{opacity:.18;transform:scale(1.1)}}@keyframes whiteBlink{0%,to{opacity:.03;transform:scale(1)}50%{opacity:.15;transform:scale(1.03)}}@keyframes neonFloat{0%,to{opacity:.06;transform:translateY(0) scale(1)}33%{opacity:.12;transform:translateY(-8px) scale(1.05)}66%{opacity:.16;transform:translateY(4px) scale(.95)}}@keyframes neonGlow{0%,to{opacity:.1;box-shadow:0 0 8px #7ea2d4;transform:rotate(0)}50%{opacity:.22;box-shadow:0 0 15px #7ea2d4,0 0 25px #7ea2d4;transform:rotate(180deg)}}.neon-dot.blink{animation:neonBlink 4s ease-in-out infinite}.neon-dot.pulse{animation:neonPulse 3s ease-in-out infinite}.neon-dot.float{animation:neonFloat 6s ease-in-out infinite}.neon-dot.glow{animation:neonGlow 7s ease-in-out infinite}.neon-dot.white.blink{animation:whiteBlink 4s ease-in-out infinite}.neon-dot:nth-child(2n){animation-delay:-.5s}.neon-dot:nth-child(3n){animation-delay:-1s}.neon-dot:nth-child(4n){animation-delay:-1.5s}.neon-dot:nth-child(5n){animation-delay:-2s}.neon-dot:nth-child(6n){animation-delay:-2.5s}.neon-dot:nth-child(7n){animation-delay:-3s}.neon-dot:nth-child(8n){animation-delay:-3.5s}.related-stats{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;width:100%}.related-views{color:#7ea2d4;font-weight:500;display:flex;align-items:center;gap:.3rem}.related-views svg{opacity:.8}.related-date{color:#8a8a8a}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:2rem;color:#7ea2d4;font-size:1.1rem;font-weight:500}.loading-spinner{width:20px;height:20px;border:2px solid rgba(126,162,212,.3);border-top:2px solid #7EA2D4;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}