:root{--dns-surface:#060e20;--dns-surface-dim:#060e20;--dns-surface-container-lowest:#000000;--dns-surface-container-low:#06122d;--dns-surface-container:#05183c;--dns-surface-container-high:#031d4b;--dns-surface-container-highest:#00225a;--dns-surface-bright:#002867;--dns-surface-variant:#00225a;--dns-surface-tint:#c4c7c9;--dns-on-surface:#dee5ff;--dns-on-surface-variant:#91aaeb;--dns-on-background:#dee5ff;--dns-primary:#c4c7c9;--dns-primary-dim:#b6b9bb;--dns-primary-container:#444749;--dns-on-primary:#3d4142;--dns-on-primary-container:#ced1d2;--dns-secondary:#939eb5;--dns-secondary-dim:#939eb5;--dns-secondary-container:#313c4f;--dns-on-secondary:#152032;--dns-on-secondary-container:#b4c0d7;--dns-outline:#5b74b1;--dns-outline-variant:#2b4680;--dns-error:#ee7d77;--dns-error-container:#7f2927;--dns-on-error-container:#ff9993;--dns-font:"Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--dns-radius:0.25rem;--dns-radius-lg:0.5rem;--dns-radius-xl:0.75rem;--dns-transition:400ms cubic-bezier(0.4,0,0.2,1)}.dns-layout{font-family:var(--dns-font);background:var(--dns-surface);color:var(--dns-on-surface);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;margin:0;padding:0}body:has(.dns-layout){background:var(--dns-surface);margin:0;padding:0}.dns-layout *,.dns-layout :after,.dns-layout :before{box-sizing:border-box}.dns-layout a{color:inherit;text-decoration:none}.dns-nav{position:fixed;top:0;left:0;right:0;z-index:100;height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:linear-gradient(180deg,rgba(6,14,32,.95),transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.dns-nav-logo{font-size:1.25rem;font-weight:700;letter-spacing:-.03em;color:#e2e8f0;white-space:nowrap}.dns-nav-logo span{color:var(--dns-primary-dim)}.dns-nav-links{display:flex;align-items:center;gap:40px}.dns-nav-links a{font-size:.875rem;font-weight:500;letter-spacing:-.01em;color:#94a3b8;transition:color var(--dns-transition);position:relative}.dns-nav-links a.active,.dns-nav-links a:hover{color:#e2e8f0}.dns-nav-links a.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:#94a3b8;border-radius:1px}.dns-nav-search-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:6px;transition:color var(--dns-transition);display:flex;align-items:center}.dns-nav-search-btn:hover{color:var(--dns-primary)}.dns-menu-btn{display:none;background:none;border:none;color:var(--dns-on-surface);cursor:pointer;padding:6px}.dns-hero{position:relative;width:100%;min-height:680px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:72px;overflow:hidden}.dns-hero-bg{position:absolute;inset:0;z-index:0}.dns-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,14,32,.3) 0,rgba(6,14,32,1))}.dns-hero-bg img{width:100%;height:100%;object-fit:cover;transform:scale(1.05)}.dns-hero-content{position:relative;z-index:10;width:100%;max-width:720px;padding:0 24px;display:flex;flex-direction:column;align-items:center;gap:32px}.dns-hero-title{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;letter-spacing:-.04em;text-align:center;color:#e2e8f0;text-transform:uppercase;opacity:.9;line-height:1.1;margin:0}.dns-hero-subtitle{font-size:1rem;color:var(--dns-secondary);text-align:center;margin:-16px 0 0;letter-spacing:.02em}.dns-hero-search{width:100%;position:relative}.dns-hero-search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:var(--dns-secondary);pointer-events:none;display:flex}.dns-hero-search input{width:100%;padding:18px 24px 18px 56px;background:rgba(6,18,45,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:none;border-radius:9999px;font-size:1.05rem;color:#e2e8f0;font-family:var(--dns-font);transition:all var(--dns-transition);box-shadow:0 8px 32px rgba(0,0,0,.3)}.dns-hero-search input::placeholder{color:rgba(147,158,181,.5)}.dns-hero-search input:focus{outline:none;box-shadow:0 0 0 1px rgba(196,199,201,.2),0 8px 32px rgba(0,0,0,.4)}.dns-hero-search-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--dns-primary);color:var(--dns-on-primary);border:none;border-radius:9999px;cursor:pointer;transition:background var(--dns-transition)}.dns-hero-search-btn:hover{background:var(--dns-primary-dim)}.dns-main{position:relative;z-index:20;padding:0 48px 96px;margin-top:-48px}.dns-tag-section{margin-bottom:80px}.dns-tag-section-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:28px}.dns-tag-section-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0;padding-left:16px;border-left:4px solid var(--dns-primary)}.dns-tag-section-more{font-size:.875rem;font-weight:500;color:var(--dns-secondary);transition:color var(--dns-transition)}.dns-tag-section-more:hover{color:var(--dns-primary)}.dns-card-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:24px;gap:24px}.dns-card{position:relative;aspect-ratio:16/9;border-radius:var(--dns-radius-lg);overflow:hidden;background:var(--dns-surface-container-low);transition:transform .5s cubic-bezier(.4,0,.2,1),box-shadow .5s cubic-bezier(.4,0,.2,1);cursor:pointer;display:block}.dns-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(0,0,0,.4)}.dns-card-img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.dns-card:hover .dns-card-img{transform:scale(1.08)}.dns-card-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.88) 0,rgba(0,0,0,.35) 50%,transparent);opacity:.8;transition:opacity var(--dns-transition)}.dns-card:hover .dns-card-overlay{opacity:.92}.dns-card-body{position:absolute;bottom:0;left:0;width:100%;padding:20px}.dns-card-badge{display:inline-block;padding:2px 8px;margin-bottom:8px;background:rgba(196,199,201,.15);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--dns-radius);font-size:.625rem;color:var(--dns-primary);text-transform:uppercase;font-weight:700;letter-spacing:.1em}.dns-card-title{font-size:1.05rem;font-weight:700;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.dns-card-meta{display:flex;align-items:center;gap:16px;margin-top:8px;font-size:.6875rem;color:var(--dns-secondary);font-weight:500;letter-spacing:.02em}.dns-card-meta span{display:flex;align-items:center;gap:4px}.dns-card-meta svg{opacity:.7}.dns-card-noimg{background:linear-gradient(135deg,var(--dns-surface-container) 0,var(--dns-surface-container-high) 100%)}.dns-card-noimg .dns-card-overlay{background:linear-gradient(0deg,rgba(0,0,0,.6) 0,transparent)}.dns-section-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 28px}.dns-page-title,.dns-section-title{padding-left:16px;border-left:4px solid var(--dns-primary)}.dns-page-title{font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:48px 0 32px}.dns-page-title-sub{font-size:.875rem;font-weight:400;color:var(--dns-secondary);margin-left:12px}.dns-article{max-width:820px;margin:0 auto;padding:48px 24px 80px}.dns-article-header{margin-bottom:40px}.dns-article-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0 0 20px;color:#e2e8f0}.dns-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:20px;font-size:.8125rem;color:var(--dns-secondary)}.dns-article-meta span{display:flex;align-items:center;gap:6px}.dns-article-meta svg{opacity:.6}.dns-article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.dns-article-tags a{padding:4px 14px;background:var(--dns-surface-container);border-radius:9999px;font-size:.75rem;font-weight:500;color:var(--dns-on-surface-variant);transition:background var(--dns-transition),color var(--dns-transition)}.dns-article-tags a:hover{background:var(--dns-surface-container-high);color:var(--dns-primary)}.dns-article-cover{width:100%;border-radius:var(--dns-radius-lg);margin-bottom:40px;aspect-ratio:16/9;object-fit:cover}.dns-article-content{font-size:1.0625rem;line-height:1.8;color:var(--dns-on-surface)}.dns-article-content h1,.dns-article-content h2,.dns-article-content h3,.dns-article-content h4{color:#e2e8f0;font-weight:700;letter-spacing:-.02em;margin:2em 0 .75em;line-height:1.3}.dns-article-content h1{font-size:1.75rem}.dns-article-content h2{font-size:1.5rem}.dns-article-content h3{font-size:1.25rem}.dns-article-content p{margin:0 0 1.25em}.dns-article-content img{max-width:100%;border-radius:var(--dns-radius-lg);margin:1.5em 0}.dns-article-content a{color:var(--dns-on-surface-variant);text-decoration:underline;text-underline-offset:3px;transition:color var(--dns-transition)}.dns-article-content a:hover{color:var(--dns-primary)}.dns-article-content blockquote{margin:1.5em 0;padding:16px 24px;background:var(--dns-surface-container-low);border-left:3px solid var(--dns-outline-variant);border-radius:0 var(--dns-radius-lg) var(--dns-radius-lg) 0;color:var(--dns-on-surface-variant);font-style:italic}.dns-article-content pre{background:var(--dns-surface-container-lowest);border-radius:var(--dns-radius-lg);padding:20px 24px;margin:1.5em 0;overflow-x:auto;font-size:.875rem;line-height:1.6}.dns-article-content code{font-family:JetBrains Mono,Fira Code,monospace;font-size:.875em}.dns-article-content p code{background:var(--dns-surface-container);padding:2px 8px;border-radius:var(--dns-radius)}.dns-article-content ol,.dns-article-content ul{padding-left:1.5em;margin:0 0 1.25em}.dns-article-content li{margin-bottom:.5em}.dns-article-content table{width:100%;border-collapse:collapse;margin:1.5em 0}.dns-article-content td,.dns-article-content th{padding:10px 16px;text-align:left}.dns-article-content th{background:var(--dns-surface-container);font-weight:600;font-size:.875rem}.dns-article-content tr:nth-child(2n) td{background:var(--dns-surface-container-low)}.dns-related{margin-top:64px;padding-top:48px}.dns-related-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.dns-related-item{border-radius:var(--dns-radius-lg);overflow:hidden;background:var(--dns-surface-container-low);transition:transform var(--dns-transition)}.dns-related-item:hover{transform:translateY(-2px)}.dns-related-item a{display:block}.dns-related-item img{width:100%;aspect-ratio:16/9;object-fit:cover}.dns-related-item-title{padding:12px 16px;font-size:.875rem;font-weight:600;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dns-tags-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:16px;gap:16px;margin-bottom:40px}.dns-tag-card{display:flex;flex-direction:column;align-items:center;padding:28px 20px;background:var(--dns-surface-container-low);border-radius:var(--dns-radius-lg);transition:background var(--dns-transition),transform var(--dns-transition);text-align:center}.dns-tag-card:hover{background:var(--dns-surface-container);transform:translateY(-2px)}.dns-tag-icon{font-size:1.5rem;font-weight:700;color:var(--dns-primary);margin-bottom:8px}.dns-tag-name{font-size:1rem;font-weight:600;margin-bottom:4px}.dns-tag-count{font-size:.75rem;color:var(--dns-secondary)}.dns-newsletter{padding:64px 48px;background:var(--dns-surface-container-low)}.dns-newsletter-inner{max-width:720px;margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.dns-newsletter-label{font-size:1.125rem;font-weight:700;color:#e2e8f0}.dns-newsletter-sublabel{font-size:.8125rem;color:var(--dns-secondary);margin-top:2px}.dns-newsletter-input{flex:1 1;min-width:200px;padding:12px 20px;background:var(--dns-surface-container);border:none;border-radius:9999px;color:var(--dns-on-surface);font-family:var(--dns-font);font-size:.875rem;transition:all var(--dns-transition)}.dns-newsletter-input::placeholder{color:var(--dns-secondary-dim)}.dns-newsletter-input:focus{outline:none;box-shadow:0 0 0 1px rgba(196,199,201,.15)}.dns-newsletter-btn{padding:12px 28px;background:var(--dns-primary);color:var(--dns-on-primary);border:none;border-radius:9999px;font-family:var(--dns-font);font-size:.875rem;font-weight:600;cursor:pointer;transition:background var(--dns-transition)}.dns-newsletter-btn:hover{background:var(--dns-primary-dim)}.dns-newsletter-btn:disabled{opacity:.5;cursor:not-allowed}.dns-newsletter-msg{width:100%;font-size:.8125rem;color:var(--dns-on-surface-variant);text-align:center}.dns-footer{padding:48px 48px 32px;text-align:center}.dns-footer-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.dns-footer-tag{font-size:.8125rem;color:var(--dns-secondary);transition:color var(--dns-transition)}.dns-footer-tag:hover{color:var(--dns-primary)}.dns-footer-logo{font-size:1.125rem;font-weight:700;color:#e2e8f0;margin-bottom:8px}.dns-footer-logo span{color:var(--dns-primary-dim)}.dns-footer-legal{display:flex;justify-content:center;gap:20px;margin:12px 0;font-size:.8125rem}.dns-footer-legal a{color:#475569;text-decoration:none}.dns-footer-legal a:hover{color:var(--dns-primary)}.dns-footer-copyright{font-size:.8125rem;color:#475569;font-weight:500;letter-spacing:.02em}.dns-footer-copyright a{color:var(--dns-secondary);transition:color var(--dns-transition)}.dns-footer-copyright a:hover{color:var(--dns-primary)}.dns-loading{display:flex;justify-content:center;align-items:center;min-height:40vh;font-size:.9375rem}.dns-empty,.dns-loading{color:var(--dns-secondary)}.dns-empty{text-align:center;padding:80px 24px}.dns-empty h3{font-size:1.25rem;font-weight:700;color:var(--dns-on-surface);margin-bottom:8px}.dns-empty p,.dns-load-more{font-size:.9375rem}.dns-load-more{display:block;margin:48px auto 0;padding:14px 40px;background:var(--dns-surface-container);color:var(--dns-on-surface);border:none;border-radius:9999px;font-family:var(--dns-font);font-weight:600;cursor:pointer;transition:background var(--dns-transition)}.dns-load-more:hover{background:var(--dns-surface-container-high)}.dns-load-more:disabled{opacity:.5;cursor:not-allowed}.dns-mobile-overlay{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dns-mobile-menu{position:absolute;top:0;right:0;width:280px;height:100%;background:var(--dns-surface-container);padding:80px 32px 32px;display:flex;flex-direction:column;gap:4px}.dns-mobile-close{position:absolute;top:20px;right:20px;background:none;border:none;color:var(--dns-on-surface);cursor:pointer;padding:8px;border-radius:var(--dns-radius);transition:background var(--dns-transition)}.dns-mobile-close:hover{background:var(--dns-surface-container-high)}.dns-mobile-menu a{display:block;padding:14px 16px;font-size:1rem;font-weight:500;color:var(--dns-on-surface);border-radius:var(--dns-radius);transition:background var(--dns-transition)}.dns-mobile-menu a.active,.dns-mobile-menu a:hover{background:var(--dns-surface-container-high)}.dns-layout .pagination,.dns-main .pagination{display:flex;justify-content:center;gap:6px;margin-top:48px}.dns-layout .pagination button,.dns-main .pagination button{background:var(--dns-surface-container);border:none;color:var(--dns-on-surface-variant);padding:8px 16px;border-radius:9999px;cursor:pointer;font-family:var(--dns-font);font-size:.875rem;font-weight:500;transition:background var(--dns-transition),color var(--dns-transition)}.dns-layout .pagination button:hover:not(:disabled),.dns-main .pagination button:hover:not(:disabled){background:var(--dns-surface-container-high);color:var(--dns-primary)}.dns-layout .pagination button.active,.dns-main .pagination button.active{background:var(--dns-primary);color:var(--dns-on-primary)}.dns-layout .pagination button:disabled,.dns-main .pagination button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:1024px){.dns-card-grid,.dns-related-grid{grid-template-columns:repeat(2,1fr)}.dns-nav{padding:0 24px}.dns-main{padding:0 24px 64px}.dns-newsletter{padding:48px 24px}.dns-footer{padding:36px 24px 24px}}@media (max-width:768px){.dns-nav-links{display:none}.dns-menu-btn{display:flex}.dns-hero{min-height:520px}.dns-hero-title{font-size:2rem}.dns-hero-search input{padding:14px 20px 14px 48px;font-size:.9375rem}.dns-card-grid{gap:12px}.dns-card-grid,.dns-related-grid{grid-template-columns:repeat(2,1fr)}.dns-tag-section-title{font-size:1.35rem}.dns-article-title{font-size:1.5rem}.dns-tags-grid{grid-template-columns:repeat(2,1fr)}.dns-newsletter-inner{flex-direction:column;text-align:center}.dns-newsletter-input{width:100%}.dns-page-title{font-size:1.5rem}}@media (max-width:480px){.dns-nav{padding:0 16px}.dns-main{padding:0 16px 48px}.dns-tags-grid{grid-template-columns:1fr}.dns-card-body{padding:14px}.dns-card-title{font-size:.9375rem}}.dns-layout{--native-ad-bg:var(--dns-surface-container);--native-ad-border:var(--dns-outline-variant);--native-ad-text:var(--dns-on-surface);--native-ad-muted:var(--dns-on-surface-variant);--ad-slot-bottom-max-width:720px}