:root{
	--green:#164a36; --green2:#1d5d44; --cream:#f4efe2;
	--ink:#16271f; --muted:#5c6f64; --gold:#d4a23a;
	--card:#ffffff;
	--enganoso:#e0952a; --falso:#d64545; --verdadeiro:#1f8a4c; --parte:#2a9d9d;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
	background:var(--green);
	color:var(--ink);
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	min-height:100vh;
	display:flex; justify-content:center;
	padding:32px 16px 48px;
}
.wrap{width:100%; max-width:480px; text-align:center}

/* ---- home ---- */
.logo{
	width:120px; height:120px; border-radius:50%;
	object-fit:cover; border:3px solid var(--gold);
	background:var(--cream);
	box-shadow:0 6px 24px rgba(0,0,0,.25);
}
h1{color:var(--cream); font-size:28px; letter-spacing:.3px; margin:16px 0 4px}
.handle{color:var(--gold); font-weight:600; font-size:15px; margin:0 0 14px}
.bio{color:#e7e1d1; font-size:15px; line-height:1.5; margin:0 auto 26px; max-width:380px}
.btn{
	display:flex; align-items:center; gap:12px;
	width:100%; text-decoration:none;
	background:var(--cream); color:var(--ink);
	border-radius:16px; padding:15px 18px; margin:12px 0;
	font-weight:600; font-size:16px;
	box-shadow:0 3px 10px rgba(0,0,0,.18);
	transition:transform .08s ease, box-shadow .08s ease;
}
.btn:active{transform:translateY(1px); box-shadow:0 2px 6px rgba(0,0,0,.18)}
.btn .ic{flex:0 0 24px; height:24px}
.btn .lab{flex:1; text-align:left}
.btn .arr{color:var(--muted); font-size:18px}
.sec{color:var(--gold); text-transform:uppercase; letter-spacing:1.5px; font-size:12px; font-weight:700; margin:34px 0 10px; text-align:left}
.check{
	display:block; text-decoration:none; text-align:left;
	background:var(--card); color:var(--ink);
	border-radius:16px; padding:14px 16px; margin:10px 0;
	box-shadow:0 3px 10px rgba(0,0,0,.18);
	border-left:4px solid var(--gold);
}
.check:active{transform:translateY(1px)}
.check .t{font-weight:700; font-size:15px; line-height:1.35; display:block}

/* selo de veredito (home + página) */
.v{display:inline-block; font-size:12px; font-weight:700; color:#fff; background:var(--gold); border-radius:8px; padding:3px 10px}
.check .v{margin-top:7px}
.v.enganoso{background:var(--enganoso)}
.v.falso{background:var(--falso)}
.v.verdadeiro{background:var(--verdadeiro)}
.v.parte{background:var(--parte)}

footer{color:#b9c6bd; font-size:12px; margin-top:34px; line-height:1.6}
footer a{color:var(--cream)}

/* ---- página de checagem ---- */
.back{display:inline-block; color:var(--gold); text-decoration:none; font-weight:600; font-size:14px; margin-bottom:18px; text-align:left; width:100%}
.panel{
	background:var(--card); border-radius:18px; padding:22px 20px;
	text-align:left; box-shadow:0 3px 12px rgba(0,0,0,.2);
}
.panel .claim{font-size:21px; font-weight:800; line-height:1.3; margin:12px 0 14px; color:var(--ink)}
.panel .v{font-size:13px; padding:5px 14px}
.panel ul{margin:18px 0 0; padding-left:18px}
.panel li{font-size:15px; line-height:1.55; margin:10px 0; color:#283b31}
.srcs{text-align:left; margin-top:8px}
.srcs .lbl{color:var(--gold); text-transform:uppercase; letter-spacing:1.5px; font-size:12px; font-weight:700; margin:28px 0 6px}
.src{
	display:block; text-decoration:none; color:var(--ink);
	background:var(--card); border-radius:12px; padding:12px 14px; margin:8px 0;
	box-shadow:0 2px 8px rgba(0,0,0,.16); border-left:3px solid var(--green2);
	font-size:14px; line-height:1.4;
}
.src.nolink{color:var(--muted); border-left-color:var(--muted)}
.src .host{display:block; color:var(--green2); font-size:12px; font-weight:600; margin-top:3px; word-break:break-all}
.igbtn{
	display:block; text-align:center; text-decoration:none; font-weight:700; font-size:16px;
	background:var(--cream); color:var(--ink); border-radius:16px; padding:15px; margin-top:22px;
	box-shadow:0 3px 10px rgba(0,0,0,.18);
}