.touch-friendly[data-v-6cb8a21a]{min-height:44px;min-width:44px}@media (max-width: 576px){.resp-text-sm[data-v-6cb8a21a]{font-size:.85rem!important}.resp-text-md[data-v-6cb8a21a]{font-size:1rem!important}.resp-text-lg[data-v-6cb8a21a]{font-size:1.2rem!important}.resp-heading[data-v-6cb8a21a]{font-size:1.5rem!important}}@media (max-width: 380px){.resp-text-sm[data-v-6cb8a21a]{font-size:.75rem!important}.resp-text-md[data-v-6cb8a21a]{font-size:.9rem!important}.resp-text-lg[data-v-6cb8a21a]{font-size:1.1rem!important}.resp-heading[data-v-6cb8a21a]{font-size:1.3rem!important}}@media (max-width: 576px){.resp-p-sm[data-v-6cb8a21a]{padding:8px!important}.resp-p-md[data-v-6cb8a21a]{padding:12px!important}.resp-m-sm[data-v-6cb8a21a]{margin:8px!important}.resp-m-md[data-v-6cb8a21a]{margin:12px!important}.resp-gap-sm[data-v-6cb8a21a]{gap:8px!important}}@media (max-width: 576px){.resp-card[data-v-6cb8a21a]{border-radius:10px!important}}@media (max-width: 480px){.hide-xs[data-v-6cb8a21a]{display:none!important}}@media (min-width: 481px) and (max-width: 768px){.hide-sm[data-v-6cb8a21a]{display:none!important}}@media (max-width: 576px){.resp-flex-column[data-v-6cb8a21a]{flex-direction:column!important}}.smooth-scroll[data-v-6cb8a21a]{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}@media (max-width: 768px){.mobile-tap-highlight[data-v-6cb8a21a]{-webkit-tap-highlight-color:rgba(244,165,96,.2)}}.view-container[data-v-6cb8a21a]{height:100%;width:100%;position:relative;overflow:hidden}.scrollable-content[data-v-6cb8a21a]{height:100%;width:100%;overflow-y:auto;overflow-x:hidden;padding:20px}.blogs[data-v-6cb8a21a]{padding:20px;min-height:100vh}.section-content h1[data-v-6cb8a21a]{text-align:center;margin-bottom:30px;font-size:2.5rem;color:var(--primary-text);text-shadow:0 2px 4px rgba(0,0,0,.3)}.blogs-wrapper[data-v-6cb8a21a]{max-width:1000px;margin:0 auto;padding:20px}.blogs-toolbar[data-v-6cb8a21a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px;flex-wrap:wrap}.search-box[data-v-6cb8a21a]{flex-grow:1;position:relative;max-width:400px}.search-box i[data-v-6cb8a21a]{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#ffffff80}.search-box input[data-v-6cb8a21a]{width:100%;padding:12px 15px 12px 40px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:25px;color:#fff;font-family:inherit;transition:all .3s ease}.search-box input[data-v-6cb8a21a]:focus{outline:none;border-color:var(--accent-color);background:#ffffff1a}.view-toggle[data-v-6cb8a21a]{display:flex;background:#ffffff0d;border-radius:20px;padding:4px;border:1px solid rgba(255,255,255,.1)}.view-toggle button[data-v-6cb8a21a]{background:transparent;border:none;color:#ffffff80;padding:8px 16px;cursor:pointer;border-radius:16px;transition:all .3s ease}.view-toggle button.active[data-v-6cb8a21a]{background:var(--accent-color);color:var(--primary-bg);font-weight:700}.loading-state[data-v-6cb8a21a],.empty-state[data-v-6cb8a21a]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#ffffffb3;gap:15px}.loader[data-v-6cb8a21a]{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent-color);border-radius:50%;animation:spin-6cb8a21a 1s linear infinite}@keyframes spin-6cb8a21a{to{transform:rotate(360deg)}}.empty-state i[data-v-6cb8a21a]{font-size:3rem;color:var(--accent-color);opacity:.5}.blogs-grid[data-v-6cb8a21a]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.blogs-list[data-v-6cb8a21a]{display:flex;flex-direction:column;gap:15px}.blog-list-item[data-v-6cb8a21a]{display:flex;align-items:center;padding:20px 25px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:12px;cursor:pointer;transition:all .3s ease}.blog-list-item[data-v-6cb8a21a]:hover{background:#ffffff14;border-color:#f4a5604d;transform:translate(5px)}.list-title[data-v-6cb8a21a]{flex-grow:1;margin:0;font-size:1.1rem;color:var(--primary-text);font-family:Orbitron,sans-serif}.blog-list-item:hover .list-title[data-v-6cb8a21a]{color:var(--accent-color)}.list-arrow[data-v-6cb8a21a]{color:#ffffff4d;transition:transform .3s ease}.blog-list-item:hover .list-arrow[data-v-6cb8a21a]{color:var(--accent-color);transform:translate(5px)}.blog-card[data-v-6cb8a21a]{background:#ffffff08;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.175,.885,.32,1.275);cursor:pointer;height:100%;display:flex;flex-direction:column;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative}.blog-card[data-v-6cb8a21a]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-color),transparent);opacity:0;transition:opacity .3s ease}.blog-card[data-v-6cb8a21a]:hover{transform:translateY(-10px);border-color:#f4a5604d;box-shadow:0 15px 40px #0000004d;background:#ffffff0d}.blog-card[data-v-6cb8a21a]:hover:before{opacity:1}.blog-card-content[data-v-6cb8a21a]{padding:25px;display:flex;flex-direction:column;height:100%}.blog-meta[data-v-6cb8a21a]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px;font-size:.85rem}.author[data-v-6cb8a21a]{color:var(--accent-color);font-size:.8rem;font-weight:600}.tags[data-v-6cb8a21a]{display:flex;gap:5px}.tag-sm[data-v-6cb8a21a]{background:#f4a5601a;color:var(--accent-color);padding:2px 8px;border-radius:10px;font-size:.7rem}.blog-card h2[data-v-6cb8a21a]{font-size:1.4rem;margin:0 0 15px;color:var(--primary-text);line-height:1.3;font-family:Orbitron,sans-serif}.blog-card:hover h2[data-v-6cb8a21a]{color:var(--accent-color)}.excerpt[data-v-6cb8a21a]{color:#fffc;font-size:.95rem;line-height:1.6;margin-bottom:20px;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.read-more[data-v-6cb8a21a]{display:flex;align-items:center;gap:8px;color:var(--accent-color);font-size:.9rem;font-weight:600;margin-top:auto;transition:gap .3s ease}.blog-card:hover .read-more[data-v-6cb8a21a]{gap:12px}@media (max-width: 768px){.blogs-grid[data-v-6cb8a21a]{grid-template-columns:1fr}.blog-card h2[data-v-6cb8a21a]{font-size:1.2rem}}