*,*::before,*::after{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);font-family:'Inter',sans-serif;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--gold)}.breadcrumb-wrap{background:#0d0d10;border-bottom:1px solid var(--border);padding:0.75rem 0}.breadcrumb{margin:0}.breadcrumb-item a{color:var(--muted);font-size:0.85rem}.breadcrumb-item a:hover{color:var(--gold)}.breadcrumb-item.active{color:var(--gold);font-size:0.85rem}.breadcrumb-item + .breadcrumb-item::before{color:var(--border)}.btn-green{background:var(--green);color:#09090b;font-weight:700;border:none;padding:0.75rem 2rem;border-radius:8px;font-size:1rem;transition:opacity 0.2s,transform 0.15s;display:inline-block}.btn-green:hover{opacity:0.88;transform:translateY(-1px);color:#09090b}.section-label{font-size:0.78rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--accent);margin-bottom:0.5rem}.section-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-bottom:0.5rem;color:var(--text)}.section-title span{color:var(--gold)}.section-sub{color:var(--muted);max-width:580px;line-height:1.75}.page-hero{background:linear-gradient(135deg,#09090b 0%,#060d0a 55%,#09090b 100%);padding:80px 0 60px;position:relative;overflow:hidden}.page-hero::before{content:'';position:absolute;top:-80px;right:-60px;width:500px;height:500px;background:radial-gradient(circle,rgba(74,222,128,0.07) 0%,transparent 65%);border-radius:50%;pointer-events:none}.page-hero::after{content:'';position:absolute;bottom:-60px;left:-40px;width:340px;height:340px;background:radial-gradient(circle,rgba(37,99,235,0.07) 0%,transparent 65%);border-radius:50%;pointer-events:none}.page-hero h1{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:900;line-height:1.2;position:relative;z-index:1}.page-hero h1 span{color:var(--green)}.page-hero p{color:var(--muted);font-size:1rem;max-width:640px;line-height:1.8;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:0.5rem;background:rgba(74,222,128,0.1);border:1px solid rgba(74,222,128,0.3);border-radius:20px;padding:0.3rem 0.9rem;font-size:0.8rem;color:var(--green);font-weight:600;margin-bottom:1.25rem}.stat-strip{background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:1.5rem 0}.stat-item{text-align:center}.stat-item .stat-num{font-size:1.8rem;font-weight:900;color:var(--gold);line-height:1}.stat-item .stat-label{font-size:0.8rem;color:var(--muted);margin-top:0.3rem}.gem-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:1.75rem;height:auto;transition:border-color 0.2s,transform 0.2s}.gem-card:hover{border-color:var(--accent);transform:translateY(-3px)}.gem-card .icon-wrap{width:54px;height:54px;background:rgba(37,99,235,0.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--accent);margin-bottom:1.1rem}.gem-card .icon-wrap.gold{background:rgba(250,204,21,0.12);color:var(--gold)}.gem-card .icon-wrap.green{background:rgba(74,222,128,0.12);color:var(--green)}.gem-card .icon-wrap.purple{background:rgba(167,139,250,0.12);color:var(--purple)}.gem-card .icon-wrap.orange{background:rgba(251,146,60,0.12);color:var(--orange)}.gem-card .icon-wrap.red{background:rgba(248,113,113,0.12);color:var(--red)}.gem-card .icon-wrap.teal{background:rgba(45,212,191,0.12);color:var(--teal)}.gem-card h5{font-weight:700;margin-bottom:0.5rem;color:var(--text);font-size:1.05rem}.gem-card p{color:var(--muted);font-size:0.9rem;margin:0;line-height:1.7}.highlight-box{background:rgba(37,99,235,0.08);border:1px solid rgba(37,99,235,0.3);border-radius:12px;padding:1.25rem 1.5rem}.highlight-box.gold{background:rgba(250,204,21,0.07);border-color:rgba(250,204,21,0.25)}.highlight-box.green{background:rgba(74,222,128,0.07);border-color:rgba(74,222,128,0.25)}.highlight-box.red{background:rgba(248,113,113,0.07);border-color:rgba(248,113,113,0.25)}.highlight-box.orange{background:rgba(251,146,60,0.07);border-color:rgba(251,146,60,0.25)}.quiz-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:2rem}.quiz-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--border)}.quiz-item:last-child{border-bottom:none;padding-bottom:0}.quiz-num{min-width:32px;height:32px;background:rgba(37,99,235,0.15);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:800;color:var(--accent);flex-shrink:0}.quiz-item p{color:var(--muted);font-size:0.92rem;margin:0;line-height:1.65}.tool-step{display:flex;gap:1.25rem;align-items:flex-start;margin-bottom:1.75rem}.tool-step:last-child{margin-bottom:0}.step-icon{min-width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.tool-step h6{font-weight:700;color:var(--text);margin-bottom:0.3rem;font-size:1rem}.tool-step p{color:var(--muted);font-size:0.9rem;margin:0;line-height:1.65}.warning-item{display:flex;align-items:center;gap:0.9rem;background:rgba(248,113,113,0.06);border:1px solid rgba(248,113,113,0.2);border-radius:10px;padding:0.9rem 1.1rem;margin-bottom:0.75rem;transition:border-color 0.2s}.warning-item:hover{border-color:var(--red)}.warning-item i{color:var(--red);font-size:1.1rem;flex-shrink:0}.warning-item span{color:var(--muted);font-size:0.9rem;line-height:1.55}.content-section{margin-bottom:3.5rem}.content-section h2{font-size:1.5rem;font-weight:800;color:var(--text);margin-bottom:1rem;padding-bottom:0.6rem;border-bottom:2px solid var(--border)}.content-section h2 i{color:var(--accent);margin-right:0.6rem}.content-section p{color:var(--muted);line-height:1.85;margin-bottom:0.9rem;font-size:0.95rem}.content-section ul{color:var(--muted);line-height:1.85;font-size:0.95rem;padding-left:1.4rem;margin-bottom:0.9rem}.content-section ul li{margin-bottom:0.4rem}.tag-badge{display:inline-block;font-size:0.72rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:0.22rem 0.65rem;border-radius:20px}.tag-green{background:rgba(74,222,128,0.15);color:var(--green)}.tag-gold{background:rgba(250,204,21,0.15);color:var(--gold)}.tag-blue{background:rgba(37,99,235,0.15);color:var(--accent)}.tag-red{background:rgba(248,113,113,0.15);color:var(--red)}.tag-purple{background:rgba(167,139,250,0.15);color:var(--purple)}.tag-orange{background:rgba(251,146,60,0.15);color:var(--orange)}html,body{overflow-x:clip;width:100%}
