@charset "utf-8";

.text-white-80 { color: rgba(255, 255, 255, 0.8); }

.text-white-90 { color: rgba(255, 255, 255, 0.9); }

.text-white-95 { color: rgba(255, 255, 255, 0.95); }

.text-white-85 { color: rgba(255, 255, 255, 0.85); }

.text-white-78 { color: rgba(255, 255, 255, 0.78); }

.text-white-82 { color: rgba(255, 255, 255, 0.82); }

.text-white-92 { color: rgba(255, 255, 255, 0.92); }

.text-white-70 { color: rgba(255, 255, 255, 0.7); }

.text-white-50 { color: rgba(255, 255, 255, 0.5); }

.text-white-60 { color: rgba(255, 255, 255, 0.6); }

.text-yellow { color: rgb(251, 191, 36); }

.text-green { color: rgb(134, 239, 172); }

.text-blue-light { color: rgb(56, 189, 248); }

.text-yellow-light { color: rgba(253, 230, 138, 0.95); }

.text-blue-147 { color: rgba(147, 197, 253, 0.7); }

.text-blue-147-95 { color: rgba(147, 197, 253, 0.95); }

.text-purple-196 { color: rgba(196, 181, 253, 0.95); }

.text-purple-216 { color: rgba(216, 180, 254, 0.9); }

.text-green-134 { color: rgba(134, 239, 172, 0.95); }

.text-green-110 { color: rgba(110, 231, 183, 0.95); }

.text-red-252 { color: rgba(252, 165, 165, 0.95); }

.text-orange-254 { color: rgba(254, 215, 170, 0.95); }

.text-pink-251 { color: rgba(251, 207, 232, 0.95); }

.text-indigo-165 { color: rgba(165, 180, 252, 0.95); }

.text-red-239 { color: rgba(239, 68, 68, 0.9); }

.text-green-34 { color: rgba(34, 197, 94, 0.9); }

.text-blue-59 { color: rgba(59, 130, 246, 0.9); }

.text-purple-168 { color: rgba(168, 85, 247, 0.9); }

.text-blue-93 { color: rgba(93, 93, 253, 0.9); }

.text-pink-249 { color: rgba(249, 168, 212, 0.9); }

.text-cyan-125 { color: rgba(125, 211, 252, 0.95); }

.text-orange-251 { color: rgba(251, 146, 60, 0.9); }

.text-purple-139 { color: rgba(139, 92, 246, 0.9); }

.text-blue-82 { color: rgba(82, 82, 253, 0.9); }

.text-purple-248 { color: rgba(248, 250, 252, 0.9); }

.text-gray { color: rgb(75, 85, 99); }

.text-indigo { color: rgb(67, 56, 202); }

.text-white { color: rgb(255, 255, 255); }

.text-sm-07 { font-size: 0.7rem; }

.text-sm-065 { font-size: 0.65rem; }

.text-sm-075 { font-size: 0.75rem; }

.text-sm-08 { font-size: 0.8rem; }

.text-sm-082 { font-size: 0.82rem; }

.text-sm-085 { font-size: 0.85rem; }

.text-sm-088 { font-size: 0.88rem; }

.text-sm-09 { font-size: 0.9rem; }

.text-sm-092 { font-size: 0.92rem; }

.text-sm-095 { font-size: 0.95rem; }

.text-sm-098 { font-size: 0.98rem; }

.text-sm-1 { font-size: 1rem; }

.text-sm-105 { font-size: 1.05rem; }

.text-sm-108 { font-size: 1.08rem; }

.text-sm-11 { font-size: 1.1rem; }

.text-sm-115 { font-size: 1.15rem; }

.text-sm-12 { font-size: 1.2rem; }

.text-sm-13 { font-size: 1.3rem; }

.text-sm-15 { font-size: 1.5rem; }

.text-sm-16 { font-size: 16px; }

.text-sm-10 { font-size: 10px; }

.text-sm-11px { font-size: 11px; }

.text-sm-12px { font-size: 12px; }

.font-bold { font-weight: bold; }

.font-800 { font-weight: 800; }

.font-900 { font-weight: 900; }

.font-700 { font-weight: 700; }

.font-750 { font-weight: 750; }

.lh-16 { line-height: 1.6; }

.lh-17 { line-height: 1.7; }

.lh-18 { line-height: 1.8; }

