:root{--bg: #0b1220;--text: #eaf2ff;--muted: #91a0bd;--card: rgba(255,255,255,.06);--accent: #5aa9ff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:var(--bg)}.app-root{min-height:100%;position:relative;overflow-x:hidden}.page-container{max-width:1100px;margin:90px auto 80px;padding:0 20px}.site-footer{text-align:center;opacity:.7;padding:40px 0}.navbar{position:fixed;top:0;left:0;right:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c1899;border-bottom:1px solid rgba(255,255,255,.06);z-index:50}.nav-inner{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:12px 20px}.nav-inner .brand a{color:var(--text);font-weight:700;letter-spacing:.4px;text-decoration:none}.links{display:flex;gap:14px;flex-wrap:wrap}.links a{color:var(--text);text-decoration:none;opacity:.8;padding:6px 8px;border-radius:8px}.links a:hover{background:var(--card);opacity:1}.links a.active{background:var(--accent);color:#00142e}.lang{display:flex;align-items:center;gap:8px}.lang span{opacity:.7;font-size:.9rem}.lang button{background:var(--card);border:1px solid rgba(255,255,255,.08);color:var(--text);padding:6px 10px;border-radius:8px;cursor:pointer}.lang button[aria-pressed=true]{background:var(--accent);color:#00142e}.dropdown{position:relative;display:inline-block}.links .dropbtn{color:var(--text);opacity:.8;padding:6px 8px;border-radius:8px;background:transparent;border:none;cursor:pointer;font:inherit}.links .dropbtn:hover{background:var(--card);opacity:1}.links .dropbtn.active{background:var(--accent);color:#00142e}.dropdown-content{display:none;position:absolute;min-width:220px;z-index:60;background:#080c18e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;margin-top:6px}.dropdown:hover .dropdown-content,.dropdown:focus-within .dropdown-content{display:block}.dropdown-content a{display:block;color:var(--text);text-decoration:none;opacity:.9;padding:8px 10px}.dropdown-content a:hover{background:var(--card);opacity:1}.dropdown-content a.active{background:var(--accent);color:#00142e}.dropbtn .caret{margin-left:4px;font-size:.9em;opacity:.9}.dropdown:focus-within .dropbtn{background:var(--card);opacity:1;outline:none}.dropdown-content a:focus{outline:2px solid var(--accent);outline-offset:-2px}.page-title{font-size:2rem;margin:10px 0 20px}.section{background:linear-gradient(180deg,#ffffff0d,#ffffff05);padding:20px;border:1px solid rgba(255,255,255,.06);border-radius:16px;margin:16px 0}.link-list{display:flex;flex-wrap:wrap;gap:12px;padding-left:18px}.link-list a{color:var(--accent)}.bullet{line-height:1.8}.what-is__head{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center;margin-bottom:10px}.ddn-logo{width:100px;height:100px;object-fit:contain;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35));-webkit-user-select:none;user-select:none}.tagline{margin:6px 0 0;font-weight:600;letter-spacing:.2px;color:var(--text);opacity:.85}.brand-title{--stroke: 2px;--stroke-color: rgba(255,255,255,.95);--fuzz: 6px;--fuzz-alpha: .35;font-size:clamp(2.6rem,7vw,4rem);font-weight:900;letter-spacing:.02em;text-transform:lowercase;color:transparent;-webkit-text-stroke:var(--stroke) var(--stroke-color);text-shadow:0 0 .5px rgba(255,255,255,.4);position:relative}.brand-title:before{content:attr(data-text);position:absolute;inset:0;color:transparent;-webkit-text-stroke:calc(var(--stroke) * 2.2) rgba(255,255,255,var(--fuzz-alpha));filter:blur(var(--fuzz));pointer-events:none}.brand-title:after{content:attr(data-text);position:absolute;inset:0;color:transparent;-webkit-text-stroke:1px rgba(0,0,0,.18);filter:blur(.6px);mix-blend-mode:normal;pointer-events:none}.subtitle{margin:0 0 10px;opacity:.9;font-weight:700;letter-spacing:.3px}.yt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.yt-item{aspect-ratio:16/9;background:#000;border-radius:12px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.yt-item iframe{width:100%;height:100%;border:0;display:block}.updates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.update-card{display:grid;grid-template-columns:160px 1fr;gap:12px;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px}.update-card img{width:100%;height:100%;object-fit:cover;border-radius:10px}.donate-img{width:100%;height:260px;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.btn{background:var(--accent);color:#00142e;padding:10px 14px;border-radius:10px;font-weight:700;text-decoration:none;border:1px solid rgba(255,255,255,.12)}.btn:hover{filter:brightness(1.05)}.donate-shell{background:#ffffff0a}.donate-layout{display:grid;grid-template-columns:minmax(320px,1fr) 320px;gap:20px;align-items:start}@media (max-width: 920px){.donate-layout{grid-template-columns:1fr}}.donate-left .page-title{font-size:clamp(2rem,4.5vw,2.6rem);margin-bottom:8px}.donate-p{font-size:1.02rem;line-height:1.7;margin:8px 0}.donate-list{margin:6px 0 0 1.1rem;line-height:1.7}.donate-list li{margin:4px 0}.donate-right{display:flex;flex-direction:column;gap:12px}.donate-card{display:block;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;text-decoration:none}.donate-card__imgwrap{aspect-ratio:16 / 9;background:var(--img-bg)}.donate-card__imgwrap img{width:100%;height:100%;object-fit:contain;display:block}.donate-card__caption{padding:10px 12px 12px;font-weight:700;color:var(--text);text-align:center;letter-spacing:.2px}html[dir=rtl] .donate-list{margin-left:0;margin-right:1.1rem}.clouds-bg{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:-1;background:linear-gradient(180deg,#0b1220,#0e1730 60%,#0b1220)}.cloud{position:absolute;background:#ffffff1f;filter:blur(12px);border-radius:50px;animation:drift linear infinite}.c1{top:10%;left:-20%;width:300px;height:110px;animation-duration:60s}.c2{top:35%;left:-30%;width:420px;height:150px;animation-duration:85s}.c3{top:60%;left:-25%;width:360px;height:130px;animation-duration:75s}.c4{top:75%;left:-35%;width:500px;height:180px;animation-duration:95s}@keyframes drift{to{transform:translate(140%)}}:root{--header-h: 56px;--rail-w: 72px;--flyout-w: min(420px, 85vw)}.nav-trigger{display:none;width:44px;height:44px;align-items:center;justify-content:center;gap:4px;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:10px;cursor:pointer}.nav-trigger .bar{width:18px;height:2px;background:var(--text)}.desktop-only{display:flex}@media (max-width: 820px){.nav-inner{height:var(--header-h)}.brand,.desktop-only{display:none}.nav-trigger{display:inline-flex}.mobile-rail{position:fixed;top:var(--header-h);left:0;width:var(--rail-w);height:calc(100dvh - var(--header-h));background:#0a0e1cf0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:1px solid rgba(255,255,255,.08);z-index:70;overflow-y:auto;transform-origin:top left;transform:scaleY(.96);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.mobile-rail[data-open=true]{transform:scaleY(1);opacity:1;pointer-events:auto}.rail-items{display:flex;flex-direction:column;padding:10px 6px;gap:6px}.rail-item{display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 6px;border-radius:10px;font-size:.9rem;white-space:nowrap}.rail-item.active{background:#ffffff14}.rail-has-flyout .arrow{margin-left:6px;transition:transform .18s ease}.rail-has-flyout[aria-expanded=true] .arrow{transform:translate(2px)}.rail-lang{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:6px;font-size:.9rem}.rail-lang-buttons{display:grid;gap:6px}.rail-lang-buttons button{padding:8px 10px;border-radius:10px}.rail-flyout{position:fixed;top:var(--header-h);left:var(--rail-w);width:var(--flyout-w);height:calc(100dvh - var(--header-h));background:#0c101ef5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:71;border-left:1px solid rgba(255,255,255,.08);transform:translate(-8px);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.rail-flyout[data-open=true]{transform:translate(0);opacity:1;pointer-events:auto}.rail-flyout-inner{display:flex;flex-direction:column;padding:14px 16px;gap:8px}.rail-flyout-inner a{padding:12px 10px;border-radius:10px;font-size:1rem}.scrim{position:fixed;inset:0;z-index:60;background:#00000059;opacity:0;pointer-events:none;transition:opacity .15s ease}.scrim[data-open=true]{opacity:1;pointer-events:auto}}