.sdbx-projects { color:#f8f4ff; background:radial-gradient(ellipse at 18% 0,rgba(124,58,237,.15),transparent 650px),#101322; }
.sdbx-projects *, .sdbx-projects *::before, .sdbx-projects *::after { box-sizing:border-box; }
.sdbx-projects .projects-inner { max-width:1200px; margin:0 auto; padding:56px 32px 64px; }
.sdbx-projects .projects-intro { max-width:810px; margin-bottom:44px; }
.sdbx-projects .projects-eyebrow { margin:0 0 18px; color:#c4b5fd; font-size:11px; font-weight:650; letter-spacing:.16em; text-transform:uppercase; }
.sdbx-projects h1 { margin:0; font-size:clamp(36px,5vw,62px); font-weight:750; line-height:1.06; letter-spacing:-.045em; overflow-wrap:anywhere; }
.sdbx-projects h1 span { color:#c9adff; }
.sdbx-projects .projects-lead { max-width:670px; margin:24px 0; font-size:17px; line-height:1.8; color:#c5c1d2; }
.sdbx-projects .projects-notice { display:flex; gap:14px; padding:18px 20px; border:1px solid #605079; border-radius:14px; background:#a78bfa08; }
.sdbx-projects .projects-notice svg { flex:none; width:22px; height:22px; margin-top:2px; color:#c4b5fd; }
.sdbx-projects .projects-notice p { margin:0; font-size:14px; line-height:1.6; color:#eee5ff; }
.sdbx-projects .projects-notice span { display:block; margin-top:5px; font-size:13px; color:#bab4cb; }
.sdbx-projects [hidden] { display:none !important; }
.sdbx-projects .projects-toolbar { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.sdbx-projects h2 { margin:0; font-size:23px; font-weight:650; line-height:1.3; letter-spacing:-.025em; }
.sdbx-projects .projects-count { margin:8px 0 0; font-size:13px; line-height:1.6; color:#bcb5ce; }
.sdbx-projects .projects-search { width:280px; max-width:100%; }
.sdbx-projects .projects-search label { display:block; margin-bottom:8px; color:#cbc3db; font-size:12px; }
.sdbx-projects input { width:100%; padding:12px 14px; border:1px solid #655974; border-radius:10px; background:#191b2c; color:#fff; font:inherit; font-size:14px; }
.sdbx-projects input::placeholder { color:#b5adc3; }
.sdbx-projects .projects-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; padding:0; margin:0; list-style:none; }
.sdbx-projects .project-card { min-width:0; display:flex; flex-direction:column; padding:24px; background:#191b2b; border:1px solid #3b354b; border-radius:16px; }
.sdbx-projects .project-summary { display:flex; align-items:flex-start; gap:16px; margin-bottom:24px; }
.sdbx-projects .project-summary > div { min-width:0; }
.sdbx-projects .project-logo { display:grid; place-items:center; width:56px; height:56px; flex:none; border:1px solid #52475f; border-radius:13px; background:#ffffff08; }
.sdbx-projects .project-logo img { width:40px; height:40px; object-fit:contain; }
.sdbx-projects h3 { margin:2px 0 6px; color:#f6f1ff; font-size:18px; line-height:1.3; font-weight:650; overflow-wrap:anywhere; }
.sdbx-projects .project-summary p { margin:0; color:#bfb8ce; font-size:13px; line-height:1.65; }
.sdbx-projects .project-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:auto; }
.sdbx-projects .project-links a { display:inline-flex; align-items:center; gap:10px; min-height:42px; padding:10px 13px; border-radius:8px; font-size:12px; font-weight:600; line-height:1.5; text-decoration:none; }
.sdbx-projects .project-official { border:1px solid #645776; color:#e0d8ed; }
.sdbx-projects .project-support { border:1px solid #79599c; background:#a78bfa17; color:#ddc8ff; }
.sdbx-projects .project-links a:hover { border-color:#c4b5fd; color:#fff; background:#a78bfa28; }
.sdbx-projects a:focus-visible, .sdbx-projects input:focus-visible { outline:3px solid #c4b5fd; outline-offset:4px; }
.sdbx-projects .project-note { margin:14px 0 0; color:#b8b0c8; font-size:12px; line-height:1.6; }
.sdbx-projects .projects-empty { padding:28px 0; color:#c9c0d7; }
.sdbx-projects .projects-about { max-width:810px; margin-top:40px; padding-top:32px; border-top:1px solid #453b53; }
.sdbx-projects .projects-about h2 { font-size:20px; }
.sdbx-projects .projects-about p { margin:14px 0 0; color:#bcb5ce; font-size:13px; line-height:1.8; }
@media(max-width:760px) { .sdbx-projects .projects-list { grid-template-columns:minmax(0,1fr); } .sdbx-projects .projects-toolbar { align-items:start; flex-direction:column; } .sdbx-projects .projects-search { width:100%; } }
@media(max-width:600px) { .sdbx-projects .project-card { padding:20px; } .sdbx-projects .project-summary { gap:12px; } .sdbx-projects .projects-inner { padding:34px 18px 44px; } .sdbx-projects .projects-lead { font-size:15px; } .sdbx-projects .projects-notice { padding:16px; } }