.lh-185 { line-height: 1.85; }

.lh-19 { line-height: 1.9; }

.lh-195 { line-height: 1.95; }

.lh-20 { line-height: 2; }

.lh-21 { line-height: 2.1; }

.mt-0 { margin-top: 0px; }

.mt-2 { margin-top: 2px; }

.mt-3 { margin-top: 3px; }

.mt-4 { margin-top: 4px; }

.mt-5 { margin-top: 5px; }

.mt-6 { margin-top: 6px; }

.mt-8 { margin-top: 8px; }

.mt-10 { margin-top: 10px; }

.mt-12 { margin-top: 12px; }

.mt-14 { margin-top: 14px; }

.mt-15 { margin-top: 15px; }

.mt-18 { margin-top: 18px; }

.mt-20 { margin-top: 20px; }

.mt-22 { margin-top: 22px; }

.mt-24 { margin-top: 24px; }

.mt-30 { margin-top: 30px; }

.mb-0 { margin-bottom: 0px; }

.mb-4 { margin-bottom: 4px; }

.mb-6 { margin-bottom: 6px; }

.mb-8 { margin-bottom: 8px; }

.mb-10 { margin-bottom: 10px; }

.mb-12 { margin-bottom: 12px; }

.mb-14 { margin-bottom: 14px; }

.mb-16 { margin-bottom: 16px; }

.mb-20 { margin-bottom: 20px; }

.ml-12 { margin-left: 12px; }

.p-10-14 { padding: 10px 14px; }

.p-12-14 { padding: 12px 14px; }

.p-12 { padding: 12px; }

.p-18-20 { padding: 18px 20px; }

.p-20 { padding: 20px; }

.p-22-24 { padding: 22px 24px; }

.p-28-30 { padding: 28px 30px; }

.pl-8 { padding-left: 8px; }

.pl-16 { padding-left: 16px; }

.pl-20 { padding-left: 20px; }

.bg-white-04 { background: rgba(255, 255, 255, 0.04); }

.bg-white-06 { background: rgba(255, 255, 255, 0.06); }

.bg-white-08 { background: rgba(255, 255, 255, 0.08); }

.bg-white-10 { background: rgba(255, 255, 255, 0.1); }

.bg-blue-59-08 { background: rgba(59, 130, 246, 0.08); }

.bg-blue-59-15 { background: rgba(59, 130, 246, 0.15); }

.bg-blue-59-10 { background: rgba(59, 130, 246, 0.1); }

.bg-blue-59-05 { background: rgba(59, 130, 246, 0.05); }

.bg-blue-59-12 { background: rgba(59, 130, 246, 0.12); }

.bg-green-34-08 { background: rgba(34, 197, 94, 0.08); }

.bg-green-34-10 { background: rgba(34, 197, 94, 0.1); }

.bg-green-34-06 { background: rgba(34, 197, 94, 0.06); }

.bg-green-16-08 { background: rgba(16, 185, 129, 0.08); }

.bg-yellow-251-06 { background: rgba(251, 191, 36, 0.06); }

.bg-yellow-251-08 { background: rgba(251, 191, 36, 0.08); }

.bg-yellow-254-15 { background: rgba(254, 243, 199, 0.08); }

.bg-yellow-254-08 { background: rgba(254, 243, 199, 0.08); }

.bg-orange-249-10 { background: rgba(249, 115, 22, 0.1); }

.bg-orange-249-08 { background: rgba(249, 115, 22, 0.08); }

.bg-purple-168-08 { background: rgba(168, 85, 247, 0.08); }

.bg-purple-168-10 { background: rgba(168, 85, 247, 0.1); }

.bg-purple-139-10 { background: rgba(139, 92, 246, 0.1); }

.bg-purple-139-08 { background: rgba(139, 92, 246, 0.08); }

.bg-pink-236-10 { background: rgba(236, 72, 153, 0.1); }

.bg-pink-236-08 { background: rgba(236, 72, 153, 0.08); }

.bg-cyan-14-10 { background: rgba(14, 165, 233, 0.1); }

.bg-cyan-14-08 { background: rgba(14, 165, 233, 0.08); }

.bg-red-239-06 { background: rgba(239, 68, 68, 0.06); }

.bg-red-239-10 { background: rgba(239, 68, 68, 0.1); }

