:root{--dcc-aqua:#0bb7b4;--dcc-teal:#087c82;--dcc-deep:#05343b;--dcc-sand:#f5dfb8;--dcc-ivory:#fffaf0;--dcc-gold:#d7a847;--dcc-ink:#17363a;--dcc-soft:#e9fbfa}
.dcc-wrap{box-sizing:border-box;max-width:1180px;margin:0 auto;padding:28px 16px;color:var(--dcc-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.dcc-wrap *{box-sizing:border-box}
.dcc-home-shell{max-width:1220px}
.dcc-narrow{max-width:620px}
.dcc-hero-card{position:relative;min-height:480px;border-radius:32px;overflow:hidden;box-shadow:0 28px 80px rgba(5,52,59,.18);background:#0b8d94}
.dcc-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.01)}
.dcc-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,32,38,.78),rgba(8,124,130,.35),rgba(255,250,240,.12))}
.dcc-hero-content{position:relative;z-index:1;min-height:480px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:48px;max-width:620px;color:#fff}
.dcc-logo{width:110px;height:110px;object-fit:contain;filter:drop-shadow(0 14px 25px rgba(0,0,0,.25));margin-bottom:18px}
.dcc-mini-logo{width:72px;height:72px;object-fit:contain;margin:0 auto 8px;display:block}
.dcc-kicker{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:800;color:var(--dcc-gold);margin:0 0 8px}
.dcc-hero-content h1,.dcc-form-head h1,.dcc-member-header h1{font-size:clamp(32px,6vw,56px);line-height:.95;margin:0 0 14px;font-weight:900}
.dcc-lead{font-size:18px;line-height:1.52;max-width:580px;margin:0 0 24px;color:rgba(255,255,255,.92)}
.dcc-actions{display:flex;gap:12px;flex-wrap:wrap}
.dcc-actions-center{justify-content:center;margin-top:20px}
.dcc-btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:850;text-decoration:none;cursor:pointer;transition:.2s ease;font-size:14px;line-height:1.1}
.dcc-btn-primary{background:linear-gradient(135deg,var(--dcc-aqua),#52d4d0);color:#062b2d;box-shadow:0 16px 35px rgba(11,183,180,.24)}
.dcc-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px rgba(11,183,180,.34);color:#062b2d}
.dcc-btn-secondary{background:linear-gradient(135deg,#f7e4bd,#dcb258);color:#39280b;box-shadow:0 14px 32px rgba(215,168,71,.24)}
.dcc-btn-ghost{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.26)}
.dcc-btn-full{width:100%;margin-top:6px}
.dcc-panel{background:rgba(255,255,255,.94);border:1px solid rgba(8,124,130,.14);border-radius:28px;padding:28px;box-shadow:0 22px 70px rgba(5,52,59,.09);backdrop-filter:blur(10px)}
.dcc-tutorial-panel{margin-top:20px}
.dcc-section-head{text-align:center;max-width:720px;margin:0 auto 18px}
.dcc-section-head h2,.dcc-panel h2{font-size:26px;line-height:1.1;margin:0 0 8px}
.dcc-section-head p{font-size:16px;color:#5f7375}
.dcc-section-head.compact{text-align:left;margin:0 0 14px}
.dcc-video-wrap{border-radius:22px;overflow:hidden;background:#072f36;border:1px solid rgba(8,124,130,.16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.09)}
.dcc-video-wrap video{display:block;width:100%;max-height:520px;background:#000}
.dcc-contact-row{display:flex;gap:8px;justify-content:center;margin:18px 0 0;flex-wrap:wrap}
.dcc-contact-row a{background:#fff;border:1px solid rgba(8,124,130,.14);color:var(--dcc-teal);padding:9px 14px;border-radius:999px;text-decoration:none;font-weight:800;font-size:14px}
.dcc-form-panel{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(240,252,251,.94))}
.dcc-form-head{text-align:center;margin-bottom:20px}
.dcc-form-head h1{font-size:38px;color:var(--dcc-deep)}
.dcc-form-head p{color:#667b7d;font-size:15px}
.dcc-form{display:grid;gap:13px}
.dcc-form label{font-weight:800;color:#17363a;display:grid;gap:6px;font-size:14px}
.dcc-form input{width:100%;border:1px solid rgba(8,124,130,.22);background:#fff;border-radius:16px;padding:12px 14px;font-size:15px;color:#17363a;outline:none;transition:.2s}
.dcc-form input:focus{border-color:var(--dcc-aqua);box-shadow:0 0 0 4px rgba(11,183,180,.12)}
.dcc-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;gap:10px;font-weight:700;font-size:14px}
.dcc-check input{width:20px;height:20px;accent-color:var(--dcc-aqua)}
.dcc-inline-info,.dcc-notice{border-radius:16px;padding:12px 14px;margin:0 0 14px;font-weight:700;font-size:14px}
.dcc-inline-info{background:#ecfbfa;border:1px solid rgba(11,183,180,.2)}
.dcc-notice-success{background:#eafbf3;border:1px solid #96e2bd;color:#14532d}
.dcc-notice-error{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239}
.dcc-notice-warning{background:#fff7e6;border:1px solid #f4c46d;color:#7a4a00}
.dcc-notice-info{background:#eff8ff;border:1px solid #bae6fd;color:#075985}
.dcc-small-note{font-size:13px;color:#607274;margin-top:12px;text-align:center}
.dcc-form-links{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:12px;font-size:14px}
.dcc-form-links a,.dcc-small-note a{color:var(--dcc-teal);font-weight:800;text-decoration:none}
.dcc-password-line{display:flex;gap:6px}
.dcc-password-line input{flex:1}
.dcc-toggle-pass{border:0;border-radius:14px;background:#e9fbfa;color:var(--dcc-teal);padding:0 12px;font-weight:800;cursor:pointer;font-size:13px}
.dcc-member-shell{max-width:1160px}
.dcc-member-header{display:flex;align-items:center;justify-content:space-between;gap:18px;border-radius:28px;padding:30px;background:linear-gradient(135deg,#06343b,#0b8f94);color:#fff;margin-bottom:18px;box-shadow:0 22px 60px rgba(5,52,59,.18)}
.dcc-member-header h1{font-size:36px}
.dcc-member-header p{margin:0;color:rgba(255,255,255,.82);font-size:15px}
.dcc-grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}
.dcc-profile-list p{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid rgba(8,124,130,.12);margin:0;font-size:14px}
.dcc-profile-list span{color:#678}
.dcc-profile-list strong{text-align:right}
.dcc-ref-box h2,.dcc-network-panel h2,.dcc-resources h2{margin-top:0;color:var(--dcc-deep);font-size:22px}
.dcc-copy-line{display:flex;gap:6px;background:#f5fffe;border:1px solid rgba(8,124,130,.15);padding:6px;border-radius:16px}
.dcc-copy-line input{flex:1;border:0;background:transparent;padding:8px;color:var(--dcc-ink);font-weight:700;min-width:0;font-size:14px}
.dcc-copy-btn{border:0;border-radius:12px;padding:8px 14px;background:var(--dcc-aqua);color:#05343b;font-weight:900;cursor:pointer;font-size:13px}
.dcc-tree-mini{text-align:center}
.dcc-node{display:inline-flex;min-width:200px;justify-content:center;align-items:center;border-radius:18px;padding:14px 20px;font-weight:900;font-size:14px}
.dcc-node-root{background:#fff8e8;border:1px solid rgba(215,168,71,.3);color:#7a4a00}
.dcc-node-self{background:linear-gradient(135deg,var(--dcc-aqua),#7ee8e4);color:#05343b}
.dcc-line{width:2px;height:20px;background:linear-gradient(var(--dcc-gold),var(--dcc-aqua));margin:0 auto}
.dcc-direct-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-top:3px;text-align:left}
.dcc-direct-card{background:#fbfffe;border:1px solid rgba(8,124,130,.14);border-radius:16px;padding:14px;font-size:13px}
.dcc-direct-card strong,.dcc-direct-card span,.dcc-direct-card small{display:block}
.dcc-direct-card span{color:#607274;margin:3px 0}
.dcc-empty{border:1px dashed rgba(8,124,130,.28);background:#fbfffe;border-radius:16px;padding:14px;color:#607274;text-align:center;font-size:14px}
.dcc-resources{margin-top:18px}
.dcc-resource-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.dcc-resource-card{display:flex;align-items:center;justify-content:center;min-height:74px;border-radius:18px;background:linear-gradient(135deg,#ecfbfa,#fff8e8);border:1px solid rgba(8,124,130,.14);color:var(--dcc-deep);text-decoration:none;font-weight:900;text-align:center;font-size:13px}
.dcc-resource-card:hover{transform:translateY(-1px);box-shadow:0 14px 34px rgba(5,52,59,.12)}
@media(max-width:760px){
  .dcc-wrap{padding:18px 12px}
  .dcc-hero-card,.dcc-hero-content{min-height:420px}
  .dcc-hero-content{padding:28px;align-items:center;text-align:center}
  .dcc-logo{width:90px;height:90px}
  .dcc-actions{justify-content:center}
  .dcc-grid-two{grid-template-columns:1fr}
  .dcc-member-header{display:block;text-align:center}
  .dcc-member-header .dcc-btn{margin-top:12px}
  .dcc-panel{padding:20px}
  .dcc-form-head h1{font-size:32px}
  .dcc-copy-line{display:grid}
  .dcc-profile-list p{display:block}
  .dcc-profile-list strong{text-align:left;display:block;margin-top:3px}
}