.dna{padding:4px 0 60px}.dna-hero{display:grid;grid-template-columns:auto 1fr auto;grid-gap:26px;gap:26px;align-items:center;background:linear-gradient(135deg,rgba(124,92,255,.14),rgba(228,54,255,.08) 55%,rgba(34,184,255,.1));border:1px solid var(--border-2);border-radius:var(--r-xl);padding:26px 28px;position:relative;overflow:hidden}.dna-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(120% 120% at 90% -20%,rgba(228,54,255,.18),transparent 55%);pointer-events:none}.dna-hero-ring{position:relative}.dna-hero-ring,.dna-hero-ring svg{width:130px;height:130px}.dna-hero-ring .ctr{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.dna-hero-ring .ctr .n{font-size:30px;font-weight:800;letter-spacing:var(--ls-3)}.dna-hero-ring .ctr .l{font-size:11px;color:var(--text-2);text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.dna-hero-mid{min-width:0}.dna-hero-t{font-size:22px;font-weight:800;letter-spacing:var(--ls-2)}.dna-hero-t span{background:linear-gradient(90deg,#c9b8ff,#ff9ff5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dna-hero-mid p{color:var(--text-2);font-size:13.5px;margin:8px 0 14px;max-width:560px;line-height:1.5}.dna-hero-stats{display:flex;gap:26px;flex-wrap:wrap}.dna-hero-stats .st .v{font-size:22px;font-weight:800;letter-spacing:var(--ls-3)}.dna-hero-stats .st .v small{font-size:12px;color:var(--text-3);font-weight:600}.dna-hero-stats .st .k{font-size:11px;color:var(--text-2);margin-top:2px}.dna-rewardbox{width:210px;background:rgba(0,0,0,.25);border:1px solid var(--border-2);border-radius:var(--r-lg);padding:14px 16px;position:relative;z-index:1}.dna-rewardbox .rb-h{display:flex;align-items:center;gap:7px;font-weight:700;font-size:13px;margin-bottom:9px}.dna-rewardbox ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:7px;gap:7px}.dna-rewardbox li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text-1)}.dna-rewardbox li svg{width:15px;height:15px;color:var(--dark-mint);flex:none}.dna-secs{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-top:22px}.dna-sec{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);padding:18px 18px 16px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.dna-sec:hover{border-color:var(--border-2);transform:translateY(-2px)}.dna-sec.done{border-color:rgba(19,229,193,.35);background:linear-gradient(180deg,rgba(19,229,193,.06),var(--surface-1) 60%)}.dna-sec-top{display:flex;align-items:center;justify-content:space-between}.dna-sec-top .num{width:24px;height:24px;border-radius:8px;background:var(--surface-3);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--text-2)}.dna-chip{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(124,92,255,.16);color:#c9b8ff}.dna-chip.ok{background:rgba(19,229,193,.16);color:var(--light-mint)}.dna-sec-ic{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;font-size:22px;margin:14px 0 12px}.dna-sec-title{font-size:15px;font-weight:700;letter-spacing:var(--ls-2)}.dna-sec-sub{font-size:12.5px;color:var(--text-2);margin:5px 0 14px;line-height:1.45;flex:1 1}.dna-sec-bar{height:6px;border-radius:999px;background:var(--surface-3);overflow:hidden}.dna-sec-bar i{display:block;height:100%;border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}.dna-sec-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-2);margin:8px 0 14px}.dna-sec-meta .xp{font-weight:700}.dna-tip{display:flex;align-items:center;gap:10px;margin-top:22px;padding:14px 18px;border-radius:var(--r);background:rgba(124,92,255,.08);border:1px solid rgba(124,92,255,.18);font-size:13px;color:var(--text-1)}.dna-tip span{font-size:17px}.dna-card{background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(228,54,255,.07));border-color:var(--border-2)}.dna-badge{font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:rgba(228,54,255,.16);color:var(--soft-pink);text-transform:uppercase;letter-spacing:.06em}.dna-card-grid{display:grid;grid-template-columns:auto 1fr;grid-gap:18px;gap:18px;align-items:center}.dna-ring{position:relative;flex:none}.dna-ring,.dna-ring svg{width:104px;height:104px}.dna-ring .ctr{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.dna-ring .ctr .n{font-size:23px;font-weight:800;letter-spacing:var(--ls-3)}.dna-ring .ctr .l{font-size:10px;color:var(--text-2);text-transform:uppercase;letter-spacing:.07em}.dna-card-body{min-width:0}.dna-sub{font-size:13px;color:var(--text-2);line-height:1.5;margin:0 0 12px}.dna-sub b{color:var(--text-1)}.dna-secstat{display:grid;grid-gap:6px;gap:6px;margin-bottom:12px}.dna-secstat .r{display:flex;gap:8px;font-size:12px;align-items:baseline}.dna-secstat .k{flex:none;width:72px;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;font-weight:700}.dna-secstat .r.ok .v{color:var(--light-mint)}.dna-rewards,.dna-secstat .r.miss .v{color:var(--text-2)}.dna-rewards{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;margin-bottom:14px}.dna-rewards b{color:var(--text-1)}.dna-cel,.dna-wz{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:20px}.dna-wz-back{position:absolute;inset:0;background:rgba(3,4,8,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:dnaFade .2s ease}.dna-wz-card{position:relative;width:min(680px,100%);max-height:90vh;display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--r-xl);box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden;animation:dnaPop .26s cubic-bezier(.2,.8,.2,1)}.dna-wz-top{display:flex;align-items:center;gap:14px;padding:18px 20px 16px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,color-mix(in srgb,var(--sc) 14%,transparent),transparent 70%)}.dna-wz-ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-size:22px;flex:none}.dna-wz-h{flex:1 1;min-width:0}.dna-wz-h .t{font-size:18px;font-weight:800;letter-spacing:var(--ls-2)}.dna-wz-h .s{font-size:12px;color:var(--text-2);margin-top:2px}.dna-wz-x{width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);display:grid;place-items:center;cursor:pointer;flex:none}.dna-wz-x:hover{color:var(--text-1);border-color:var(--border-2)}.dna-wz-x svg{width:17px;height:17px}.dna-wz-steps{display:flex;gap:6px;padding:12px 20px 0}.dna-wz-steps i{flex:1 1;height:4px;border-radius:999px;background:var(--surface-3);transition:background .3s}.dna-wz-body{padding:18px 20px 8px;overflow-y:auto}.dna-fld{margin-bottom:22px}.dna-fl{font-size:14px;font-weight:700;letter-spacing:var(--ls-2);margin-bottom:11px;display:flex;align-items:center;gap:8px}.dna-fl-h{font-size:10.5px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-3);padding:2px 8px;border-radius:999px}.dna-note{font-size:12.5px;color:var(--text-2);margin:-4px 0 12px;line-height:1.5}.dna-opts{display:flex;flex-wrap:wrap;gap:9px}.dna-opt{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-radius:12px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-1);font-size:13px;font-weight:600;cursor:pointer;transition:all .16s;position:relative}.dna-opt:hover{border-color:var(--border-2);background:var(--surface-3)}.dna-opt .ic{font-size:16px;line-height:1}.dna-opt.on{border-color:transparent;background:linear-gradient(135deg,rgba(124,92,255,.9),rgba(228,54,255,.9));color:#fff;box-shadow:0 6px 18px rgba(124,92,255,.3)}.dna-opt .ck{display:grid;place-items:center}.dna-opt .ck svg{width:14px;height:14px}.dna-ta{width:100%;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px;color:var(--text-1);font:inherit;font-size:13.5px;resize:vertical;min-height:78px}.dna-ta:focus{outline:none;border-color:rgba(124,92,255,.6)}.dna-ta-cnt{text-align:right;font-size:11px;color:var(--text-3);margin-top:5px}.dna-plats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;gap:10px}.dna-plat{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:13px;border:1px solid var(--border);background:var(--surface-2);transition:all .16s}.dna-plat.on{border-color:rgba(19,229,193,.4);background:linear-gradient(180deg,rgba(19,229,193,.07),var(--surface-2) 70%)}.dna-plat .ic{width:26px;height:22px;display:grid;place-items:center}.dna-plat .ic svg{display:block}.dna-plat .nm{flex:1 1;font-size:13.5px;font-weight:600}.dna-plat-btn{font-size:12px;font-weight:700;padding:6px 14px;border-radius:999px;border:1px solid var(--border-2);background:var(--surface-3);color:var(--text-1);cursor:pointer;transition:all .16s;min-width:104px}.dna-plat-btn:hover{border-color:var(--ultramarine)}.dna-plat-btn.on{background:rgba(19,229,193,.16);color:var(--light-mint);border-color:transparent}.dna-plat-btn .off-lbl{display:none}.dna-plat-btn.on:hover{background:rgba(255,84,112,.16);color:var(--danger)}.dna-plat-btn.on:hover .on-lbl{display:none}.dna-plat-btn.on:hover .off-lbl{display:inline}.dna-wz-foot{display:flex;align-items:center;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--border)}.dna-wz-foot .sp{flex:1 1}.dna-cel-card{position:relative;width:min(440px,100%);text-align:center;background:var(--surface-1);border:1px solid var(--border-2);border-radius:var(--r-xl);padding:34px 28px 28px;box-shadow:0 30px 80px rgba(0,0,0,.6);animation:dnaPop .3s cubic-bezier(.2,.8,.2,1);overflow:hidden}.dna-cel-card:before{content:"";position:absolute;inset:0;background:radial-gradient(90% 70% at 50% -10%,rgba(228,54,255,.22),transparent 60%);pointer-events:none}.dna-cel-burst{font-size:56px;line-height:1;animation:dnaBurst .6s cubic-bezier(.2,.9,.2,1);position:relative}.dna-cel-t{font-size:24px;font-weight:800;letter-spacing:var(--ls-3);margin-top:12px;background:linear-gradient(90deg,#c9b8ff,#ff9ff5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.dna-cel-s{font-size:13.5px;color:var(--text-2);margin:8px 0 18px;line-height:1.5}.dna-cel-unlocks{display:grid;grid-gap:8px;gap:8px;margin-bottom:22px;text-align:left}.dna-cel-unlocks .u{display:flex;align-items:center;gap:11px;padding:10px 14px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);font-size:13.5px;font-weight:600}.dna-cel-unlocks .u .ic{font-size:18px}@keyframes dnaFade{0%{opacity:0}to{opacity:1}}@keyframes dnaPop{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}@keyframes dnaBurst{0%{transform:scale(.3) rotate(-12deg);opacity:0}60%{transform:scale(1.18) rotate(6deg)}to{transform:scale(1) rotate(0);opacity:1}}@media (max-width:1000px){.dna-secs{grid-template-columns:repeat(2,1fr)}.dna-hero{grid-template-columns:auto 1fr}.dna-rewardbox{grid-column:1/-1;width:auto}}@media (max-width:620px){.dna-hero{grid-template-columns:1fr;text-align:center;justify-items:center}.dna-hero-stats{justify-content:center}.dna-card-grid,.dna-secs{grid-template-columns:1fr}.dna-card-grid{justify-items:center;text-align:center}.dna-secstat .r{justify-content:center}.dna-plats{grid-template-columns:1fr}.dna-wz-foot{flex-wrap:wrap}}