.bg-orange-251-10 { background: rgba(251, 146, 60, 0.1); }

.bg-orange-251-08 { background: rgba(251, 146, 60, 0.08); }

.bg-indigo-99-10 { background: rgba(99, 102, 241, 0.1); }

.bg-slate-30-50 { background: rgba(30, 41, 59, 0.5); }

.bg-slate-15-65 { background: rgba(15, 23, 42, 0.65); }

.bg-gray-241-10 { background: rgba(241, 245, 249, 0.1); }

.bg-blue-224-15 { background: rgba(224, 242, 254, 0.15); }

.bg-blue-238-10 { background: rgba(238, 242, 255, 0.1); }

.bg-blue-248-10 { background: rgba(248, 250, 252, 0.1); }

.bg-orange-255-10 { background: rgba(255, 247, 237, 0.1); }

.bg-green-220-10 { background: rgba(220, 252, 231, 0.1); }

.bg-transparent { background: transparent; }

.rounded-8 { border-radius: 8px; }

.rounded-10 { border-radius: 10px; }

.rounded-12 { border-radius: 12px; }

.rounded-14 { border-radius: 14px; }

.rounded-16 { border-radius: 16px; }

.rounded-20 { border-radius: 20px; }

.border-white-12 { border: 1px solid rgba(255, 255, 255, 0.12); }

.border-blue-59-25 { border: 1px solid rgba(59, 130, 246, 0.25); }

.border-blue-59-30 { border: 1px solid rgba(59, 130, 246, 0.3); }

.border-blue-59-35 { border: 2px solid rgba(59, 130, 246, 0.35); }

.border-green-34-25 { border: 1px solid rgba(34, 197, 94, 0.25); }

.border-green-34-30 { border: 1px solid rgba(34, 197, 94, 0.3); }

.border-green-34-50 { border: 2px solid rgba(34, 197, 94, 0.5); }

.border-yellow-251-40 { border: 2px solid rgba(245, 158, 11, 0.4); }

.border-yellow-251-50 { border-left: 4px solid rgba(251, 191, 36, 0.5); }

.border-green-22 { border-left: 4px solid rgb(34, 197, 94); }

.border-orange-249-25 { border: 1px solid rgba(249, 115, 22, 0.25); }

.border-orange-249-30 { border: 1px solid rgba(249, 115, 22, 0.3); }

.border-orange-249-35 { border: 2px solid rgba(249, 115, 22, 0.35); }

.border-purple-168-25 { border: 1px solid rgba(168, 85, 247, 0.25); }

.border-purple-168-30 { border: 1px solid rgba(168, 85, 247, 0.3); }

.border-pink-236-25 { border: 1px solid rgba(236, 72, 153, 0.25); }

.border-pink-236-30 { border: 1px solid rgba(236, 72, 153, 0.3); }

.border-cyan-14-25 { border: 1px solid rgba(14, 165, 233, 0.25); }

.border-cyan-14-30 { border: 1px solid rgba(14, 165, 233, 0.3); }

.border-red-239-20 { border: 1px solid rgba(239, 68, 68, 0.2); }

.border-red-239-30 { border: 1px solid rgba(239, 68, 68, 0.3); }

.border-gray-148-20 { border: 1px solid rgba(148, 163, 184, 0.2); }

.border-left-yellow { border-left: 3px solid rgba(251, 191, 36, 0.3); }

.border-left-blue { border-left: 3px solid rgba(59, 130, 246, 0.5); }

.border-left-orange { border-left: 5px solid rgb(249, 115, 22); }

.border-left-blue-0ea { border-left: 5px solid rgb(14, 165, 233); }

.border-left-yellow-f59 { border-left: 5px solid rgb(245, 158, 11); }

.flex { display: flex; }

.grid { display: grid; }

.block { display: block; }

.flex-center { display: flex; align-items: center; justify-content: center; }

.flex-between { display: flex; align-items: center; justify-content: space-between; }

.flex-start { display: flex; align-items: center; }

.flex-wrap { flex-wrap: wrap; }

.flex-1 { flex: 1 1 0%; }

.gap-8 { gap: 8px; }

.gap-10 { gap: 10px; }

.gap-16 { gap: 16px; }

.w-full { width: 100%; }

.max-w-full { max-width: 100%; }

.min-w-140 { min-width: 140px; }

