.blog-layout{color:#e2e8f0;background:#0a0e1a;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;position:relative;overflow-x:hidden}.blog-map-bg{z-index:1;opacity:.35;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.blog-orb{filter:blur(100px);z-index:1;pointer-events:none;border-radius:50%;position:fixed}.blog-orb-1{background:#38bdf81f;width:500px;height:500px;animation:15s ease-in-out infinite alternate blogOrbFloat1;top:-10%;left:-5%}.blog-orb-2{background:#6366f11f;width:400px;height:400px;animation:18s ease-in-out infinite alternate blogOrbFloat2;top:40%;right:-10%}.blog-orb-3{background:#a855f714;width:300px;height:300px;animation:20s ease-in-out infinite alternate blogOrbFloat3;bottom:-5%;left:30%}@keyframes blogOrbFloat1{to{transform:translate(50px,80px)}}@keyframes blogOrbFloat2{to{transform:translate(-60px,-40px)}}@keyframes blogOrbFloat3{to{transform:translate(40px,-60px)}}.blog-header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#0a0e1a80;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex;position:sticky;top:0}.blog-logo{color:#e2e8f0;align-items:center;gap:.75rem;text-decoration:none;display:flex}.blog-logo-icon{width:32px;height:32px}.blog-logo-text{background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.blog-logo-blog{color:#64748b;margin-left:.25rem;font-size:1.5rem;font-weight:300}.blog-nav-desktop{align-items:center;gap:.25rem;display:flex}.blog-nav-dropdown{position:relative}.blog-nav-trigger{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.35rem;padding:.5rem .75rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.blog-nav-trigger:hover{color:#e2e8f0;background:#ffffff0d}.blog-nav-arrow{font-size:.7rem;transition:transform .2s}.blog-nav-menu{-webkit-backdrop-filter:blur(20px);z-index:200;background:#0f172af2;border:1px solid #ffffff14;border-radius:16px;min-width:280px;padding:.5rem;animation:.15s ease-out blogMenuFade;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 20px 60px -15px #0009}.blog-nav-menu:before{content:"";background:0 0;height:12px;position:absolute;top:-12px;left:0;right:0}@keyframes blogMenuFade{0%{opacity:0;transform:translate(-50%)translateY(-4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.blog-nav-menu-item{color:#e2e8f0;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .2s;display:flex}.blog-nav-menu-item:hover{background:#ffffff0d;transform:translate(4px)}.blog-nav-menu-item strong{color:#f1f5f9;font-size:.9rem;font-weight:600;display:block}.blog-nav-menu-item small{color:#64748b;margin-top:2px;font-size:.75rem;display:block}.blog-nav-menu-icon{background:#ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.blog-mobile-toggle{cursor:pointer;background:0 0;border:none;padding:.5rem;display:none}.blog-mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:200;background:#0a0e1afa;border-top:1px solid #ffffff0f;padding:1rem;animation:.2s ease-out blogMenuFade;position:absolute;top:100%;left:0;right:0}.blog-mobile-section{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.blog-mobile-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:.5rem .75rem;font-size:.75rem;font-weight:600}.blog-mobile-section a{color:#cbd5e1;border-radius:8px;padding:.5rem .75rem;font-size:.9rem;text-decoration:none;transition:all .2s}.blog-mobile-section a:hover{color:#38bdf8;background:#ffffff0d}.blog-nav a{color:#94a3b8;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}.blog-nav a:hover{color:#e2e8f0}.blog-cta{background:linear-gradient(135deg,#38bdf8 0%,#6366f1 100%);border-radius:10px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #6366f14d;color:#fff!important;text-decoration:none!important}.blog-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}@media (max-width:768px){.blog-nav-desktop{display:none}.blog-mobile-toggle{display:block}}.blog-main{z-index:10;max-width:1200px;margin:0 auto;padding:2rem;position:relative}.blog-hero{text-align:center;padding:3rem 0 2rem;animation:1s cubic-bezier(.16,1,.3,1) forwards blogFadeIn}@keyframes blogFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-hero-badge{color:#38bdf8;letter-spacing:.5px;text-transform:uppercase;background:#38bdf814;border:1px solid #38bdf833;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:600;display:inline-flex}.blog-hero-badge-dot{background:#38bdf8;border-radius:50%;width:8px;height:8px;animation:2s infinite blogBlink;box-shadow:0 0 8px #38bdf8}@keyframes blogBlink{0%,to{opacity:1}50%{opacity:.3}}.blog-hero h1{background:linear-gradient(135deg,#f8fafc 0%,#38bdf8 50%,#818cf8 100%);-webkit-text-fill-color:transparent;letter-spacing:-1.5px;-webkit-background-clip:text;background-clip:text;margin:0 0 .75rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;line-height:1.1}.blog-hero p{color:#64748b;max-width:600px;margin:0 auto;font-size:1.1rem;line-height:1.7}.blog-search{gap:.5rem;max-width:440px;margin:0 auto 2.5rem;display:flex}.blog-search input{color:#f8fafc;background:#0f172ab3;border:1px solid #94a3b826;border-radius:10px;outline:none;flex:1;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.blog-search input:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf826}.blog-search input::placeholder{color:#475569}.blog-search button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#38bdf8 0%,#6366f1 100%);border:none;border-radius:10px;padding:.75rem 1rem;font-weight:700;transition:all .3s;box-shadow:0 4px 15px #6366f14d}.blog-search button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.blog-section-title{color:#f8fafc;align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex}.blog-featured{margin-bottom:3rem}.blog-featured-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.blog-featured-card{-webkit-backdrop-filter:blur(16px);color:inherit;background:#0f172a80;border:1px solid #ffffff0d;border-radius:20px;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden}.blog-featured-card:hover{border-color:#38bdf84d;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 30px #0000004d}.blog-featured-card:first-child{grid-row:1/3}.blog-featured-img{object-fit:cover;background:linear-gradient(135deg,#38bdf826,#6366f126);width:100%;height:220px}.blog-featured-card:first-child .blog-featured-img{height:100%;min-height:300px}.blog-featured-body{padding:1.25rem}.blog-featured-badge{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf833;border-radius:8px;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.blog-featured-body h2{color:#f8fafc;margin-bottom:.5rem;font-size:1.25rem;font-weight:700;line-height:1.3}.blog-featured-body p{color:#94a3b8;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-featured-meta{color:#64748b;gap:1rem;margin-top:.75rem;font-size:.8rem;display:flex}.blog-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}.blog-card{-webkit-backdrop-filter:blur(16px);color:inherit;background:#0f172a80;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.blog-card:hover{border-color:#38bdf84d;transform:translateY(-4px)scale(1.01);box-shadow:0 12px 30px #0000004d}.blog-card-img{object-fit:cover;background:linear-gradient(135deg,#38bdf81a,#6366f11a);width:100%;height:180px}.blog-card-body{flex-direction:column;flex:1;padding:1.25rem;display:flex}.blog-card-cats{flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;display:flex}.blog-card-cat{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf826;border-radius:6px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.blog-card-body h3{color:#f8fafc;margin-bottom:.5rem;font-size:1.05rem;font-weight:700;line-height:1.3}.blog-card-excerpt{color:#94a3b8;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-footer{color:#64748b;border-top:1px solid #ffffff0a;justify-content:space-between;margin-top:1rem;padding-top:.75rem;font-size:.8rem;display:flex}.blog-content-layout{grid-template-columns:1fr 280px;align-items:start;gap:2rem;display:grid}.blog-sidebar{position:sticky;top:5.5rem}.blog-sidebar-card{-webkit-backdrop-filter:blur(16px);background:#0f172a80;border:1px solid #ffffff0d;border-radius:20px;padding:1.25rem}.blog-sidebar-title{color:#f8fafc;margin-bottom:1rem;font-size:.95rem;font-weight:700}.blog-sidebar-list{margin:0;padding:0;list-style:none}.blog-sidebar-list li{margin-bottom:.25rem}.blog-sidebar-list a{color:#94a3b8;border-radius:10px;justify-content:space-between;padding:.5rem .75rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:flex}.blog-sidebar-list a:hover{color:#38bdf8;background:#38bdf814}.blog-sidebar-count{color:#475569;font-size:.8rem}.blog-pagination{justify-content:center;gap:.5rem;padding:2rem 0;display:flex}.blog-pagination button,.blog-pagination a button{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#94a3b8;cursor:pointer;background:#0f172a80;border:1px solid #ffffff0d;border-radius:10px;padding:.5rem 1rem;font-size:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.blog-pagination button:hover:not(:disabled){color:#38bdf8;border-color:#38bdf84d;transform:translateY(-2px)}.blog-pagination button:disabled{opacity:.3;cursor:not-allowed}.blog-pagination-info{color:#64748b;align-items:center;padding:0 1rem;font-size:.85rem;display:flex}.blog-article-body-layout{grid-template-columns:1fr 300px;align-items:start;gap:2.5rem;margin-top:2rem;display:grid}.blog-article-body-main{min-width:0}.blog-article-sidebar{flex-direction:column;gap:1.5rem;display:flex;position:sticky;top:2rem}@media (max-width:1024px){.blog-article-body-layout{grid-template-columns:1fr}.blog-article-sidebar{margin-top:2rem;position:static}}.blog-article{max-width:800px;margin:0 auto;padding:2rem 0;animation:.8s cubic-bezier(.16,1,.3,1) forwards blogFadeIn}.blog-breadcrumb{color:#475569;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.85rem;display:flex}.blog-breadcrumb a{color:#94a3b8;text-decoration:none;transition:color .2s}.blog-breadcrumb a:hover{color:#38bdf8}.blog-article-header{margin-bottom:2rem}.blog-article-header h1{color:#f8fafc;margin-bottom:1rem;font-size:2.25rem;font-weight:800;line-height:1.25}.blog-article-meta{color:#64748b;flex-wrap:wrap;gap:1.5rem;font-size:.9rem;display:flex}.blog-article-cover{object-fit:cover;border:1px solid #ffffff0d;border-radius:20px;width:100%;max-height:450px;margin-bottom:2rem}.blog-article-content{color:#e2e8f0;font-size:1.15rem;font-weight:300;line-height:1.85}.blog-article-content h2{color:#f8fafc;letter-spacing:-.02em;margin:2.5rem 0 1.25rem;font-size:1.75rem;font-weight:700}.blog-article-content h3{color:#f1f5f9;margin:2rem 0 1rem;font-size:1.35rem;font-weight:600}.blog-article-content p{margin-bottom:1.5rem}.blog-article-content a{color:#38bdf8;text-underline-offset:3px;text-decoration:underline}.blog-article-content code{color:#38bdf8;background:#38bdf814;border:1px solid #38bdf81a;border-radius:6px;padding:.15rem .4rem;font-size:.9em}.blog-article-content pre{background:#0f172ab3;border:1px solid #ffffff0d;border-radius:16px;margin-bottom:1.5rem;padding:1.25rem;overflow-x:auto}.blog-article-content pre code{color:#e2e8f0;background:0 0;border:none;padding:0}.blog-article-content blockquote{color:#94a3b8;border-left:3px solid #38bdf8;margin:1.5rem 0;padding-left:1.25rem;font-style:italic}.blog-article-content ul,.blog-article-content ol{margin-bottom:1.25rem;padding-left:1.5rem}.blog-article-content li{margin-bottom:.5rem}.blog-article-content img{border:1px solid #ffffff0d;border-radius:16px;max-width:100%;margin:1.5rem 0}.blog-article-tags{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:1.5rem;display:flex}.blog-tag{color:#38bdf8;background:#38bdf80f;border:1px solid #38bdf81f;border-radius:8px;padding:.3rem .75rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s}.blog-tag:hover{background:#38bdf826;border-color:#38bdf84d}.blog-related{border-top:1px solid #ffffff0f;margin-top:3rem;padding-top:2rem}.blog-related h2{color:#f8fafc;margin-bottom:1.5rem;font-size:1.3rem;font-weight:700}.blog-related-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.blog-category-header{padding:2rem 0 1rem}.blog-category-header h1{background:linear-gradient(135deg,#f8fafc 0%,#38bdf8 50%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.blog-category-header p{color:#94a3b8;margin-top:.5rem}.blog-footer{z-index:10;text-align:center;color:#475569;border-top:1px solid #ffffff0a;padding:2rem;font-size:.85rem;position:relative}.blog-footer a{color:#38bdf8;text-decoration:none}.blog-empty{text-align:center;color:#475569;padding:4rem 2rem}.blog-empty-icon{margin-bottom:1rem;font-size:3rem}.blog-empty h2{color:#94a3b8;margin-bottom:.5rem;font-size:1.5rem;font-weight:600}.blog-404{text-align:center;padding:6rem 2rem}.blog-404 h1{background:linear-gradient(135deg,#f8fafc,#38bdf8,#818cf8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:800}.blog-404 p{color:#94a3b8;margin-top:.5rem;font-size:1.1rem}.blog-404-link{color:#fff;background:linear-gradient(135deg,#38bdf8 0%,#6366f1 100%);border-radius:10px;margin-top:1.5rem;padding:.75rem 2rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #6366f14d}.blog-404-link:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}@media (max-width:900px){.blog-content-layout{grid-template-columns:1fr}.blog-sidebar{position:static}.blog-featured-grid{grid-template-columns:1fr}.blog-featured-card:first-child{grid-row:auto}.blog-featured-card:first-child .blog-featured-img{height:220px;min-height:auto}}@media (max-width:768px){.blog-grid,.blog-related-grid{grid-template-columns:1fr}.blog-hero h1{font-size:1.75rem}.blog-article-header h1{font-size:1.5rem}.blog-header{padding:1rem 1.5rem}.blog-main{padding:1rem}.blog-nav{display:none}}.blog-content-layout{grid-template-columns:1fr 340px;align-items:start;gap:2.5rem;margin-top:2rem;display:grid}@media (max-width:1024px){.blog-content-layout{grid-template-columns:1fr;gap:2rem}}.blog-image-wrapper{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);position:relative;overflow:hidden}.blog-image-wrapper:after{content:"OwnCargo";color:#ffffff0d;letter-spacing:2px;font-size:1.5rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portal-hero-grid{gap:1.5rem;margin-bottom:2.5rem;animation:.8s cubic-bezier(.16,1,.3,1) forwards blogFadeIn;display:grid}.portal-hero-grid.grid-3{grid-template-rows:repeat(2,220px);grid-template-columns:2fr 1fr}.portal-hero-grid.grid-3 .portal-hero-main{grid-row:1/3}.portal-hero-grid.grid-2{grid-template-rows:280px;grid-template-columns:1fr 1fr}.portal-hero-grid.grid-1{grid-template-rows:400px;grid-template-columns:1fr}.portal-hero-main,.portal-hero-side{border:1px solid #ffffff0f;border-radius:20px;height:100%;text-decoration:none;transition:all .4s cubic-bezier(.165,.84,.44,1);display:block;position:relative;overflow:hidden}.portal-hero-main:hover,.portal-hero-side:hover{border-color:#38bdf84d;transform:translateY(-4px);box-shadow:0 15px 35px #0006}.portal-hero-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.portal-hero-main:hover .portal-hero-img,.portal-hero-side:hover .portal-hero-img{transform:scale(1.05)}.portal-hero-overlay{background:linear-gradient(#0000 0%,#0a0e1a4d 50%,#0a0e1af2 100%);flex-direction:column;justify-content:flex-end;padding:2rem;display:flex;position:absolute;inset:0}.portal-hero-side .portal-hero-overlay{padding:1.25rem}.portal-hero-title{color:#f8fafc;text-shadow:0 2px 4px #00000080;margin-top:.5rem;margin-bottom:0;font-size:1.75rem;font-weight:800;line-height:1.2}.portal-hero-side .portal-hero-title{font-size:1.1rem}.blog-section-title{color:#64748b;text-transform:uppercase;letter-spacing:2px;align-items:center;gap:1rem;margin-bottom:1.5rem;font-size:.75rem;font-weight:700;display:flex}.blog-section-title:after{content:"";background:#ffffff0d;flex:1;height:1px}.latest-news-section{flex-direction:column;gap:1.25rem;display:flex}.compact-news-card{background:#1e293b26;border:1px solid #ffffff08;border-left:3px solid #0000;border-radius:16px;align-items:center;gap:1.5rem;padding:.75rem;text-decoration:none;transition:all .35s cubic-bezier(.165,.84,.44,1);display:flex;position:relative}.compact-news-card:hover{background:#1e293b59;border-color:#38bdf826 #38bdf826 #38bdf826 #38bdf8;transform:translate(6px);box-shadow:0 8px 30px -8px #38bdf81f}.compact-news-card.read-article{border-left-color:#0000}.compact-news-card.read-article:hover{box-shadow:none;border-left-color:#64748b4d;opacity:.55!important}.compact-news-img{object-fit:cover;border-radius:12px;flex-shrink:0;width:200px;height:125px;transition:transform .4s}.compact-news-card:hover .compact-news-img{transform:scale(1.03)}.compact-news-body{flex-direction:column;flex:1;gap:.4rem;display:flex}.compact-news-title{color:#f8fafc;margin:0;font-size:1.2rem;font-weight:700;line-height:1.4;transition:color .2s}.compact-news-card:hover .compact-news-title{color:#38bdf8}.compact-news-meta{color:#475569;align-items:center;gap:1rem;font-size:.8rem;display:flex}.compact-news-ad-wrapper{background:linear-gradient(135deg,#38bdf805,#6366f105);border:1px dashed #38bdf814;border-radius:16px;transition:border-color .3s;position:relative;overflow:hidden}.compact-news-ad-wrapper:hover{border-color:#38bdf826}.portal-sidebar-widget{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a4d;border:1px solid #ffffff0a;border-radius:20px;margin-bottom:2rem;padding:1.5rem}.widget-title{color:#38bdf8;text-transform:uppercase;letter-spacing:1.5px;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-size:.8rem;font-weight:700;display:flex}.widget-title:after{content:"";background:#38bdf81a;flex:1;height:1px}.recent-list{flex-direction:column;gap:1.25rem;display:flex}.recent-item{align-items:center;gap:.75rem;text-decoration:none;display:flex}.recent-item-img{object-fit:cover;border-radius:10px;flex-shrink:0;width:60px;height:60px}.recent-item-title{color:#94a3b8;font-size:.9rem;font-weight:600;line-height:1.4;transition:color .2s}.recent-item:hover .recent-item-title{color:#38bdf8}@media (max-width:1024px){.portal-hero-grid.grid-3{grid-template-rows:400px 250px 250px;grid-template-columns:1fr}.blog-content-layout{grid-template-columns:1fr}.blog-sidebar{margin-top:2rem;position:static}}@media (max-width:768px){.portal-hero-grid.grid-3,.portal-hero-grid.grid-2{grid-template-rows:auto;grid-template-columns:1fr;gap:1rem}.portal-hero-main{height:350px}.portal-hero-side{height:250px}.blog-grid{grid-template-columns:1fr}.compact-news-card{flex-direction:column;align-items:stretch;gap:1rem}.compact-news-img{width:100%;height:200px}.blog-hero h1{font-size:2.2rem}.blog-header{padding:1rem 1.5rem}.blog-ad-container{margin:1.5rem 0!important}.blog-grid-organic-ad,.compact-news-ad-wrapper{min-height:180px;height:auto!important}.blog-ad-link.organic{height:auto!important}.blog-ad-link.organic img{min-height:180px;height:100%!important}}