.min-w-150 { min-width: 150px; }

.min-w-120 { min-width: 120px; }

.h-auto { height: auto; }

.h-280 { height: 280px; }

.h-320 { height: 320px; }

.text-center { text-align: center; }

.relative { position: relative; }

.absolute { position: absolute; }

.overflow-hidden { overflow: hidden; }

.overflow-x-auto { overflow-x: auto; }

.border-box { box-sizing: border-box; }

.svg-block { max-width: 100%; height: auto; display: block; }

.mono { font-family: monospace; }

.mono-ui { font-family: ui-monospace; }

.cursor-pointer { cursor: pointer; }

.list-none { list-style: none; }

.gradient-blue-purple { background: linear-gradient(135deg, rgb(59, 130, 246), rgb(139, 92, 246)); }

.gradient-green-emerald { background: linear-gradient(135deg, rgb(34, 197, 94), rgb(16, 185, 129)); }

.gradient-orange-red { background: linear-gradient(135deg, rgb(249, 115, 22), rgb(234, 88, 12)); }

.gradient-purple-violet { background: linear-gradient(135deg, rgb(168, 85, 247), rgb(139, 92, 246)); }

.gradient-pink-rose { background: linear-gradient(135deg, rgb(236, 72, 153), rgb(219, 39, 119)); }

.gradient-cyan-teal { background: linear-gradient(135deg, rgb(14, 165, 233), rgb(6, 182, 212)); }

.gradient-blue-purple-12 { background: linear-gradient(135deg, rgba(59, 130, 246, 0.12) 0%, rgba(139, 92, 246, 0.1) 100%); }

.gradient-green-emerald-10 { background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(16, 185, 129, 0.08) 100%); }

.gradient-orange-red-10 { background: linear-gradient(135deg, rgba(249, 115, 22, 0.1) 0%, rgba(234, 88, 12, 0.08) 100%); }

.gradient-purple-violet-10 { background: linear-gradient(135deg, rgba(168, 85, 247, 0.1) 0%, rgba(139, 92, 246, 0.08) 100%); }

.gradient-pink-rose-10 { background: linear-gradient(135deg, rgba(236, 72, 153, 0.1) 0%, rgba(219, 39, 119, 0.08) 100%); }

.gradient-cyan-teal-10 { background: linear-gradient(135deg, rgba(14, 165, 233, 0.1) 0%, rgba(6, 182, 212, 0.08) 100%); }

.card-white { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; padding: 18px 20px; box-sizing: border-box; max-width: 100%; overflow: hidden; }

.card-green { margin-top: 12px; background: rgba(34, 197, 94, 0.08); padding: 12px 14px; border-radius: 10px; border-left: 4px solid rgb(34, 197, 94); }

.card-yellow { margin-top: 8px; background: rgba(251, 191, 36, 0.06); padding: 10px 14px; border-radius: 10px; border-left: 4px solid rgba(251, 191, 36, 0.5); }

.card-purple { margin-top: 12px; background: rgba(168, 85, 247, 0.08); padding: 12px 14px; border-radius: 10px; border-left: 4px solid rgb(168, 85, 247); }

.card-orange { background: rgba(255, 247, 237, 0.1); padding: 20px; border-radius: 10px; margin: 20px 0px; border-left: 5px solid rgb(249, 115, 22); }

.card-blue { background: rgba(224, 242, 254, 0.15); padding: 20px; border-radius: 12px; margin: 20px 0px; border-left: 5px solid rgb(14, 165, 233); }

.card-gray { background: rgba(241, 245, 249, 0.1); padding: 20px; border-radius: 12px; margin: 20px 0px; }

.card-yellow-light { background: rgba(254, 243, 199, 0.08); padding: 14px 16px; border-radius: 12px; border-left: 5px solid rgb(245, 158, 11); }

.badge-blue { background: linear-gradient(135deg, rgb(59, 130, 246), rgb(139, 92, 246)); color: rgb(255, 255, 255); padding: 2px 10px; border-radius: 12px; font-size: 0.76rem; margin-right: 6px; vertical-align: middle; }

.badge-green { background: linear-gradient(135deg, rgb(34, 197, 94), rgb(22, 163, 74)); color: rgb(255, 255, 255); padding: 2px 10px; border-radius: 12px; font-size: 0.76rem; margin-right: 6px; vertical-align: middle; }

.badge-orange { background: linear-gradient(135deg, rgb(249, 115, 22), rgb(234, 88, 12)); color: rgb(255, 255, 255); padding: 2px 10px; border-radius: 12px; font-size: 0.76rem; margin-right: 6px; vertical-align: middle; }

.badge-purple { background: linear-gradient(135deg, rgb(168, 85, 247), rgb(139, 92, 246)); color: rgb(255, 255, 255); padding: 4px 14px; border-radius: 20px; font-size: 0.88rem; }

.badge-pink { background: linear-gradient(135deg, rgb(236, 72, 153), rgb(219, 39, 119)); color: rgb(255, 255, 255); padding: 2px 10px; border-radius: 12px; font-size: 0.76rem; margin-right: 6px; vertical-align: middle; }

.badge-cyan { background: linear-gradient(135deg, rgb(14, 165, 233), rgb(6, 182, 212)); color: rgb(255, 255, 255); padding: 2px 10px; border-radius: 12px; font-size: 0.76rem; margin-right: 6px; vertical-align: middle; }

.step-box-blue { flex: 1 1 0%; min-width: 140px; background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3); border-radius: 8px; padding: 12px; text-align: center; }

.step-box-green { flex: 1 1 0%; min-width: 140px; background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.3); border-radius: 8px; padding: 12px; text-align: center; }

.step-box-purple { flex: 1 1 0%; min-width: 140px; background: rgba(168, 85, 247, 0.1); border: 1px solid rgba(168, 85, 247, 0.3); border-radius: 8px; padding: 12px; text-align: center; }

.step-box-orange { flex: 1 1 0%; min-width: 140px; background: rgba(251, 146, 60, 0.1); border: 1px solid rgba(251, 146, 60, 0.3); border-radius: 8px; padding: 12px; text-align: center; }

.step-box-red { flex: 1 1 0%; min-width: 140px; background: rgba(239, 68, 68, 0.1); border: 1px solid rgba(239, 68, 68, 0.3); border-radius: 8px; padding: 12px; text-align: center; }

.step-box-emerald { flex: 1 1 0%; min-width: 140px; background: rgba(16, 185, 129, 0.1); border: 1px solid rgba(16, 185, 129, 0.3); border-radius: 8px; padding: 12px; text-align: center; }

.step-box-yellow { flex: 1 1 0%; min-width: 140px; background: rgba(245, 158, 11, 0.1); border: 1px solid rgba(245, 158, 11, 0.3); border-radius: 8px; padding: 10px; text-align: center; }

.step-box-cyan { flex: 1 1 0%; min-width: 120px; background: rgba(14, 165, 233, 0.1); border: 1px solid rgba(14, 165, 233, 0.3); border-radius: 8px; padding: 10px; text-align: center; }

.step-box-indigo { flex: 1 1 0%; min-width: 140px; background: rgba(99, 102, 241, 0.1); border: 1px solid rgba(99, 102, 241, 0.3); border-radius: 8px; padding: 10px; text-align: center; }

.step-box-pink { flex: 1 1 0%; min-width: 140px; background: rgba(236, 72, 153, 0.1); border: 1px solid rgba(236, 72, 153, 0.3); border-radius: 8px; padding: 10px; text-align: center; }

.arrow { color: rgba(147, 197, 253, 0.7); font-size: 1.5rem; }

.arrow-down { color: rgba(147, 197, 253, 0.7); font-size: 1.2rem; }

.arrow-red { color: rgba(239, 68, 68, 0.7); font-size: 1.2rem; }

.arrow-orange { color: rgba(245, 158, 11, 0.7); font-size: 1.2rem; }

.arrow-green { color: rgba(34, 197, 94, 0.7); font-size: 1.2rem; }

.arrow-purple { color: rgba(168, 85, 247, 0.7); font-size: 1.2rem; }

.arrow-indigo { color: rgba(99, 102, 241, 0.7); font-size: 1.2rem; }

.arrow-cyan { color: rgba(16, 185, 129, 0.7); font-size: 1.2rem; }

.arrow-orange-251 { color: rgba(251, 146, 60, 0.7); font-size: 1.2rem; }

.code-container { margin-top: 4px; max-width: 100%; overflow-x: auto; }

.code-desc { margin-top: 10px; color: rgba(255, 255, 255, 0.6); font-size: 0.82rem; }

.summary-title { font-size: 1.15rem; font-weight: 900; color: rgb(255, 255, 255); margin-bottom: 4px; }

.summary-subtitle { color: rgba(255, 255, 255, 0.6); font-size: 0.88rem; margin-bottom: 16px; }

.summary-section { font-weight: 800; color: rgb(147, 197, 253); margin-bottom: 6px; }

.summary-card { background: rgba(255, 255, 255, 0.06); border: 2px solid rgba(59, 130, 246, 0.35); border-radius: 16px; padding: 28px 30px; margin: 22px 0px; position: relative; }

.summary-card-orange { background: rgba(255, 255, 255, 0.06); border: 2px solid rgba(249, 115, 22, 0.35); border-radius: 16px; padding: 28px 30px; margin: 22px 0px; position: relative; }

.highlight-box { background: rgba(59, 130, 246, 0.06); padding: 16px 18px; border-radius: 12px; border: 1px solid rgba(59, 130, 246, 0.25); margin: 18px 0px; }

.highlight-box-green { background: rgba(34, 197, 94, 0.06); padding: 22px 24px; border-radius: 14px; margin: 22px 0px; border: 1px solid rgba(34, 197, 94, 0.25); }

.interview-tip { margin-top: 8px; background: rgba(251, 191, 36, 0.06); padding: 10px 14px; border-radius: 10px; border-left: 4px solid rgba(251, 191, 36, 0.5); }

.interview-tip-title { color: rgb(251, 191, 36); font-weight: 800; font-size: 0.88rem; }

.interview-tip-content { color: rgba(255, 255, 255, 0.78); margin-top: 4px; font-size: 0.88rem; line-height: 1.7; }

.verify-box { margin-top: 12px; background: rgba(34, 197, 94, 0.08); padding: 12px 14px; border-radius: 10px; border-left: 4px solid rgb(34, 197, 94); }

.verify-title { color: rgba(255, 255, 255, 0.92); font-weight: 800; font-size: 0.92rem; }

.verify-content { color: rgba(255, 255, 255, 0.82); margin-top: 4px; line-height: 1.8; font-size: 0.9rem; }

.keypoint-box { margin-top: 12px; background: rgba(168, 85, 247, 0.08); padding: 12px 14px; border-radius: 10px; border-left: 4px solid rgb(168, 85, 247); }

.keypoint-title { color: rgba(196, 181, 253, 0.95); font-weight: 800; font-size: 0.92rem; }

.keypoint-content { color: rgba(255, 255, 255, 0.82); margin-top: 8px; line-height: 1.8; font-size: 0.9rem; }

.flow-container { background: rgba(30, 41, 59, 0.5); border: 1px solid rgba(148, 163, 184, 0.2); border-radius: 12px; padding: 20px; margin: 15px 0px; }

.flow-title { color: rgba(147, 197, 253, 0.95); margin: 0px 0px 15px; font-size: 0.95rem; }

.flow-note { margin-top: 15px; padding: 12px; background: rgba(59, 130, 246, 0.05); border-radius: 8px; border-left: 3px solid rgba(59, 130, 246, 0.5); }

.flow-note-content { color: rgba(147, 197, 253, 0.9); font-size: 0.8rem; line-height: 1.6; }

.btn-copy { background: linear-gradient(135deg, rgb(59, 130, 246), rgb(139, 92, 246)); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 10px 28px; border-radius: 10px; font-size: 0.95rem; font-weight: 700; cursor: pointer; margin-top: 8px; transition: 0.3s; }

.btn-copy-orange { background: linear-gradient(135deg, rgb(249, 115, 22), rgb(234, 88, 12)); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; padding: 10px 28px; border-radius: 10px; font-size: 0.95rem; font-weight: 700; cursor: pointer; margin-top: 12px; transition: 0.3s; }

.copy-success { color: rgb(34, 197, 94); font-weight: 700; margin-left: 12px; opacity: 0; transition: opacity 0.3s; }

.content-section-full { max-width: 100%; overflow-x: hidden; box-sizing: border-box; }

details { background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; padding: 18px 20px; box-sizing: border-box; max-width: 100%; overflow: hidden; }

summary { cursor: pointer; color: rgba(255, 255, 255, 0.95); font-weight: 900; font-size: 1.08rem; }